@font-face {
    font-family: 'Roboto';
    src: url(http://linykz.com/static/fonts/element-icons.535877f5.woff);
}
@font-face {
    font-family: 'zt';
    src: url(http://linykz.com/static/fonts/mclaren-bespoke-light.6555357.65553571.woff2);
}

@font-face {
    font-family: ztt;
    src: url(https://use.typekit.net/af/cfbead/0000000000000000000146b3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3);
}
@font-face {
    font-family: ztt1;
    src: url(https://use.typekit.net/af/cd97e9/00000000000000007735a84f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3);
}
@font-face {
    font-family: ztt2;
    src: url(https://use.typekit.net/af/f1d51b/00000000000000007735a83d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3);
}
@font-face {
    font-family: zzt3;
    src: url(https://www.mclarencars.cn/etc.clientlibs/mclaren/clientlibs/clientlib-site/resources/asset/font/mclaren-bespoke-light.6555357.woff2);
}
@font-face {
    font-family: zzt4;
    src: url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-brands-400.woff2);
}
@font-face {
    font-family: zzt5;
    src: url(http://www.karimrashid.com/fonts/titling.woff);
}

@font-face {
    font-family: zzrt;
    src: url(https://www.wmotors.ae/fonts/audimat-regular.woff2);
}

@font-face {
    font-family: zzrt1;
    src: url(https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-brands-400.woff2);
}

@font-face {
    font-family: StyreneA2;
    src: url(../font/dkvhz-uaykk.ttf);
}

@font-face {
    font-family: zt67;
    src: url(../font/haas.woff);
}
@font-face {
    font-family: zt647;
    src: url(http://www.karimrashid.com/contact);
}

@font-face {
    font-family: zt11;
    src: url(https://use.typekit.net/af/cfbead/0000000000000000000146b3/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3);
}

@font-face {
    font-family: zt22;
    src: url(https://use.typekit.net/af/2cd6bf/00000000000000000001008f/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n5&v=3);
}
@font-face {
    font-family: zt33;
    src: url(http://www.karimrashid.com/fonts/titling.woff);
}
@font-face {
    font-family: zt44;
    src: url(http://www.karimrashid.com/fonts/haas-bold.woff);
}

@font-face {
    font-family: zt55;
    src: url(../font/QGYsz_wNahGAdqQ43Rh_fKDp.woff2);
}

@font-face {
    font-family: zt66;
    src: url(https://www.wmotors.ae/fonts/audimat-regular.otf);
}

@font-face {
    font-family: zt77;
    src: url(../font/titling.woff);
}

@font-face {
    font-family: zt717;
    src: url(../font/Roboto-Bold.woff);
}
@font-face {
    font-family: zt727;
    src: url(../font/Roboto-Light.woff);
}

@font-face {
    font-family: zt737;
    src: url(../font/Roboto-Medium.woff);
}

@font-face {
    font-family: zt777;
    src: url(../font/titling.woff);
}

@font-face {
    font-family: zt88;
    src: url(http://www.karimrashid.com/fonts/haas-bold.woff);
}
@font-face {
    font-family: zt99;
    src: url(../font/mclaren-bespoke-light.6555357.woff2);
}
@font-face {
    font-family: zt10;
    src: url(../font/audimat-regular.woff2);
}
.rxf{position: fixed;right: 30px;top: 50%;transform: translateY(-50%);z-index: 101;}
.rxf ul{display: flex;flex-direction: column;}
.rxf li{width: 10px;height: 10px;border: 1px solid #fff;margin: 20px 0;}
.rxf li a{display: block;width: 100%;height: 100%;transition: all 1s;transition-duration: 5s;}







.head{width: 100%;height: 80px;line-height: 80px;z-index: 11;}
.head1{background-color: #fff;}
.header{margin: 0 auto;padding: 0 40px 0 40px;}
.header .logo{height: 80px;}
.header .logo img{padding-top: 10px;}
.header .menu{display: flex;width: calc(100% - 30px);justify-content: space-around;}
/* .header .menu li{margin-right: 40px;} */
.header .menu li:nth-child(6){width: 53px;height: 65px;}
.header .menu li:nth-child(6) img{width: 100%;height: 100%;object-fit: cover;line-height: 80px;text-align: center;margin-top: 2px;}
.header .menu a{font-size: 19px;}

.head1 .header .menu a{color: #333;}
.mu .caidan{overflow: hidden;}
.header .caidan a,.mu .caidan a{width: 66px;display: inline-block;border: 1px solid #fff;line-height: 28px;height: 30px;color: #fff;margin-right: 11px;text-align: center;font-size: 12px;margin-top: 27px;}
.header .caidan span,.mu .caidan span{margin-top: 28px;line-height: 1;color: #000;font-size: 24px;}
.head1 .header .caidan span{color: #000;}
.videobanner{overflow: hidden;position: relative;}
/* #thumbs video,#thumbs li video{height: 120vh;width: 100%;background-color: #000;margin: 0 auto;margin-top: -15vh;} */
#thumbs video,#thumbs li video{height: 100vh;width: 100%;background-color: #000;object-fit: cover;}
#thumbs{height: 100vh;}
#thumbs .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
#thumbs li{position: relative;}
#thumbs .swiper-slide{position: relative;}
#thumbs li .contact{position: absolute;color: #fff;height: 885px;max-width: 1590px;bottom: 0;left: 50%;transform: translateX(-50%);margin: 0 auto;width: 100%;padding: 0 60px;}
#thumbs .swiper-slide .contact{position: absolute;color: #fff;height: 885px;max-width: 1590px;bottom: 0;left: 50%;transform: translateX(-50%);margin: 0 auto;width: 100%;padding: 0 60px;}
#thumbs li .contact a{position: absolute;bottom: 150px;color: #fff;}
#thumbs .swiper-slide a{position: absolute;bottom: 150px;color: #fff;}
#thumbs li .contact a p{font-size: 28px;margin-bottom: 10px;transition: margin-left 1s ease;}
#thumbs .swiper-slide a p{font-size: 28px;margin-bottom: 10px;transition: margin-left 1s;color: #FFFFFFD9;}
#thumbs li .contact a:hover p{margin-left: 20px;transition: all 1s;}
#thumbs .swiper-slide a:hover p{margin-left: 20px;transition: all 1s;}
#thumbs li .contact a h1{font-size: 100px;color: #FFFFFFD9;}
#thumbs .swiper-slide a h1{font-size: 100px;color: #FFFFFFD9;font-family: 'zt99',Arial;}
#thumbs .swiper-slide .jt{position: relative;}
#thumbs .swiper-slide .jt .icon-youjiantou{font-size: 24px;color: #FFFFFFD9;margin-left: -4px;position: absolute;top: -3px;}
#thumbs li .contact .jt span{font-size: 12px;margin: 2px 30px 0 0;}
#thumbs .swiper-slide .jt span{font-size: 12px;margin: 2px 30px 0 0;color: #FFFFFFD9;}
#thumbs li .contact .jt em{display: block;width: 145px;height: 2px;background-color: #fff;margin-top: 10px;}
#thumbs .swiper-slide .jt em{display: block;width: 145px;height: 2px;background-color: #FFFFFFD9;margin-top: 10px;transition: width 1s;}
#thumbs li .contact a:hover em{width: 250px;transition: all 1s;}
#thumbs .swiper-slide a:hover em{width: 250px;transition: all 1s;}
#thumbs li img{width: 100%;height: 100%;object-fit: cover;}
#thumbs .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.pagetion{margin: 0 auto;position: absolute;right: 24vh;bottom: 16vh;z-index: 100;}
.pagetion ul{display: flex;}
.pagetion li,.pagetion .swiper-slide{width: 72px !important;height: 60px;cursor: pointer;color: #fff;border-bottom: 2px solid #fff;position: relative;}
.pagetion .swiper-slide{margin: 0 10px;}
.pagetion li span{display: block;font-size: 16px;position: absolute;top: 28px;left: 0;}
.pagetion li .pic{height: 0;transition: height 1s;position: absolute;left: 0;bottom: 0;width: 100%;}
.pagetion li .pic img{display: block;}
.pagetion li p{position: absolute;left: 0px;bottom: -20px;width: 300px;opacity: 0;transition: bottom 1s;}
/* .pagetion ul li .pic{width: 100%;height: 55px;} */
.pagetion li:hover{padding-top: 0;}
.pagetion li:hover .pic{height: 60px;}
.pagetion li:hover span{display: none;}
.pagetion li:hover p{bottom: -32px;opacity: 1;}
.pagetion .swiper-slide:nth-child(2) li:hover p{margin-left: -92px;}
.pagetion .swiper-slide:nth-child(3) li:hover p{margin-left: -184px;}
.pagetion .swiper-slide:nth-child(4) li:hover p{margin-left: -276px;}
.pagetion .swiper-slide:nth-child(1) li .pic img{display: none;}
.pagetion .swiper-slide:nth-child(4) li .pic img{display: none;}
.pagetion .swiper-slide:nth-child(1) li:hover .pic{border: 1px solid #fff;}
.pagetion .swiper-slide:nth-child(4) li:hover .pic{border: 1px solid #fff;}
.pagetion .swiper-slide:nth-child(1) li:hover span{display: block;}
.pagetion .swiper-slide:nth-child(4) li:hover span{display: block;}

.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }

.piclist .box{width: 50%;position: relative;}
/* .piclist .box:nth-child(1){margin-top: -70px;z-index: 1;} */
.piclist .box,.piclist .box img{height: 790px;}
.piclist .box img{width: 100%;object-fit: cover;}
.piclist .box:hover img{-webkit-filter: brightness(40%); /*考虑浏览器兼容性：兼容 Chrome, Safari, Opera */filter: brightness(40%);}
.piclist .box .bm{position: absolute;padding-left: 80px;bottom: 0;padding-bottom: 76px;}
.piclist .box .bm p{font-size: 44px;color: #fff;margin-bottom: 10px;font-family: 'zt99';}
.piclist .box .bm .jt{font-size: 12px;color: #fff;opacity: 0;margin-top: -40px;transition: margin-top 1s;font-family: 'zzt3';}
.piclist .box:hover .bm .jt{opacity: 1;margin-top: 4px;transition: all 1s;}
.mu{width: calc(50vw - 7%);position: fixed;height: 100vh;z-index: 105;right: 120%;}
.menu-1{width: 100%;background-color: rgba(0, 0, 0, 0.7);height: 100vh;padding-left: 80px;overflow-y: scroll;}
.menu-1 .cuo{color: #fff;text-align: right;padding-right: 40px;padding-top: 28px;}
.menu-1 .cuo span{font-size: 24px;border: 1px solid #fff;}
.menu-1 li{margin-bottom: 14px;}
.menu-1 li a{font-size: 59px;color: #fff;font-family: 'zt11';color: yellow;}
.menu-1 li:hover a{color: rgba(122, 122,122, .5);}
.dyz-w{width: 100%;overflow: hidden;}
.dyz{max-width: 1590px;width: 100%;margin: 0 auto;display: flex;padding: 110px 75px;margin-top: -70px;padding-bottom: 170px;}
.dyz .dy{max-width: 58.331%;width: 100%;}
.dyz .dy p{font-size: 44px;}
.dyz .dz p{font-size: 20px;}
.dyz .dz .mm{margin-top: 40px;padding: 0 20px;height: 40px;line-height: 36px;font-size: 12px;text-align: center;display: inline-block;border: 1px solid #c8d0d5;color: #363f44;}
/* .dyz .dy,.dyz .dz{width: 50%;} */
.dyz .dz .mm:hover{border: 1px solid #000;}
.tulist{overflow: hidden;}
.twlist{text-align: center;}
.twlist img{width: 100%;overflow: hidden;transition: transform 2s;}
.twlist i{position: relative;display: block;overflow: hidden;}
.twlist i .bt{position: absolute;left: 5%;bottom: 5%;right: 5%;text-align: left;}
.twlist i .bt p{font-size: 12vw;color: #fff;opacity: 0;transition: opacity 4s;transform: scale(0.4);transform-origin: left bottom;font-style: normal;font-family: "ztt2";text-transform: uppercase;font-weight: bold;}
.twlist i .bt span{font-size: 18px;color: #fff;opacity: 0;transition: opacity 10s;font-style: normal;margin-top: 30px;display: block;text-transform: uppercase;width: 700px;line-height: 26px;}
.twlist .text{width: 60%;margin: 40px auto;}
.twlist .text h4{font-size: 60px;font-weight: bold;text-align: center;font-family: 'ztt';}
.twlist .text a{width: 64px;height: 64px;text-align: center;line-height: 64px;border: 1px solid #000;margin: 25px auto;}
.twlist .text a span{font-size: 38px;}
.dongtu i,.dongtu i img{display: block;width: 100%;}
.xian{width: 100%;height: 1px;background-color: #dcdfe6;margin: 24px 0;}
.lunbo1{overflow: hidden;position: relative;width: 98%;margin: 0 auto;}
.lunbo1 .lunt{margin: 10px auto;width: calc(100% - 60px);overflow: hidden;}
.lunbo1 h4{font-size: 32px;font-weight: 700;margin: 20px 0;}
.lunbo1 i{display: block;width: 100%;height: 539px;overflow: hidden;}
.lunbo1 .swiper-slide:hover i img{transform: scale(1.2);transition: all 1s;}
.lunbo1 .swiper-slide p{font-size: 16px;margin-bottom: 2px;color: #000;font-weight: 700;margin-top: 10px;}
.lunbo1 .swiper-slide p:last-child{color: #ccc;font-weight: 500;}
.lunbo1 .prev,.lunbo1 .next{position: absolute;top: 50%;z-index: 1;width: 60px;height: 60px;transform: translateY(-180%);}
.lunbo1 .prev{left: 25px;}
.lunbo1 .next{right: 25px;}
.lunbo1 .prev span,.lunbo1 .next span{color: #18ed99;font-size: 60px;background-color: rgba(255, 255, 255, 0.8);border-radius: 50%;}
.footer{padding: 30px 0 30px 0;overflow: hidden;display: flex;justify-content: space-between;border-top: 1px solid #ccc;width: calc(98% - 30px);margin: 0 auto;margin-top: 50px;}
.footer .ftl p{font-size: 21px;font-weight: 400;line-height: 30px;}
.footer .ftl p:last-child{margin-bottom: 0;}
.footer .ftr{display: flex;}
.footer .ftr span{display: block;margin-right: 30px;font-size: 24px;}
.palt{width: 100%;overflow: hidden;position: relative;}
.palt i{display: block;width: 100%;}
.palt i img{display: block;}
.palt .text{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;position: absolute;top: 0;left: 0;font-size: 80px;color: #fff;opacity: 0;transition: opacity 0.5s;background-color: rgba(0,0,0,.2);font-family: 'ztt1';}
.palt:hover .text{opacity: 1;}
.vid{width: 100%;overflow: hidden;}
.pic-list{margin-bottom: 30px;overflow: hidden;}
.pic-list .item{width: calc((100% - 8px) / 3);margin-right: 4px;position: relative;}
.pic-list .item:nth-child(3n){margin-right: 0;}
.pic-list .item i{display: block;width: 100%;height: 442px;}
.pic-list .item .text{position: absolute;left: 0;bottom: 10px;padding-left: 15px;z-index: 10;}
.pic-list .item .text p{font-size: 21px;color: #fff;margin-bottom: 10px;font-family: 'zt10';}
.pic-list .item .text p:first-child{font-size: 14px;font-family: 'zt717';}
.pic-list .item .mark,.getulist .li .mark{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(32,32,32,.75);transition: opacity .5s;opacity: 0;}
.pic-list .item:hover .mark,.getulist .li:hover .mark{opacity: 1;}
.ccon{overflow: hidden;}
.careee .swiper{height: 100%;}
.careee .swiper-slide{position: relative;}
.careee .swiper-slide .text{position: absolute;bottom: 7%;right: 30px;font-size: 68px;color: #fff;font-family: 'zt77';}
.morelist .ccon .img,.morelist .ccon .text{height: 400.5px;}
.ccon .img,.ccon .text{width: 50%;height: 100vh;}
.ccon .img{overflow: hidden;}
.ccon .img img{transition: all .5s;}
.ccon .img:hover img{transform: scale(1.2);}
.ccon .text{position: relative;}
.ccon .text .con{position: absolute;left: 3vw;bottom: 15vw;}
.ccon:nth-child(2) .text .con{right: 3vw;text-align: right;}
.ccon:nth-child(2) .text .con a{float: right;}
.morelist1,.abdec{width: 95%;margin: 0 auto;}
.morelist1 .ccon .text,.abdec{background-color: #f0f0f0;}
.morelist1{width: 100%;}
/* .morelist1 .ccon{width: calc(100% + 30px);} */
.morelist1 .ccon .img, .morelist1 .ccon .text{height: 740px;}
.abdec .text{width: 90%;margin: 40px auto;padding: 50px 0;overflow: hidden;}
.abdec .text P{font-size: 24px;text-align: center;font-family: 'ztt1';}
.abdec .text{display: flex;justify-content: space-between;}
.abdec .text .threeli{width: 33.33%;border-left: 1px solid #ccc;}
.abdec .text .threeli span{display: block;text-align: left;padding-left: 20px;}
.morelist1 .ccon .text .con{left: 15%;bottom: 35%;}
.morelist11 .ccon .text .con{bottom: 50%;transform: translateY(50%);}
.ccon .text .con h4{font-size: 35px;margin-bottom: 2vw;font-family: 'zt717';letter-spacing: 0.100em;font-weight: bold;}
/* .ccon .text .con h4{font-size: 35px;margin-bottom: 2vw;font-family: 'zt10';letter-spacing: 0.100em;font-weight: bold;} */
/* .morelist1 .ccon .text .con h4{font-family: 'zzrt';font-size: 49px;} */
.morelist1 .ccon .text .con h4{font-family: 'ztt';font-size: 49px;}
/* .morelist1 .ccon .text .con a{font-family: 'zzrt1';} */
.morelist1 .ccon .text .con a{font-family: 'ztt';margin-bottom: 2vw;}
.ccon .text .con a{width: 160px;padding: 5px;transition: all .5s;border: 1px solid #000;text-align: center;height: 39px;line-height: 29px;font-weight: 400;font-family: 'zt737';}
/* .ccon .text .con p{margin: 38px 0;font-size: 1.57142857em;padding-right: 15%;font-family: 'zt77';word-spacing: 7px;line-height: 24px;} */
.ccon .text .con p{margin: 38px 0;font-size: 1.57142857em;padding-right: 15%;font-family: 'ztt';word-spacing: 7px;line-height: 24px;}
/* .morelist11 .ccon .text .con h4{font-family: 'zt77';font-size: 2.3rem;letter-spacing: 0;word-spacing: 5px;} */
.morelist11 .ccon .text .con h4{font-family: 'ztt';font-size: 2.3rem;letter-spacing: 0;word-spacing: 5px;}
.morelist11{width: 100%;}
/* .morelist11 .ccon{width: calc(100% + 30px);} */
.ccon .text .con a span{margin-left: 10px;font-size: 20px;transition: all .5s;display: none;}
.ccon .text .con a:hover{background-color: #000;color: #fff;}
.ccon .text .con a:hover span{margin-left: 5px;color: #fff !important;display: inline-block;}
.getulist{margin-top: 30px;}
.getulist h4,.pic-list h4{font-size: 38px;margin: 25px 0;text-align: center;font-family: 'zt10';letter-spacing: 10px;}
.getulist .li{width: 25%;height: 400px;position: relative;float: left;}
.getulist .li i{display: block;width: 100%;height: 400px;}
.piclist-a{margin: 79px 80px 0 80px;}
.bm{margin-bottom: 70px;overflow: hidden;}
.piclist-a .wlie .lie-l,.piclist-a .wlie .lie-r{width: calc(50% - 40px);margin-right: 80px;}
.piclist-a .wlie .lie-r{margin-right: 0;}
.piclist-a .wlie .dec{ font-size: 16px;margin-bottom: 40px;line-height: 30px;
    overflow: hidden;
    /* height: 180px; */
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    display: -moz-box;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.deccc{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1000 !important;
    -webkit-box-orient: vertical;
    display: -moz-box;
    word-wrap: break-word;
    word-break: break-all;
    white-space: normal;
}
.piclist-a .wlie .dec p{font-size: 16px;}
.piclist-a .wlie a{font-size: 12px;cursor: pointer;}
#images .picc .cc-l,#images .picc .cc-r{width: 48%;}
.piclist-a .wenyext{font-size: 12px;text-align: center;}
.piclist-a .wenyext p{margin-bottom: 10px;}
.piclist-a .wenyext p:last-child{text-align: left;margin-top: 80px;margin-bottom: 40px;}
.innlist{display: flex;flex-wrap: wrap;}
.innlist .li{width: 33.33%;position: relative;height: 33.33vw;}
.innlist .li i{display: block;width: 100%;overflow: hidden;height: 100%;}
.innlist .li i img{transition: all 1s;}
.innlist .li:hover i img{transform: scale(1.2);}
.innlist .li .text{position: absolute;width: 100%;height: 100%;opacity: 0;transition: opacity .3s;text-align: center;background-color: rgba(0,0,0,.2);left: 0;top: 0;}
.innlist .li .text p{color: #fff;margin-bottom: 20px;font-size: 24px;font-family: 'ztt1';}
.innlist .li .text p:first-child{margin-top: 48%;font-size: 16px;}
.innlist .li:hover .text{opacity: 1;}
.projlist,.promenu{padding: 0 20px;overflow: hidden;}
.projlist li,.promenu .list{width: calc((100% - 120px) / 3);margin: 0 20px;overflow: hidden;margin-top: 20px;height: 395px;}

.projlist li i{height: 365px;display: block;width: 100%;overflow: hidden;}
.projlist li p span{font-family: 'StyreneA2';}
#loopText span{font-family: 'StyreneA2';font-size: 17px;}
.proxq .pxq-r li i:hover img{transform: scale(1.2);transition: all 1s;}
.projlist li i img{transition: transform 1s;}
.projlist li:hover i img{transform: scale(1.2);transition: all 1s;}
.projlist li p{font-size: 17px;white-space:nowrap;margin-top: 6px;}
.projlist li:hover p {animation: myfirst 2s;}
#loopText span{float: left;}
.promenu{height: 60px;overflow: visible;}
.promenu .list{height: 40px;line-height: 40px;float: right;background-color: #000;position: relative;overflow: visible;}
.promenu li,.promenu h4{color: #fff;padding-left: 10px;width: 100%;height: 40px;}
.promenu .list ul{position: absolute;left: 0;top: 0;width: 100%;z-index: 1000;display: none;}
.promenu .list ul li{height: 40px;line-height: 40px;background-color: #000;padding-right: 10px;display: flex;justify-content: space-between;}
.promenu .list ul li a{color: #fff;}
.promenu .list ul li:hover{background-color: #ccc;}
.add{display: none !important;}
/* .addv{display: none !important;} */
@keyframes myfirst {
    0% {
        /* opacity: 0; */
        width: 0%;
    }
    100% {
        width: 100%;
        /* opacity: 1; */
    }
}
.promenu1{width: 84%;padding: 0 40px;float: right;padding-left: 50px;}
.promenu1 .list{width: calc((100% - 30px) / 3);margin-right: 0;}
.proxq{padding: 40px;overflow: hidden;margin: 0 auto;width: 100%;}
.proxq .pxq-l {width: 14%;}
.proxq .pxq-l  .contee{font-size: 12px;}
.proxq .pxq-l  .contee h6{padding-bottom: 10px;font-size: 22px;border-bottom: 1px solid #e5e5e5;}
/* .proxq .pxq-l  .contee p{padding-top: 10px;line-height: 18px;margin-bottom: 8px;color: #333;font-family: StyreneA2;} */
.proxq .pxq-l  .contee p{padding-top: 10px;line-height: 24px;margin-bottom: 8px;color: #333;font-size: 18px;}
.proxq .pxq-l  .contee .dd{color: #a7a7a7;}
/* .proxq .pxq-l  .contee span{font-size: 18px;padding-bottom: 9px;font-weight: 700;font-family: StyreneA2;display: block;border-bottom: 1px solid #e5e5e5;} */
.proxq .pxq-l  .contee span{font-size: 18px;padding-bottom: 9px;font-weight: 700;display: block;border-bottom: 1px solid #e5e5e5;}
.proxq .pxq-l  .contee li:first-child{border-top: 1px solid #e5e5e5;padding-top: 9px;padding-bottom: 9px;overflow: hidden;}
/* .proxq .pxq-l  .contee li{border-bottom: 1px solid #e5e5e5;height: 31px;padding: 9px 0 9px 0;color: #333;font-family: StyreneA2;overflow: hidden;font-size: 18px;} */
.proxq .pxq-l  .contee li{border-bottom: 1px solid #e5e5e5;height: 31px;line-height: 31px;color: #333;overflow: hidden;font-size: 18px;}
.proxq .pxq-l  .contee .dl{font-family: StyreneA2;font-size: 12px;color: #333;line-height: 16px;}
.proxq .pxq-l  .contee .dl p{padding-top: 0;}
.proxq .pxq-r{width: 84%;}
.proxq .pxq-r li{width: 100%;}
.proxq .pxq-r li i{width: calc((100% - 50px) / 3);margin: 0 10px;display: block;height: 310px;float: left;margin-bottom: 20px;overflow: hidden;}
.proxq .pxq-r li i:nth-child(3n){margin-right: 0;}
/* .proxq .pxq-r li{width: calc((100% - 50px) / 3);margin: 0 10px;}
.proxq .pxq-r li:nth-child(3n){margin-right: 0;}
.proxq .pxq-r li i{display: block;height: 310px;width: 100%;object-fit: cover;} */
.abtli{padding: 0 40px;overflow: hidden;}
.abtli h4{font-size: 75px;line-height: 110px;font-family: 'ztt1';}
.bantu img{width: 50%;display: block;margin-bottom: 20px;}
.dtt img{width: 100%;display: block;margin-bottom: 20px;}
.banlb{overflow: hidden;}
/* .banlb .swiper{position: relative;} */
.banlb .swiper-slide{position: relative;}
.banlb .swiper-slide img{width: 100%;object-fit: cover;height: calc(100vh - 80px);}
.banlb .swiper-slide .text{position: absolute;left: 50px;bottom: 50px;transition: left 1s;}
.banlb .swiper-slide-next{margin-left: -170px;transition: margin-left .5s;}
.banlb .swiper-slide-next:hover{margin-left: -280px;}
.banlb .swiper-slide-next:hover .swiper-slide-active .text{left: 10px;}
.banlb .swiper-slide .text p{display: block;font-size: 16px;margin-bottom: 35px;color: #fff;}
.banlb .swiper-slide .text h4{font-size: 100px;color: #fff;font-weight: 700;line-height: .83;font-family: 'zt777';width: 100px;text-transform: uppercase;}
.banlb .swiper-slide .text .jt{margin-top: 20px;position: relative;}
.banlb .swiper-slide .text em{display: block;width: 70px;height: 2px;background-color: #fff;}
.banlb .swiper-slide .text span{font-size: 23px;color: #fff;top: -10px;position: absolute;margin-left: -6px;}
.banlb .swiper-slide .text i{font-size: 20px;font-style: normal;color: #fff;margin-left: 30px;position: absolute;top: -12px;width: 160px;}
/* .lunbo1 .prev span, .lunbo1 .next span{display: none;} */
.stytu .styl{position: relative;background-color: rgb(255,255,255);}
.stytu .styl,.stytu .styr{width: 50%;min-height: 800px;max-height: 960px;height: 100vh;}
.stytu .styl a,.stytu .styr a{height: 100%;}
.stytu .styl img,.stytu .styr img{width: 100%;object-fit: cover;height: 100%;display: block;}
/* .stytu .styr img{height: 50vh;display: block;} */
.banlb .swiper-slide:nth-child(2) .text h4{color: #000;}
.banlb .swiper-slide:nth-child(2) .text p{color: #000;}
.banlb .swiper-slide:nth-child(2) .text .jt,.banlb .swiper-slide:nth-child(2) .text span,.banlb .swiper-slide:nth-child(2) .text i{color: #000;}
.banlb .swiper-slide:nth-child(2) .text em{background-color: #000;}
.stytu:first-child .styl:hover{background-color: rgb(191, 191, 191);}
.stytu:first-child .styr .img1:hover{background-color: rgb(237, 195, 24);}
.stytu:first-child .styr .img2:hover{background-color: rgb(12, 184, 242);}
.stytu:nth-child(2) .styl:hover {background-color: rgb(230, 100, 165);}
.stytu:nth-child(2) .styr .img1:hover{background-color: rgb(242, 92, 83);}
.stytu:nth-child(2) .styr .img2:hover{background-color: rgb(72, 48, 169);}
.stytu:nth-child(3) .styl:hover{background-color: rgb(81, 208, 220);}
.stytu:nth-child(3) .styr .img1:hover{background-color: rgb(168, 176, 196);}
.stytu:nth-child(3) .styr .img2:hover{background-color: rgb(255, 100, 35);}
.stytu:nth-child(4) .styr:first-child .img1:hover{background-color: rgb(191, 191, 191);}
.stytu:nth-child(4) .styr:first-child .img2:hover{background-color: rgb(241, 91, 58);}
.stytu:nth-child(4) .styr:last-child .img1:hover{background-color: rgb(198, 130, 270);}
.stytu:nth-child(4) .styr:last-child .img2:hover{background-color: rgb(12, 184, 242);}
/* .stytu:nth-child(3) .styr .img1:hover{background-color: rgb(198, 130,249);}
.stytu:nth-child(3) .styr .img2:hover{background-color: rgb(241, 91, 58);} */
.ttrkx{position: absolute;left: 60px;bottom: 48px;}
.ttrkx h4{width: 100px;font-size: 100px;line-height: 100px;text-align: left;font-weight: 900;font-family: 'zt777';text-transform: uppercase;line-height: .83;color: #000 ;}
.ttrkx p{font-size: 14px;padding-left: 8px;font-family: 'zt44';margin-bottom: 20px;color: #000;}
.ttrkx a{font-size: 16px;margin-top: -40px;transition: margin-top 1s;padding-left: 8px;font-family: 'zt44';font-weight: 700;color: #000;}
.ttrkx .ht{font-size: 16px;margin-top: -40px;opacity: 0;transition: margin-top 1s;padding-left: 8px;font-family: 'zt44';font-weight: 700;color: #000;}
.styl:hover p,.stytu .styr .img1:hover p,.stytu .styr .img2:hover p{opacity: 0;color: #fff;}
.styl:hover h4,.stytu .styr .img1:hover h4,.stytu .styr .img2:hover h4{color: #fff;}
.styl:hover a,.stytu .styr .img1:hover a,.stytu .styr .img2:hover a{opacity: 1;margin-top: 4px;color: #fff;}
.stytu .styr .img1,.stytu .styr .img2{position: relative;height: 50%;}
.top{position: fixed;display: block;width: 60px;height: 60px;opacity: 0.7;background-color: #000;bottom: 10px;right: 10px;text-align: center;line-height: 60px;}
.morelist11 .ccon .img,.morelist11 .ccon .text{height: 100%;height: 740px;}
.careee{height: calc(100vh - 80px);overflow: hidden;}
.careee img{width: 100%;height: 100%;object-fit: cover;}
.careee .swiper-pagination-bullet{width: 25px;height: 5px;border-radius: 0;background-color: #fff;opacity: 1;border-radius: 2.5px;}
.careee .swiper-pagination-bullet-active{background-color: #007aff;}
.contact .tacl,.contact .tacr{width: 50%;background-color: #ebebeb;height: 100vh;overflow: hidden;}
.contact .tacl{overflow: visible;}
.contact .lxfss{width: 480px;margin: 0 auto;padding: 20px 0;overflow: visible;}
.contact .tacl h1{font-size: 240px;padding-top: 10px;margin-bottom: 23px;color: #fff;font-weight: 700;font-family: 'zt77';line-height: 1;position: relative;text-transform: uppercase;}
.contact .tacl h1{font: 240px/1 'zt77',Arial,Helvetica,sans-serif;}

.contact .tacl .ii{width: 100%;height: 66px;line-height: 66px;font-size: 23px;border: 2px solid #000;padding-left: 10px;}
.alistuy{margin-top: 60px;}
.alistuy p{margin-bottom: 12px;overflow: hidden;}
.alistuy p span{font-size: 20px;display: inline-block;width: 50%;font-family: 'zt647';font-style: normal;font-weight: 700;line-height: 30px;}
.alistuy p em{color: #f39;font-size: 20px;font-family: 'zt647';margin-top: 65px;display: block;font-style: normal;font-weight: 700;}
.alistuy p em:hover{text-decoration: underline;}
.alistuy .email p{font-size: 20px;display: inline-block;font-family: 'zt647';font-style: normal;font-weight: 700;line-height: 30px;width: 100%;}
.alistuy .email p input{font-size: 20px;display: inline-block;font-family: 'zt647';font-style: normal;font-weight: 700;line-height: 30px;width: 100%;border: none;border-bottom: 1px solid #000;padding: 5px 0;background-color: transparent;}
.tacr{position: relative;}
.tacr .picyd{display: flex;transition: margin 1s;width: 200%;}
.tacr .item{width: 100%;}
.tacr .item img{width: 100%;height: 50vh;object-fit: cover;display: block;}
.ydjt{position: absolute;bottom: 2vw;right: 3vw;}
.ydjt span{font-size: 50px;color: #fff;cursor: pointer;}
.weibiaoti1{display: none;}
.shipin{ text-align: center; position: fixed; top: 0px; left: 0px; z-index: -1; width: 100%; height: 100%;}
.shipin .video{text-align: center;opacity: 0;transition: all .5s;}
.shipin .video img{width: 100%;height: 100%;object-fit: cover;}
/* .shipin video{width: 50%; display:table-cell; vertical-align: middle; max-width: 80%; display: inline-block;} */
/* .shipin .fr{cursor: pointer; font-size: 50px; color: #fff; font-weight: bold; position: absolute; top: 200px; right: 50px;} */
.bgtt{display: none;}
.bgtt .home-img{position: fixed;top: 0;left: 0;transition: all .5s;background-repeat: no-repeat;background-position: 50%;background-size: cover;}
.newlist{height: calc(100vh - 80px);overflow: hidden;}
.newlist .newl{width: 160px;min-width: 80px;display: flex;flex-direction: column;justify-content: space-between;border-right: 1px solid #000;height: 100%;}
.newlist .topp{display: flex;flex-direction: column;text-align: center;border-bottom: 1px solid #000;height: 450px;justify-content: space-around;padding: 40px 0;border-top: 1px solid #000;}
.newlist .topp span{display: block;margin: 0px 0;font-size: 16px;font-weight: 700;}
.newlist .topp .line{width: 18px;height: 2px;background-color: #000;margin: 0 auto;}
.newlist .bott{height: 140px;border-top: 1px solid #000;line-height: 180px;}
.newlist .bott span{display: block;width: 40px;height: 40px;margin: 30px auto;margin-top: 50px;}
.newlist .bott:hover,.newlist .topp:hover{background-color: #000;}
.newlist .topp:hover span{color: #fff;}
.newlist .topp:hover .line{background-color: #fff;}
.newlist .bott svg{animation: data 10s linear;animation-iteration-count: infinite;transform-origin: 50% 50%;}
.newlist .bott:hover svg{fill: #fff;}
.vid .textson{position: absolute;bottom: 20px;left: 0;width: 100%;text-align: center;}
.vid .textson p{font-size: 22px; color: #fff;}
.vid .textson a{font-size: 14px; color: #fff;display: inline-block;border: 1px solid #fff;margin: 15px 0;padding: 10px;}
@keyframes data{
    0% {
    -webkit-transform: rotate(0);
    -o-transform: rotate(0);
    transform: rotate(0);
    }
    100% {
    -webkit-transform: rotate(1turn);
    -o-transform: rotate(1turn);
    }
}
.newr{width: calc(100% - 160px);height: 100%;overflow-y: auto;}
.newr a:first-child{border-top: 1px solid #000;}
.newr a{padding: 30px;overflow: hidden;border-bottom: 1px solid #000;width: 100%;}
.newr a span{font-size: 6vw;display: block;font-weight: 200;font-family: 'ztt1',sans-serif;}
.newr a:hover{background-color: #000;}
.newr a:hover span{color: #fff;}
.sixbox{position: absolute;width: 56.22vw;margin: 0 auto;display: flex;flex-wrap: wrap;top: 50%;left: 50%;transform: translate(-50%,-50%);}
.sixbox .box{width: 18.74vw;height: 18.74vw;overflow: hidden;}
.sixbox .box .img2{display: none;}
.sixbox .box:hover .img2{display: block;}
.sixbox .box:hover .img1{display: none;}
/* .sixbox .box img{transition: all .5s;}
.sixbox .box:hover img{transform: scale(1.2);} */
.size{animation: wenzi 1.4s ease-in-out .3s;}
.size1{animation: wenzi 1.4s ease-in-out .3s;animation-iteration-count:infinite;transition-property:all}
/* .size1{animation: wenzi1 3s ;} */
.xianxian{display: none;}
@keyframes wenzi{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(.5);
    }
}
@keyframes wenzi1{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(.5);
        opacity: 0;
    }
}
.next span{font-family: 'StyreneA2';}
.morelist11 .ccon:first-child{margin-top: 55px;}
.morelist11 .ccon:nth-child(2) .text .con{text-align: left;}
.morelist11 .ccon:nth-child(2) .text .con a{float: none;}
.morelist11 .ccon .text .con p{margin: 0;color: #212529;}



@media only screen and (max-width:1600px){
    .contact .tacl h1{font-size: 140px;}
}

@media only screen and (max-width:1500px){
    .morelist11 .ccon .text .con h4{font-size: 30px;}
    .morelist11 .ccon .text .con p{font-size: 18px;}
}
@media only screen and (max-width:1446px){
    .morelist11 .ccon .img, .morelist11 .ccon .text,.morelist1 .ccon .img, .morelist1 .ccon .text{
        height: 50vw;
    }
}
@media only screen and (max-width:1024px){
    .vid{height: calc(100vh - 80px);background-color: #000;}
    .vid .video{width: auto !important;height: 100%;}
    .header .menu li{display: none;}
    .header{padding: 0 20px;}
    .header .menu li:nth-child(6){display: block;}
    .rxf{display: none;}
    .mu{width: 60%;top: 0;overflow: hidden;}
    .menu-1{padding-left: 20px;}
    .getulist .li i{height: 134px;}
    .pagetion{right: 1vh;bottom: 4vh;}
    .piclist .box{width: 100%;}
    .piclist .box, .piclist .box img{height: 364px;}
    .piclist .box .bm{padding-bottom: 0;padding-left: 35px;}
    .twlist .text h4,.lunbo1 h4{font-size: 42px;}
    .lunbo1 i{height: 282px;}
    .lunbo1 .swiper-slide p{display: none;}
    .abdec .text P,.ccon .text .con h4,.ccon .text .con a,.ccon .text .con p{font-size: 12px;}
    .ccon .text .con a{width: 30vw;margin: 0 auto;}
    .ccon .img, .ccon .text{height: 138;}
    .abtli h4{font-size: 20px;}
    .piclist-a{margin: 10px;}
    .piclist-a .wlie .lie-l, .piclist-a .wlie .lie-r,#images .picc .cc-l, #images .picc .cc-r,.ccon .img, .ccon .text,.contact .tacl, .contact .tacr,.pic-list .item{width: 100%;margin-right: 0;}
    .careee{height: 210px;position: relative;overflow: visible;}
    .careee .swiper-pagination{bottom: 24px !important;}
    .ccon .text .con{position: static;text-align: center;padding: 20px 10px;}
    .morelist1 .ccon .text .con{left: 0;bottom: 0;transform: translateY(0);}
    .ccon .text .con p{padding-right: 0;}
    .ccon{margin-bottom: 20px;}
    .contact .tacl h1{font-size: 58px;display: none;}
    .contact .tacl .ii{height: 60px;line-height: 60px;font-size: 20px;margin: 10px auto;width: calc(100% - 20px);}
    .contact .lxfss,.promenu1{width: 100%;}
    .innlist .li{width: 50%;height: 50vw;}
    .newlist{display: flex;}
    .newr{flex: 1;}
    .newr a span{font-size: 14px;}
    .morelist .ccon .img{width: 100%;float: none;height: 100vw !important;}
    .morelist .ccon .text{width: 100%;float: none;height: auto !important;}
    .morelist1 .ccon .img{width: 100%;float: none;height: 95vw !important;}
    .morelist1 .ccon .text{width: 100%;float: none;height: auto !important;}
    .getulist{padding-left: 10px;}
    .getulist .li{width: calc(50% - 10px);height: 140px;margin-right: 10px;}
    .projlist li,.promenu .list,.proxq .pxq-r li{width: 100%;margin: 0 0 10px 0;}
    .proxq .pxq-l,.proxq .pxq-r{width: 100%;margin-bottom: 20px;}
    .promenu1,.proxq{padding-left: 20px;padding-right: 20px;}
    .sixbox .box{height: 120px;}
    .stytu .styl, .stytu .styr{width: 100%;margin-right: 0;height: 294.4px;}
    .stytu .styr img,.stytu .styl img{height: 266px;display: block;width: 100%;object-fit: cover;}
    .ttrkx h4{font-size: 50px;}
    .footer{flex-wrap: wrap;padding-right: 20px;width: 100%;}
    .footer .ftl,.footer .ftr{width: 100%;margin-bottom: 20px;}
    .banlb .swiper-slide-next{margin-left: 0px;}
    .banlb .swiper-slide-next:hover{margin-bottom: 232px;margin-left: 0;}
    .banlb .swiper-slide .text h4{font-size: 45px;line-height: 0.89;}
    .banlb .swiper-slide .text .jt em,.banlb .swiper-slide .text .jt span,.banlb .swiper-slide .text p{display: none;}
    .banlb .swiper-slide .text i{font-size: 15px;margin-left: 0;}
    .banlb .swiper-slide .text{left: 20px;}
    .newr a{padding: 0;}
    .newr a span{display: block !important;}
    .newr a span img{width: 100%;height: 232px;object-fit: cover;}
    .newr a span:last-child{padding: 10px;}
    .alistuy p{padding-left: 10px;padding-right: 10px;}
    .alistuy p span,.alistuy p em{display: block;width: 100%;float: none !important;}
    .twlist i,.twlist i a{height: 80vh;}
    .twlist i img{height: 100%;object-fit: cover;}
    .twlist i .bt p{font-size: 44px;    transform: scale(0.6);}
    .twlist i .bt span{width: 100%;}
    .lunbo1 .prev, .lunbo1 .next{display: none;}
    .lunbo1 .lunt{width: 100%;}
    .twlist .text h4{margin-left: 10px;}
    .lunbo1 h4{font-size: 22px;}
    .header .menu{justify-content: space-between;}
    .head{height: 60px;}
    .header .menu li:nth-child(6),.header .menu li:nth-child(6) a{height: 60px;}
    .header .menu li:nth-child(6) img{margin-top: 0;margin-top: 10px;width: 70%;height: 40px;display: block;}
    .header .caidan span{margin-top: 18px;}
    .morelist11 .ccon .img{height: 390px;}
    .morelist11 .ccon .text,.morelist11 .ccon{height: auto !important;}
    /* .morelist11 .ccon .text{padding: 0 20px;} */
    .morelist11 .ccon{width: 100%;}
    .morelist11 .ccon .text .con {padding: 20px 35px;}
    .morelist11 .ccon .text .con h4{font-size: 21px;margin-bottom: 15px;}
    .morelist11 .ccon .text .con p{font-size: 15px;line-height: 18px;}
    .innlist .li .text p:first-child{margin-top: 36%;}
    .footer .ftl p{font-size: 18px;font-weight: 400;}
    .twlist .text{width: 100%;padding: 0 18.75px;}
    #thumbs .swiper-slide a p{font-size: 20px;}
    #thumbs .swiper-slide a h1{font-size: 40px;}
    #thumbs .swiper-slide .contact{padding: 0 15px;}
    .piclist .box .bm p{font-size: 30px;margin-bottom: 0;}
    .piclist .box .bm .jt{margin-top: 0;opacity: 1;}
    .proxq .pxq-r li i{width: 100%;margin: 0;margin-bottom: 20px;}
    .pic-list .item .text p{font-size: 16.5px;}
    .proxq{padding-top: 0;}
    .next{width: 27% !important;padding: 10px 0 !important;}
    .next span{font-size: 17px;}
    .abdec .text{width: 100%;padding: 25px 15px;margin: 15px 0;padding-top: 7px;}
    .abdec .text P{font-size: 18.125px;margin-bottom: 10px;}
    .morelist1 .ccon .text .con h4{font-size: 25.127px;margin-bottom: 25px;}
    .ccon:nth-child(2) .text .con{text-align: center !important;}
    .ccon:nth-child(2) .text .con a{float: none;}
    .ccon .text .con a{padding: 0;line-height: 39px;}
    .morelist1 .ccon{width: 100%;}
    .ccon .text .con a span{font-size: 14px;}
    .footer{margin-top: 20px;}
    .innlist .li .text p{font-size: 16px;}
    .innlist .li .text p:first-child{font-size: 12px;}
    .stytu .styl{height: 266px;min-height: 266px;max-height: 266px;}
    .stytu .styr{height: 532px;min-height: 532px;max-height: 532;}
    .ttrkx{left: 20px;}
    .sixbox{width: 100%;padding: 30px 36px 30px 36px;}
    .sixbox .box{width: 50%;height: calc(50vw - 36px);}
    .morelist11 .ccon:first-child{margin-top: 60px;}
    .morelist11 .ccon .text .con p{margin: 0;}
    .careee .swiper-slide .text{position: relative;font-size: 27.5px;background-color: #000;height: 63px;line-height: 63px;right: 0;width: 100%;text-align: center;}
    .newlist .newl{width: 50px;}
    .bm{margin-bottom: 40px;}
    .piclist-a .wlie .lie-l{margin-bottom: 20px;}
    .menu-1 li a{font-size: 30px;color: yellow;}
    .menu-1 li{margin-bottom: 30px;}
    .twlist i .bt span{font-size: 14px;}
    .palt .text{font-size: 50px !important;text-align: center;}


}   



/* @media only screen and (max-width:370px){
    .menu-1 li a{font-size: 20px;}
} */