@charset "utf-8";

.container { position: relative; width: 100%; margin: 0 auto; }
.pzc1{padding: 35px 0;background: #ddd;}
.pzcslide{width: 100%;overflow: hidden;height:640px;}
.pzcslide ul li{height: 640px;width: 16.5%;overflow: hidden;position: relative;float: left;overflow: hidden;transition: all .8s cubic-bezier(0.39, 0.575, 0.565, 1)}
.pzcslide ul li .zz{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.6);left: 0;top: 0;}

.pzcslide ul li .pslcon{text-align: center;color: #fff;position: relative;z-index: 3;width: 160px;left: 50%;margin-left: -80px;top: 50%;transform: translateY(-50%);transition: all .4s linear;}
.pzcslide ul li .pslcon .pslc2{font-size: 30px;font-weight: bold;}
.pzcslide ul li .pslcon .pslc3{font-size: 16px;}


.pzcslide ul li:nth-child(1){background: url(pic1.png) no-repeat center;background-size: cover;}
.pzcslide ul li:nth-child(2){background: url(pic2.png) no-repeat center;background-size: cover;}
.pzcslide ul li:nth-child(3){background: url(pic3.png) no-repeat center;background-size: cover;}
.pzcslide ul li:nth-child(4){background: url(pic4.png) no-repeat center;background-size: cover;}
.pzcslide ul li:nth-child(5){background: url(pic5.png) no-repeat center;background-size: cover;}

.pzcslide ul li.on{width: 34%;}
.pzcslide ul li:hover .zz,.pzcslide ul li.on .zz{transform: scale(0);}
.pzcslide ul li:hover .pslcon,.pzcslide ul li.on .pslcon{transform: scale(0);}
.more{position: relative;z-index: 4;transform: scale(0);transition: all .3s cubic-bezier(0.215, 0.610, 0.355, 1);}
.pzcslide ul li:hover .more,.pzcslide ul li.on .more{transform: scale(1);}
.more{width: 290px;height: 90px;position: absolute;left: 50%;margin-left: -145px;top: 50%;margin-top: -45px;}
.more a{display: block;width: 290px;height: 90px;background: #ec5811;text-align: center;line-height: 90px;font-size: 20px;color: #fff;}
.more a span{background: url(dp.png) no-repeat left center;padding-left: 50px;}

.pzc3{padding: 50px 0 60px;background: url(pzc3bg.png) no-repeat center;background-size: cover;}
.p3slide{width: 1200px;margin: 0 auto;height: 586px;position: relative;margin-top:35px;}
.p3slide .hd {position: absolute;left: 34px;top: 39px;z-index: 99;}
.p3slide .hd ul li{width: 100px;height: 32px;line-height: 32px;background: rgba(255,255,255,.7);text-align: center;margin-bottom: 10px;border-radius: 30px;font-size: 14px;}
.p3slide .hd ul li.on{background: #ec5811;color: #fff;cursor: pointer;}
.p3slide .bd ul li{position: relative;}
.p3slide .bd ul li .nom{position: absolute;right: 21px;bottom: 17px;width: 102px;height: 38px;line-height: 38px;text-align: center;z-index: 99;background: rgba(0,0,0,.7);}
.p3slide .bd ul li .nom a{font-size: 14px;color: #fff;}

.pzc4{background: url(pzc4bg.png) no-repeat center;background-size: cover;padding: 45px 0 40px;}

.designer{width: 1200px;margin: 0 auto;margin-top: 36px;}
.tjsj{position: relative;width: 384px;overflow: hidden;}
.tjsj a{display: block;width: 100%;height: 100%;}
.tjsj a img{transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.tjsj:hover a img{transform: scale(1.1);}
.tjsj .tjsjbox{position: absolute;width: 100%;height: 255px;background: rgba(0,0,0,.6);left: 0;bottom:0;}
.tjsj .tjsjbox .tjsjbb{width: 340px;margin: 0 auto;margin-top: 21px;}
.tjsj .tjsjbox .tjsjbb .tjsjbb1{font-size: 16px;color:#fff;}
.tjsj .tjsjbox .tjsjbb .tjsjbb1 span{font-size: 26px;font-weight: bold;color: #fff;}
.tjsj .tjsjbox .tjsjbb .tjsjbb2{font-size: 16px;color: #fff;margin-top: 10px;}
.tjsj .tjsjbox .tjsjbb .tjsjbb3{margin-top: 20px;}
.tjsj .tjsjbox .tjsjbb .cmc{font-size: 16px;color: #fff;line-height: 30px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.comsj{width: 806px;margin-left: 10px;}
.comsj ul li{float: left;width: 194px;position: relative;margin-right: 10px;margin-bottom: 8px;overflow: hidden;}
.comsj ul li:nth-child(4n){margin-right: 0;}
.comsj ul li .clcmore{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 18px;color: #fff;}
.comsj ul li img{transition: all .5s linear;}
.comsj ul li:hover img{transform: scale(1.1);}
.dmore{width: 235px;margin: 0 auto;height: 56px;line-height: 56px;background: url(pic13.png) no-repeat center;text-align: center;margin-top: 45px;}

.pzc5{margin-top: 30px;}
.p5slide{position: relative;margin-top: 43px;}
.p5slide .bd ul li{position: relative;}
.p5slide .bd ul li .bdbox{width: 1200px;position: absolute;top: 0;left: 50%;margin-left: -600px;}
.p5slide .bd ul li .bdbox .bdbcon{width: 400px;height: 568px;background: rgba(0,0,0,.7);}
.p5slide .bd ul li .bdbox .bdbcon .bdbcon_box{width: 296px;margin: 0 auto;padding-top: 86px;}
.p5slide .bd ul li .bdbox .bdbcon .bdbcon_box .bdbcon_b1{font-size: 30px;color: #fff;}
.p5slide .bd ul li .bdbox .bdbcon .bdbcon_box .bdbcon_b2{font-size: 16px;color: #fff;position: relative;padding-bottom: 30px;}
.p5slide .bd ul li .bdbox .bdbcon .bdbcon_box .bdbcon_b2::after{position: absolute;width: 31px;height: 4px;left: 0;bottom: 0;background: #ec5811;content: '';}
.p5slide .bd ul li .bdbox .bdbcon .bdbcon_box .bdbcon_b3{margin-top: 55px;font-size: 14px;color: #fff;line-height: 30px;}


.p5slide .hd {position: absolute;width: 1200px;right: 50%;margin-right: -600px;bottom: 0;z-index: 99;}
.p5slide .hd ul{position: absolute;right: 0;bottom: -76px;}
.p5slide .hd ul li{float: left;width: 152px;height: 152px;background: #323136;color: #fff;cursor: pointer;border-radius: 100%;margin-right: 58px;text-align: center;}
.p5slide .hd ul li:last-child{margin-right: 0;}
.p5slide .hd ul li.on{background: #ec5811;}
.p5slide .hd ul li .io{margin-top: 30px;}
.p5slide .hd ul li .pscon{width: 68px;margin: 0 auto;font-size: 16px;color: #fff;margin-top: 12px;}

.pzc6{background: url(pzc6bg.png) no-repeat center;background-size: cover;padding: 40px 0 60px;margin-top: 147px;}
.pzc6 .comt .cmt1{color: #fff;}
.pzc6 .comt .cmt2{color: #fff;}

.klist{width: 1200px;margin: 0 auto;margin-top: 40px;}
.klist .k1{position: relative;width: 446px;height: 394px;overflow: hidden;}
.klist .k1 .k1box{position: absolute;top: 40px;left: 50%;transform: translateX(-50%);min-width: 300px;text-align: center;}

.klist .k1 .k1box .k1b1{font-size: 32px;color: #525252;}
.klist .k1 .k1box .k1b1 span{font-weight: bold;}
.klist .k1 .k1box .k1b2{font-size: 14px;color: #666;}

.klist .k2{position: relative;width: 234px;height: 394px;margin-left: 8px;overflow: hidden;}
.klist .k2 .k2box{position: absolute;top: 40px;left: 50%;transform: translateX(-50%);min-width: 200px;text-align: center;}

.klist .k2 .k2box .k2b1{font-size: 24px;color: #525252;}
.klist .k2 .k2box .k2b1 span{font-weight: bold;}
.klist .k2 .k2box .k2b2{font-size: 14px;color: #666;}

.klist .k3{position: relative;width: 504px;margin-left: 8px;overflow: hidden;}
.klist .k3 .k31{position: relative;width: 504px;height: 194px;margin-bottom: 8px;}
.klist .k3 .k31 .k3box{position: absolute;min-width: 200px;right: 37px;top: 50%;transform: translateY(-50%);}
.klist .k3 .k31 .k3box .k3b1{font-size: 28px;color: #525252;}
.klist .k3 .k31 .k3box .k3b1 span{font-weight: bold;}
.klist .k3 .k31 .k3box .k3b2{font-size: 14px;color: #666;}

.k32 ul li{float: left;margin-right: 8px;position: relative;}
.k32 ul li:last-child{margin-right: 0;}
.lco {position: absolute;top: 20px;left: 48px;text-align: center;}
.lco .lco1{font-size: 22px;color: #525252;}
.lco .lco1 span{font-size: 22px;color: #333;font-weight: bold;}
.lco .lco2{font-size: 14px;color: #666;margin-top: 4px;}



.pzc7{background: url(pzc7.png) no-repeat center;padding: 30px 0 57px;}

.nb{width: 1200px;margin: 0 auto;margin-top: 40px;}
.nb .nbl{width: 600px;float: left;}
.nb .nbl ul li{height: 110px;margin-bottom: 24px;}
.nb .nbl ul li .nspic{width: 220px;}
.nb .nbl ul li .nscon{width: 350px;margin-left: 20px;}
.nb .nbl ul li .nscon .nsc1{font-size: 16px;color: #333;}
.nb .nbl ul li .nscon .nsc2{font-size: 14px;color: #999;}
.nb .nbl ul li .nscon .nsc3{font-size: 14px;color: #999;line-height: 25px;}

.nb .nbr{width: 495px;}
.nb .nbr ul li{width: 415px;padding-right: 40px;background: url(to.png) no-repeat right center;margin-bottom: 42px;}
.nb .nbr ul li i,.nb .nbr ul li a,.nb .nbr ul li span{display: block;font-size: 16px;color: #000}
.nb .nbr ul li a{padding-left: 18px;}

.qust ul li{float: left;}
.qust ul li:last-child{float: right;}
.qust ul li .Q span{font-size: 18px;color: #666;}
.qust ul li .Q {font-size: 18px;color: #333;}

.qust ul li .A{width: 560px;}
.qust ul li .A .am {margin-top: 16px;}
.qust ul li .A .abox{width: 502px;height: 211px;background: url(pic16.png) no-repeat center;position: relative;background-size: contain;}
.qust ul li .A .abox .abd{position: absolute;left: 43px;top: 30px;font-size: 18px;color: #333;line-height: 34px;width: 440px;}

.comeing{width: 190px;margin: 0 auto;height: 54px;background: #ec5811;border-radius:30px;text-align: center;line-height: 54px;margin-top: 10px;}
.comeing a{font-size: 16px;color: #fff;}

.vrb1r {position: relative;overflow: hidden;}
.vrb1r img{transition: all .4s linear;}
.vrb1r:hover img{transform: scale(1.1);}
.vrpic{position: absolute;width: 216px;height: 46px;top: 30px;right: 25px;}
.vrb2 ul li{position: relative;overflow: hidden;}
.vrb2 ul li .zz{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0,0,0,.7);z-index: 8;}
.vrb2 ul li .vrpic2{position: absolute;width: 181px;height: 32px;top: 50%;left: 50%;margin-left: -90.5px;margin-top: -16px;z-index: 9;}
.vrb2 ul li img{transition: all .4s linear;}
.vrb2 ul li:hover img{transform: scale(1.1);}

.lcr ul li{position: relative;}
.lcr ul li i{position: relative;top: 0;transition: all .5s cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.lcr ul li:hover i{top: -10px;}