@charset "UTF-8";.ny-banner{width:100%;height:820px;position:relative;transition:all ease .5s}
.ny-banner.production2{height:800px}
.ny-banner .img{width:100%;height:100%;position:absolute;overflow:hidden;left:0;top:0}
.ny-banner .img img{max-width:initial;width:auto;height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.ny-banner .boxs{position:relative;max-width:1600px;height:100%;z-index:2;margin:auto;color:#fff}
.ny-banner .boxs.n1{padding-top:340px;letter-spacing:2px;transition:all ease .5s}
.ny-banner .boxs.n1 .t1{font-size:48px;font-weight:bold;line-height:72px}
.ny-banner .boxs.n1 .t2{font-size:22px;line-height:44px}
.ny-banner .boxs.n1 .t3{width:52px;height:52px;border-radius:50%;border:1px solid #fff;position:relative;margin-top:59px}
.ny-banner .boxs.n1 .t3 span{position:absolute;display:block;width:52px;height:52px;margin:0 auto;background:url(../icon/icon2.png) no-repeat center center;cursor:pointer;animation:downico 1.5s ease-out infinite}
.microsite{width:100%;padding:80px 0 34px}
.microsite .box1{width:100%;display:table;padding:0 7.8%}
.microsite .box1 .imgbox{width:50%;float:left;position:relative}
.microsite .box1 .imgbox .img1{width:48.75%;margin-left:30.75%;z-index:3;position:relative;opacity:0;transition:all ease .5s .4s}
.microsite .box1.active .imgbox .img1{opacity:1}
.microsite .box1 .imgbox .img2{position:absolute;width:28.75%;left:42%;top:0;z-index:2;transition:all ease 1s .8s;opacity:0}
.microsite .box1.active .imgbox .img2{left:21%;opacity:1}
.microsite .box1 .imgbox .img3{position:absolute;width:28.75%;right:33%;top:0;z-index:2;transition:all ease 1s .8s;opacity:0}
.microsite .box1.active .imgbox .img3{right:13.375%;opacity:1}
.microsite .box1 .imgbox .img4{position:absolute;width:25%;left:42%;top:0;transition:all ease 1.5s 1.2s;opacity:0}
.microsite .box1.active .imgbox .img4{left:10.75%;opacity:1}
.microsite .box1 .imgbox .img5{position:absolute;width:25%;right:33%;top:0;transition:all ease 1.5s 1.2s;opacity:0}
.microsite .box1.active .imgbox .img5{right:1%;opacity:1}
.microsite .box1 .tbox{width:43%;float:right;padding-top:195px}
.microsite .box1 .tbox .t1{font-size:36px;line-height:1;font-weight:bold;color:#222}
.microsite .box1 .tbox .t2{width:79%;font-size:24px;line-height:36px;color:#222;margin-top:22px}
.microsite .box2{width:100%;height:750px;background:url(../icon/mbg1.jpg) center center no-repeat;background-size:auto 100%;padding:80px 7.8% 0;margin-top:10px;display:table}
.microsite .box2 .tbox{width:34.375%;float:left;padding-top:230px}
.microsite .box2 .tbox .t1{font-size:36px;font-weight:bold;line-height:1;color:#222}
.microsite .box2 .tbox .t2{font-size:24px;line-height:36px;color:#222;margin-top:24px}
.microsite .box2 .img{width:52.5%;float:right;opacity:0;transition:all ease 1.5s .5s}
.microsite .box2.active .img{opacity:1}
.microsite .box3{width:100%;height:800px;background:#fff;padding:0 7.8%;position:relative;overflow:hidden;margin-top:10px}
.microsite .box3 .img{width:88%;position:absolute;left:0;top:-155px;transition:all ease 3s .5s}
.microsite .box3.active .img{top:-555px}
.microsite .box3 .tbox{width:39.5%;float:right;padding-top:286px;position:relative;z-index:2}
.microsite .box3 .tbox .t1{font-size:36px;font-weight:bold;color:#222;line-height:1}
.microsite .box3 .tbox .t2{font-size:22px;line-height:36px;color:#222;margin-top:22px;width:85%}
.microsite .box4{width:100%;height:760px;background:url(../icon/mbg2.jpg) center center no-repeat;background-size:auto 100%;padding:0 7.8%;margin-top:10px;overflow:hidden}
.microsite .box4 .tbox{width:33%;float:left;padding-top:315px}
.microsite .box4 .tbox .t1{font-size:36px;font-weight:bold;color:#222;line-height:1}
.microsite .box4 .tbox .t2{font-size:22px;line-height:36px;color:#222;margin-top:22px}
.microsite .box4 .imgbox{width:53%;height:100%;float:right;position:relative;overflow:hidden}
.microsite .box4 .imgbox .img1{width:37%;position:absolute;left:0;top:100%;transition:all ease 1.5s .5s}
.microsite .box4.active .imgbox .img1{top:67px}
.microsite .box4 .imgbox .img2{width:37.6%;position:absolute;left:42.5%;top:-120%;transition:all ease 2s .8s}
.microsite .box4.active .imgbox .img2{top:194px}
.relevant-information{width:100%;padding:80px 7.8% 43px}
.relevant-information .title{font-size:36px;font-weight:bold;color:#222;line-height:1}
.relevant-information .txt{font-size:14px;line-height:24px;color:#222;margin-top:22px}
.relevant-information .list{max-width:1600px;margin:45px auto 0;display:table}
.relevant-information .list li{float:left;width:23.75%;height:150px;border:1px solid #d8d8d8;margin-right:1.6%;margin-bottom:27px;box-sizing:border-box;padding:20px 40px 0 30px;transition:all ease .3s}
.relevant-information .list li:hover{border:1px solid #21abd7}
.relevant-information .list li:nth-child(4n){margin-right:0}
.relevant-information .list li a{display:block}
.relevant-information .list li .t1{font-size:16px;line-height:30px;height:60px;color:#222;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.relevant-information .list li .t2{font-size:18px;line-height:24px;color:#999;margin-top:18px}
@media(max-width:1660px){.ny-banner .boxs,.news-info,.news .box1,.news .list1,.page-list{margin:0 30px}
.case-tj{margin:60px 30px 0}
.ny-banner .nb-menu{padding-left:30px}
}@media(max-width:1370px){.ny-banner{height:580px}
.ny-banner .boxs.n1{padding-top:250px}
.design .list li .tbox .t2{padding:0 12%}
.relevant-information .list li{padding:20px 20px 0}
.microsite .box1 .tbox{padding-top:130px}
.microsite .box2,.microsite .box3,.microsite .box4{height:580px}
.microsite .box2 .tbox{padding-top:160px}
.microsite .box3 .img{width:60%}
.microsite .box3.active .img{top:-255px}
.microsite .box3 .tbox{padding-top:230px}
.microsite .box4 .tbox{padding-top:230px}
.microsite .box1 .tbox .t2,.microsite .box2 .tbox .t2,.microsite .box3 .tbox .t2,.microsite .box4 .tbox .t2{font-size:18px}
}@media(max-width:1330px){.ny-banner .boxs.n1 .breadcrumbs{display:none}
}@media(max-width:1200px){.ny-banner .boxs.n2 .box .t2{padding:10px;line-height:30px}
.microsite .box3 .img{width:70%;top:-50px}
.microsite .box3.active .img{top:-120px}
.ny-banner .boxs.n1 .t1{font-size:36px}
.microsite .box1 .tbox{padding-top:70px}
.microsite .box2{padding:100px 7.8% 0}
.microsite .box2 .tbox{padding-top:125px}
.microsite .box1 .tbox .t1,.microsite .box2 .tbox .t1,.microsite .box3 .tbox .t1,.microsite .box4 .tbox .t1{font-size:32px}
}@media(max-width:900px){.ny-banner .boxs.n1 .t1{font-size:32px}
.microsite .box1{padding:0 3%}
.microsite .box1 .tbox{padding-top:45px}
.microsite .box1 .tbox .t1,.microsite .box2 .tbox .t1,.microsite .box3 .tbox .t1,.microsite .box4 .tbox .t1{font-size:24px}
.microsite .box1 .tbox .t2,.microsite .box2 .tbox .t2,.microsite .box3 .tbox .t2,.microsite .box4 .tbox .t2{font-size:16px;line-height:26px}
.microsite .box2{padding:80px 3% 0}
.microsite .box2 .tbox{padding-top:80px}
.microsite .box2,.microsite .box3,.microsite .box4{height:440px}
.microsite .box4 .tbox{width:40%;padding-top:170px}
.relevant-information{padding:80px 3% 0}
.relevant-information .title{font-size:24px}
.relevant-information .list li{height:120px;padding:10px 10px 0}
.relevant-information .list li .t2{font-size:16px;line-height:24px;margin-top:10px}
}@media(max-width:767px){.ny-banner{height:460px}
.ny-banner .boxs.n1{padding-top:180px}
.ny-banner .boxs.n1 .t1{font-size:24px;line-height:40px}
.ny-banner .boxs.n1 .t2{font-size:14px;line-height:34px}
.ny-banner .boxs.n1 .t3{width:40px;height:40px}
.ny-banner .boxs.n1 .t3 span{width:40px;height:40px}
.microsite .box1 .imgbox{width:100%}
.microsite .box1 .imgbox .img1{margin:0 auto}
.microsite .box1.active .imgbox .img2{left:13.375%}
.microsite .box1.active .imgbox .img4{left:1%}
.microsite .box1 .tbox{width:100%;padding:45px 0}
.microsite .box2,.microsite .box3,.microsite .box4{height:330px}
.microsite .box2{padding:40px 3%}
.microsite .box2 .img{width:100%}
.microsite .box2 .tbox{width:100%;padding:40px 0}
.microsite .box3 .img{width:100%;top:-10px}

.microsite .box3.active .img{top:-60px}
.microsite .box3 .tbox{text-align:right;padding-top:30px;width:60%}
.microsite .box3 .tbox .t2{float:right}
.microsite .box1 .tbox .t1,.microsite .box2 .tbox .t1,.microsite .box3 .tbox .t1,.microsite .box4 .tbox .t1{font-size:20px}
.microsite .box1 .tbox .t2,.microsite .box2 .tbox .t2,.microsite .box3 .tbox .t2,.microsite .box4 .tbox .t2{font-size:14px;line-height:22px;margin-top:15px}
.microsite .box4.active .imgbox .img2{top:100px}
.microsite .box4 .tbox{width:45%;padding-top:90px}
.relevant-information{padding:80px 3% 0}
.relevant-information .title{font-size:20px}
.relevant-information .txt{margin-top:15px}
.relevant-information .list{margin:25px auto 0}
.relevant-information .list li{width:48%;margin-right:4%;padding:10px 10px 0;height:90px;margin-bottom:10px}
.relevant-information .list li:nth-child(2n){margin-right:0}
.relevant-information .list li .t1{font-size:14px;line-height:20px;height:40px}
.relevant-information .list li .t2{margin-top:10px;font-size:14px}
}