.container-fluid{padding: 0; width: 1200px; margin:0 auto; position: relative;}
/*头部样式*/
#header,.w1200{width:1200px;margin:0 auto;}
.fl{float: left;}
.fr{float: right;}
p{margin:0 0 0 0;}

.tophead{width: 100%;height: 35px;background: #ececec;position: relative;}
.headtitle{font-size: 14px;color: #969696;line-height: 35px;}
.k1{font-size: 14px;line-height: 35px;color: #fff;}
.k1 span{font-size: 21px;}
.k1 a{color: #fff;}

.sechead{height: 155px;position: absolute;overflow: hidden;z-index: 999;width: 100%;background: rgba(0,0,0,0.0);}
.logo{float:left;line-height: 100px;}
.sechead .k2{margin-top: 19px;background: url(../images/ttel.png) left center no-repeat;text-align: left;padding-left: 70px;font-size: 20px;color: #3e3e3e;line-height: 24px;}
.sechead .k2 p{font-size: 16px; color: #666;}
.sechead .k2 p strong{font-size: 24px; color: #333;}
.ssa1{background: rgba(0,0,0,0.6);}








.dff{width:1920px;position:relative;left:50%;margin-left:-960px;background:url(../images/dff.png) no-repeat center top;height:508px;overflow:hidden;}
.dff_con{width:1200px;margin:0 auto;padding-top:68px;color:#fff;}
.dd1{color:#fff;text-align: left}
.dd2 {color:#fff;text-align: left;margin-left:150px;line-height:28px;margin-top:10px;}
.dd2 a{color:#fff;line-height:28px;}

.dd3 {color:#fff;text-align: left;margin-left:90px;line-height:28px;margin-top:10px;}
.dd3 a{color:#fff;line-height:28px;}

.dff_con2{width:1200px;margin:0 auto;color:#797979;;text-align:center;margin-top:100px;}
.dff_con2 a{color:#797979;text-align:center; display:inline-block;}

/* 导航 */
.menu{
    width: 70%;
    /* margin: 0 auto; */
    /* overflow: hidden; */
    height: 40px;
    float: right;
}
.x-menu {width: 100%;margin:0 auto;position: relative;}
.x-menu>li {float:left;width:120px;position:relative;text-align:center;height: 55px;}
.x-menu>li>a {display: inline-block;font-size: 16px;color: #fff;height: 55px;line-height: 55px;}
.x-menu>li.active>a,.x-menu>li>a:hover {background: transparent;color: #c59553;border-bottom: 2px solid #c59553;}
/*.x-menu>li:after {content:"";position:absolute;z-index:100;width:100%;left:0;height:40px;opacity:0;top:100%}*/

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}

#m_demo{overflow:hidden;width:100%;margin:0 auto;}
#m_indemo {float: left;width:800%}
#m_demo1 {float: left;}
#m_demo2 {float: left;}

/* 搜索 */
#formsearch{margin-top: 10px;}
#formsearch input{height:30px;background:none;border:none;line-height:30px;outline: none;float: left;}
#formsearch input#keyword{text-indent:10px;color:#979797;font-size: 14px;width: 274px;border: 1px solid #ddd;}
#formsearch input#s_btn{width: 40px;height: 30px;line-height: 30px;text-align:center;color:#fff;border:none;cursor:pointer;background: url(../images/ss.png) no-repeat;}

/* 内页 */
.left{width: 240px;float: left;}
.right{width: 940px;float: right;}
.product_list{}
.product_list li{float: left;width: 293px;border: 1px solid #eee;margin:0 10px 10px;padding:5px;}
.product_list li a.img{display: block;width: 281px;height: 281px;overflow: hidden;}
.product_list li img{width:281px;height: 281px;transition: all .5s ease;}
.product_list li h3{line-height: 35px;text-align: center;}
.product_list li h3 a{color: #5a5a5a;font-size: 14px;}
.product_list li:hover{border-color: #292e39}
.product_list li:hover img{transform:scale(1.1);}





/* 仰观·日月之行 */
.abb{width: 1920px;position: relative;left: 50%;margin-left: -960px;height: 822px;padding-top: 95px;}
.abb .abx{width: 529px;height: 525px;background-color: rgba(0,0,0,0.7);padding: 64px 25px 0;float: right;margin-right:136px;margin-top: 67px;}
.abb .abx h2{font-size: 30px; color: #fff; }
.abb .abx h3{font-size: 18.6px; color: #fff; opacity: 0.8; text-transform: uppercase; margin-top: 16px;}
.abb .abx dd{font-size: 18px;color: #fff;line-height: 35px;margin-top: 23px;text-indent: 37px;}

.abb .abf{width: 377px;}
.abb .abf .img1{width: 100%; height: 320px; overflow: hidden; margin-bottom: 8px;}
.abb .abf .img1 img{width: 100%; transition: all ease-in-out 0.5s;}
.abb .abf .img2{width: 100%; height: 305px; overflow: hidden;}
.abb .abf .img2 img{width:100%; transition: all ease-in-out 0.5s;}
.abb .abf .img2:hover img{transform: scale(1.1);}
.abb .abf .img1:hover img{transform: scale(1.1);}


.x-banner .owl-carousel .owl-dots button.owl-dot.active{background: transparent;}
.x-banner .owl-carousel .owl-dots button.owl-dot{ background:transparent; opacity: 1; margin: 0 10px; }
.x-banner .owl-carousel .owl-dots button.owl-dot span{color: #fff; font-size: 18px;  }
.x-banner .owl-carousel .owl-dots button.owl-dot.active::after{content: ""; display: inline-block; width: 114px;height: 1px;background-color: #fff; vertical-align: middle; margin-top: 0px; margin-left: 10px;}
.x-banner .owl-carousel .owl-dots button.owl-dot:last-child.active:after{display: none;}



/* 俯察·万物之象 */

.wwx{width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 903px; padding-top: 148px;}
.wwx .img{float: right; width: 1025px; height: 664px; overflow: hidden; position: absolute; z-index: 9999; top: 148px; right: 0;}
.wwx .img img{width:100%; transition: all ease-in-out 0.5s;}
.wwx .img:hover img{transform: scale(1.1);}
.wwx .wbb{width: 520px;position: absolute;z-index: 999;top: 141px;left: 0;}
.wwx .wbb .wf1{width: 100%; margin-bottom: 60px;}
.wwx .wbb .wf2{width: 100%;}

.wwx .wbb .wf1 h2{font-size: 30px; color: #fff;}
.wwx .wbb .wf1 h3{font-size: 18.6px;color: #fff;opacity: 0.8;text-transform: uppercase;margin-top: 12px;}
.wwx .wbb .wf1 dd{font-size: 18px; color: #fff; line-height: 36px;margin-top: 27px;}

.wwx .wbb .wf2 .img{width: 516px;height: 226px;overflow: hidden;position: relative;top: 0px;}
.wwx .wbb .wf2 .img img{width: 100%;}


/* youshi */
.ys{width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 658px; padding-top: 78px; position: relative;}

.ys .img{position: absolute;z-index: 999;left: 50%;width: 705px;height: 382px;top: -1%;transform: translate(-50%,10%);}
.ys .img img{animation:myfirst 3s ; animation-iteration-count:3;}

@keyframes myfirst
{
    0% {transform: scale(0.1);}
    100% {transform: scale(1);}
}



.ys  ul{width: 100%;}

.ys  ul li{float: left;width: 50%;margin-bottom: 102px;animation: myfirst1 5s;height: 56px; animation-iteration-count:2;}
.ys  ul li dd{width: 170px; text-align: center; transition: all ease-in-out 0.4s;}
.ys  ul li:nth-child(2n) dd{}
.ys  ul li:nth-child(2n-1) dd{ float: right;}
.ys  ul li:nth-child(1),.ys  ul li:nth-child(8){margin: 0 auto; width:100%; text-align: center; margin-bottom: 2px;}
.ys  ul li:nth-child(1) dd,.ys  ul li:nth-child(8) dd{margin: 0 auto; float: none;}
.ys  ul li dd h3{font-size: 25px; color: #fff;}
.ys  ul li dd h4{font-size: 18px; color: #fff; margin-top: 10px;}

.ys  ul li:nth-child(2) dd,.ys  ul li:nth-child(6) dd{margin-left: 76px;}
.ys  ul li:nth-child(3) dd,.ys  ul li:nth-child(7) dd{margin-right: 76px;}
.ys  ul li:nth-child(8){margin-top: -101px;}



@keyframes myfirst1
{
    0% {opacity: 0;}
    100% {opacity: 1;}
}

.ys  ul li:hover dd{margin-top: -10px;}
.ys  ul li:hover dd h3{color: #c59553;}
.ys  ul li:hover dd h4{color: #c59553;}

/* 锦腾·案例鉴赏 */

.case{width: 1920px; position: relative; left: 50%; margin-left: -960px; 
/*height: 722px;*/
height: 660px;
padding-top: 120px;}

.case  .chd{width: 100%; height: 88px;}
.case  .chd .ctitle{width: 258px; float: left;}
.case  .chd .ctitle h2{font-size: 30px; color: #fff;}
.case  .chd .ctitle h3{font-size: 18px; color: #fff; text-transform: uppercase; margin-top: 14px;}
.case  .chd ul{width: 910px; float: right; margin-top: 35px;}
.case  .chd ul li{float: left; width: 126px; margin-right: 25px; }
.case  .chd ul li:last-child{margin-right: 0;}
.case  .chd ul li a{display: block; width:100%; height: 40px; line-height: 40px; text-align: center; border: 1px solid #505050; font-size: 16px; color: #fff;}
.case  .chd ul li:hover a,.case  .chd ul li.on a{background-color: #c59553; border: 1px solid #c59553;}
.case .cbd{width: 100%; margin-top: 53px;}

.case .cbd ul{width: 100%;}
.case .cbd ul li{float: left; width: 450px !important; height: 345px; margin-right: 34px;}
.case .cbd ul li:last-child{margin-right: 0;}
.case .cbd ul li .img{width: 100%; height: 300px; overflow: hidden;}
.case .cbd ul li .img img{width: 100%; transition: all ease-in-out 0.5s;}
.case .cbd ul li h2{width: 100%; height: 43px; line-height: 43px; background-color: #4b361f; text-align: center; font-size: 16px; color: #fff; opacity: 0; }
.case .cbd ul li:hover .img img{transform: scale(1.1);}
.case .cbd ul li:hover h2{opacity: 1;}

/* ds */
.ds1{width: 1920px;position: relative;left: 50%;margin-left: -960px;height: 699px;padding-top: 100px;margin-top: -1px;}
.ds1 ul{width: 100%; position: relative; height: 493px;}
.ds1 ul li{float: left;height: 240px;background-color: #262626;text-align: center;position: relative;}
.ds1 ul li:nth-child(1),.ds1 ul li:nth-child(4){width: 521px;}
.ds1 ul li:nth-child(2),.ds1 ul li:nth-child(5){width: 340px;}
.ds1 ul li:nth-child(3),.ds1 ul li:nth-child(6){width: 339px;}

.ds1 ul li .img{width: 100%; height: 100%; overflow: hidden; position: relative;}
.ds1 ul li .img img{width: 100%; transition: all ease-in-out 0.5s;}
.ds1 ul i{display: block;width: 100%;height: 20px;background: url(../images/ntt1.png)no-repeat center;position: absolute;z-index: 9999;top: 50%;transform: translate(0,-81%);}


.ds1 ul li:nth-child(2n) .img{display: none;}

.ds1 ul li dd{width: 100%; position: absolute; z-index: 99; height: 100%; text-align:center; padding-top: 87px; top: 0; left: 0; transition: all ease-in-out 0.5s;}
.ds1 ul li dd h3{font-size: 30px; color: #fff;}
.ds1 ul li dd h2{font-size: 18px; color: #fff; text-transform: uppercase; margin-top: 14px;}
.ds1 ul li:nth-child(2n-1) dd{display: none;}

.ds1 ul li:hover .img img{transform: scale(1.1);}
.ds1 ul li:hover dd{top: -10px;}

.ds1 ul li .img .i{display: block;position: absolute;z-index: 99999;bottom: -1px;height: 3px;background-color: #d1a34e;width: 0%;transition: width ease-in-out 0.5s;left: 50%;transform: translate(-50%);}
.ds1 ul li:nth-child(5) .img .i{top: 0;}
.ds1 ul li:hover .img .i{width: 100%;}

/* vb1 */
.vb1{width: 1920px; position: relative; left: 50%; margin-left: -960px; height: 900px; padding-top: 52px;}
.vb1 .vbx{width: 100%;height: 788px;padding-top: 133px;}
.vb1 .vbx .img{width: 514px;height: 257px; overflow: hidden; margin: 0 auto;}
.vb1 .vbx .img img{width:100%;}


/* 锦腾·灯饰焦点 */
.news{width: 1920px;position: relative;left: 50%;margin-left: -960px;height: 620px;padding-top: 74px;}

.news .nwf1{width: 426px;}
.news .nwf1 .ntitle{width: 100%; padding-top: 82px;}
.news .nwf1 .ntitle h2{font-size: 30px; color: #fff;}
.news .nwf1 .ntitle h3{font-size: 30px; color: #fff; text-transform: uppercase;}
.news .nwf1 .ntitle i{display: block; width: 19px;height: 4px; background-color: #d1a34e; margin-top: 44px;}
.news .nwf1 .ntitle h4{font-size: 16px; color: #fff; margin-top: 11px;}

.news .nwf1 ul{width: 100%; height: 70px;background-color: #fff; margin-top: 70px; text-align: center; padding-top:14px;}
.news .nwf1 ul li{display: inline-block; margin:0 25px; width: 86px;}
.news .nwf1 ul li a{display: block; width: 100%; text-align: center; line-height: 40px; height: 40px; font-size: 16px; color: rgba(0,0,0,0.6); border-bottom: 2px solid #fff;}
.news .nwf1 ul li:hover a,.news .nwf1 ul li.on a{color:#c59553; border-bottom: 2px solid #c59553;}

.news .nwf2{width: 603px;position: relative;height: 505px;}
.news .nwf2 .tt{width: 100%; position: relative;}
.news .nwf2 .bd{width: 100%;}
.news .nwf2 .bd ul{width: 100%;}
.news .nwf2 .bd ul li{width: 100%; height: 130px; margin-bottom: 50px; position: relative; padding-left: 34px; background: url(../images/npp1.png)no-repeat top left;}
.news .nwf2 .bd ul li h2{width: 100%; font-size: 20px;height: 45px; color: #fff; border-bottom: 1px solid #515151;}
.news .nwf2 .bd ul li h2 span{display: inline-block; float: right; font-size: 14px; color: #fff; margin-top: 5px;}
.news .nwf2 .bd ul li h3{font-size: 14px; color: rgba(255,255,255,0.8); line-height: 22px; margin-top: 16px;}

.news .nwf2 .bd .tempWrap{height:505px !important;}

.news .nwf2 .bd ul li:hover h2{color: #c59553;}
.news .nwf2 .bd ul li:hover h2 span{color: #c59553;}
.news .nwf2 .bd ul li:hover h3{color: #c59553;}

.nfft1{width: 1920px; position: relative; left: 50%; margin-left: -960px; padding-top: 42px; height: 506px;}
.nfft1 .logo{width: 100%;  height: 115px; text-align: center; }
.nfft1 .nftt{width: 100%;margin-top: 168px;}
.nfft1 .nftt .nff h2{font-size: 16px; color: #fff;}
.nfft1 .nftt .nff i{display: block; width: 72px;height: 1px;background-color: #fff; opacity: 0.1; margin-top: 35px; margin-bottom: 38px;}
.nfft1 .nftt .nff dd{font-size: 14px; color: #fff; line-height: 44px;}
.nfft1 .nftt .nff dd a{font-size: 14px; color: #fff; display: inline-block;}
.nfft1 .nftt .nff dd strong{font-size: 25px; color: #fff; font-weight: 400;}
.nfft1 .nftt .nff1{width: 294px;}
.nfft1 .nftt .nff2{width: 533px;}
.nfft1 .nftt .nff3{width: 260px;}
.nfft1 .nftt .nff4{width: 95px;}

.nfft1 .nftt .nff1 dd a{display: inline-block; height: 30px; line-height: 30px; margin-right: 72px; border-bottom: 1px solid transparent;}
.nfft1 .nftt .nff1 dd a:hover{border-bottom: 1px solid #fff;}
.nfft1 .nftt .nff3 .img{width: 117px; height: 117px; overflow: hidden; margin-left: -20px;}
.nfft1 .nftt .nff3 .img img{width: 100%;}
.nfft1 .nftt .nff4 dd{margin-top: -20px;}
.nfft1 .nftt .nff4 dd a{display: block;width: 90px;height: 43px;overflow: hidden;margin-bottom: 11px;}
.nfft1 .nftt .nff4 dd a img{width: 100%;}

.nfft2{width: 100%;background-color: #000;padding:15px 0;text-align: center;font-size: 13px;color: rgba(255,255,255,0.3);line-height: 18px;}
.nfft2 a{columns: #fff;opacity: 0.3;color: #fff;}




.ntt{width:100%;height:80px;margin-top:30px;margin-bottom: 30px;}
.ntt h5{text-align:center;font-size:36px;color#fff;color: #fff;line-height:45px;}

.ntt dd{width:100%;margin-top:10px;height: 18px;line-height: 18px;}
.ntt dd ul{width:100%; text-align:center;}
.ntt dd ul li{height: 18px;display:inline-block;margin:0 15px;font-size:18px;color:#e6e4e4;border-bottom: 0;line-height: 18px;}
.ntt dd ul li a{color:#e6e4e4;padding: 0;}

.xypg-news-list .img{float:left;width:194px;height:194px;overflow:hidden;line-height: 177px;}
.xypg-news-list .img img{width:100%;}

.xypg-news-list dd{width: 925px;float:right;}

.xypg-news-list dd .date{font-size:18px; color:#808080;}