*{margin: 0;padding: 0;list-style: none;box-sizing: border-box;transition: all .3s;text-decoration: none;font-family: 'Calibri'; -webkit-touch-callout: none;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.img{display: flex;align-items: center;justify-content: center;font-size: 0;overflow: hidden;user-select:none}
.img img{max-width: 100%;max-height: 100%;object-fit: cover;pointer-events:none;}
*::-webkit-scrollbar {height: 5px;width: 5px;}
*::-webkit-scrollbar-track {box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.2);border-radius: 5px;background: rgba(0,0,0,0.2);}
/* *::-webkit-scrollbar-thumb {height: 10px;border-radius: 5px;background: #8D2E3B;} */
*::-webkit-scrollbar-thumb {height: 10px;border-radius: 5px;background: rgba(255, 255, 255, 0.5);}
*::-webkit-scrollbar-thumb:hover{background: #fff;}

html{background: #000;}

.page{height: 100vh;width: 100vw;overflow: hidden;}


.header{position: fixed;top: 0;left: 0;right: 0;height: 4.1666vw;background: rgba(255, 255, 255, 1);z-index: 9990;display: flex;align-items: center;justify-content: space-between;padding: 0 2.34375vw;}
.header .right{display: flex;align-items: center;height: 100%;font-size: 0.9375vw;}
.header .menu{display: flex;align-items: center;height: 100%;color: #929292;}
.header .menu a{color: #929292;margin: 0 1.3020vw;font-family:'microsoft yahei';}
.header .menu a.active,.header .menu a:hover{color: #A00216;}
.header .language{display: flex;align-items: center;height: 100%;color:#D4D4D4;}
.header .language .en{color: #929292;margin: 0 0.5208vw;}
.header .language .cn{color: #000000;margin: 0 0.5208vw;}


.footer{position: fixed;bottom: 0;left: 0;right: 0;height: 2.0833vw;background: #fff;display: flex;align-items: center;justify-content: center;z-index: 9990;font-size: 12px;color: #929292;}
.footer .icp{display: flex;align-items: center;margin-left: 10px;color: #929292;}


.banner{width: 100%;height: 100%;}
.banner .swiper{width: 100%;height: 100%;}
.banner .swiper .swiper-container{width: 100%;height: 100%;}
.banner .img{width: 100%;height: 100%;object-fit: cover;}
.banner .img img{width: 100%;height: 100%;}

.index .header{background: rgba(255, 255, 255, 0.7);}
.index .block{position: fixed;top: 0;bottom: 0;right: 0;/*left: 0;*/display: flex;flex-direction: column;align-items: flex-end;justify-content: center;z-index: 1111;margin-right: 8.3333vw;}
.index .block .text{font-size: 3.6548vw;color: #A00216;font-weight: bold;line-height: 1.2;margin-bottom: 5.7291vw;text-align: right;}
.index .block .btn{display: flex;align-items: center;justify-content: center;width: 12.5vw;height: 3.125vw;background: #A00216;color: #FFFFFF;font-weight: bold;font-size: 1.40625vw;}


.in .block{position: fixed;top: 4.1666vw;bottom: 2.0833vw;left: 0;width: 23.4375vw;padding: 4.1666vw 3.3854vw;z-index: 1111;background: rgba(7, 0, 1, 0.6);color: #fff;scrollbar-width: none; -ms-overflow-style: none; overflow-x: hidden;overflow-y: auto;}


.in.service .block .serviceTitle{font-size: 1.3541vw;font-family:'microsoft yahei';font-weight: bold;line-height: 2;}
.in.service .block .serviceDesc{font-size: 0.9375vw;font-family:'microsoft yahei';line-height: 2;margin-top: 1.0416vw;}
.in.service .block .serviceList{margin-top: 3.6458vw;font-size: 1.0416vw;}
.in.service .block .serviceList .text{margin-bottom: 1.3020vw;font-family:'microsoft yahei';font-weight: bold;line-height: 1.4;}
.in.service .block .serviceList .one{font-family:'microsoft yahei';line-height: 1.8;font-size: 0.9375vw;}


.in.portfolio .block{padding: 0;}
.in.portfolio .block .portfolioList{padding: 4.1666vw 3.3854vw;}
.in.portfolio .block .portfolioList .one{font-family:'microsoft yahei';line-height: 1.8;font-size: 0.8333vw;cursor: pointer;color: rgba(255, 255, 255, 0.6);}
.in.portfolio .block .portfolioList .one:hover{color: #fff;font-weight: bold;}


.in.portfolio .swiper{position: fixed;top: 4.1666vw;bottom: 2.0833vw;left: 23.4375vw;right: 0;padding: 5.0925925vh 4.42708vw;z-index: 1111;display: none;transition: none;}
.in.portfolio .swiper .swiper-container{width: 100%;height: 100%;}
.in.portfolio .swiper .swiper-container .img{position: relative;/*width: 100%;height: 100%;*/max-height: 100%;}
.in.portfolio .swiper .swiper-container .img .text{position: absolute;bottom: 0;right: 0;background: rgba(0, 0, 0, 0.4);width: 5.2083vw;height: 2.0833vw;display: flex;align-items: center;justify-content: center;font-size: 0.625vw;color: #fff;font-weight: bold;font-family:'microsoft yahei';}
.in.portfolio .swiper .swiper-container .img .close{position: absolute;top: 0;right: 0;width: 3.6458vw;height: 3.6458vw;display: flex;align-items: center;justify-content: center;cursor: pointer;}
.in.portfolio .swiper .swiper-container .img .close:hover{background: rgba(0, 0, 0, 0.5);}
.in.portfolio .swiper .swiper-button-next,.in.portfolio .swiper .swiper-button-prev{width: 2.6041vw;height: 2.6041vw;display: flex;align-items: center;justify-content: center;/*background-color: rgba(0, 0, 0, 0.2);*/cursor: pointer;/*border-radius: 50%;*/background-size: 2.6041vw 2.6041vw;opacity: 0.5;}
.in.portfolio .swiper .swiper-button-next:hover,.in.portfolio .swiper .swiper-button-prev:hover{opacity: 1;}
/* .in.portfolio .swiper .swiper-button-next:hover,.in.portfolio .swiper .swiper-button-prev:hover{background-color: rgba(0, 0, 0, 1);} */
/* .in.portfolio .swiper .swiper-button-prev{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l4.2%2C4.2L8.4%2C22l17.8%2C17.8L22%2C44L0%2C22z'%20fill%3D'%238D2E3B'%2F%3E%3C%2Fsvg%3E");
}
.in.portfolio .swiper .swiper-button-next{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L5%2C44l-4.2-4.2L18.6%2C22L0.8%2C4.2L5%2C0z'%20fill%3D'%238D2E3B'%2F%3E%3C%2Fsvg%3E");
} */
.in.portfolio .swiper .swiper-slide{display: flex;align-items: center;justify-content: center;}

.in.portfolio .swiper .swiper-container .img{width: 100%;height: 100%;}
.in.portfolio .swiper .swiper-container .img img{object-fit: contain;}


.in.client .banner{background: #fff;}
.in.client .block{background: #FDFDFD;}
.in.client .block .clientList{font-size: 0.9375vw;}
.in.client .block .clientList .text{margin-bottom: 1.3020vw;font-family:'microsoft yahei';font-weight: bold;line-height: 1.4;color: #191919;font-size: 1.0416vw;}
.in.client .block .clientList .one{font-family:'microsoft yahei';line-height: 1.8;color: #000000;cursor: pointer;}
.in.client .block .clientList .one:hover{color: #8D2E3B;}
.in.client .block .clientList .service{font-family:'microsoft yahei';line-height: 2.5;font-size: 0.9375vw;color: #000000;margin-top: 5.7291vw;}
.in.client .block .clientList .service span{color: #8D2E3B;cursor: pointer;}

.in.client .clientBody{position: fixed;top: 4.1666vw;bottom: 2.0833vw;left: 23.4375vw;right: 0;display: flex;flex-direction: column;}
.in.client .clientBody .imgList{height: calc(100% - 9.375vw);width: 100%;overflow: auto;display: flex;flex-wrap: wrap;padding: 2.0833vw 1.8229vw 0 2.0833vw;}
.in.client .clientBody .imgList .one{width: 12.92510%;height: 4.6875vw;background: #fff;margin-right: 4.4897959%;margin-bottom: 2.0833vw;}
.in.client .clientBody .imgList .one .img{width: 100%;height: 100%;}
.in.client .clientBody .imgList .one:nth-child(6n){margin-right: 0;}
.in.client .clientBody .mail{height: 9.375vw;width: 100%;padding: 1.5625vw 4.6875vw 1.5625vw 2.08333vw;flex-shrink: 0;background: #fff;box-shadow: 0 0 6px rgba(0, 0, 0, 0.05);}
.in.client .clientBody .mail .swiper-container{width: 100%;height: 100%;}
.in.client .clientBody .mail .swiper-container .swiper-slide{overflow: hidden;}
.in.client .clientBody .mail .one{width: 100%;height: 100%;display: flex;}
.in.client .clientBody .mail .img{width: 14.5833vw;height: 6.25vw;margin-right: 3.125vw;background: #FFFFFF;flex-shrink: 0;}
.in.client .clientBody .mail .text{font-family:'microsoft yahei';width: 52.0833vw;font-size: 0.8333vw;line-height: 2;color: #191919;height: 100%;overflow: auto;}
.in.client .shadow{position: fixed;top: 0;right: 0;bottom: 0;left: 0;background: rgba(0, 0, 0, 0.5);z-index: 9998;display: none;transition: none;}
.in.client .mailBox{width: 57.2916vw;height: 31.25vw;border-radius: 2px;overflow: hidden;z-index: 9999;position: fixed;top: 0;right: 0;bottom: 0;left: 0;margin: auto;background: #FFFFFF;display: none;transition: none;}
.in.client .mailBox .title{height: 3.6458vw;display: flex;align-items: center;justify-content: space-between;padding: 0 1.1458vw 0 2.0833vw;font-size: 1.0416vw;font-weight: bold;font-family:'microsoft yahei';border-bottom: 1px solid #F2F2F2;}
.in.client .mailBox .title .right{cursor: pointer;}
.in.client .mailBox .title .right:hover{background: rgba(0, 0, 0, 0.05);}
.in.client .mailBox .mailBody{height: calc(100% - 3.6458vw);padding: 1.3020vw 2.34375vw;display: flex;flex-direction: column;overflow: auto;}
.in.client .mailBox .mailBody .one{width: 100%;margin-bottom: 1.0416vw;background: #FAFAFA;display: flex;padding: 1.5625vw;}
.in.client .mailBox .mailBody .one:last-child{margin-bottom: 0;}
.in.client .mailBox .mailBody .one .img{width: 11.4583vw;height: 6.25vw;margin-right: 2.0833vw;background: #FFFFFF;flex-shrink: 0;}
.in.client .mailBox .mailBody .one .text{font-family:'microsoft yahei';flex:1;font-size: 0.7291vw;line-height: 1.8;color: #191919;}

.in.client .listBox{width: 57.2916vw;height: 31.25vw;border-radius: 2px;overflow: hidden;z-index: 9999;position: fixed;top: 0;right: 0;bottom: 0;left: 0;margin: auto;background: #FFFFFF;display: none;transition: none;}
.in.client .listBox .title{height: 3.6458vw;display: flex;align-items: center;justify-content: space-between;padding: 0 1.1458vw 0 2.0833vw;font-size: 1.0416vw;font-weight: bold;font-family:'microsoft yahei';border-bottom: 1px solid #F2F2F2;}
.in.client .listBox .title .right{cursor: pointer;}
.in.client .listBox .title .right:hover{background: rgba(0, 0, 0, 0.05);}
.in.client .listBox .listBody{height: calc(100% - 3.6458vw);padding: 1.3020vw 2.0833vw 0 2.34375vw;display: flex;flex-wrap:wrap;overflow: auto;}
.in.client .listBox .listBody .one{width: 15.45454540%;height: 4.1666vw;margin-right: 5.68181810%;margin-bottom: 2.0833vw;}
.in.client .listBox .listBody .one:nth-child(5n){margin-right: 0;}
.in.client .listBox .listBody .one .img{width: 100%;height: 100%;}


.in.sustainability .block .text{font-family:'microsoft yahei';font-size: 0.9375vw;line-height: 1.8;margin-bottom: 1.5625vw;text-indent: 2em;}


.in.about .block .text{font-family:'microsoft yahei';font-size: 0.9375vw;line-height: 1.8;margin-bottom: 1.5625vw;text-indent: 2em;}


.in.contact .block .contactList .one{margin-bottom: 3.6458vw;}
.in.contact .block .contactList .one:last-child{margin-bottom: 0;}
.in.contact .block .contactList .one .title{font-family:'microsoft yahei';font-weight: bold;font-size: 1.0416vw;margin-bottom: 1.0416vw;line-height: 1.6;}
.in.contact .block .contactList .one .text{font-family:'microsoft yahei';font-size: 0.8333vw;line-height: 2;}


.in.news .block .newsTitle{font-size: 1.0416vw;font-family:'microsoft yahei';font-weight: bold;line-height: 1.8;margin-bottom: 2.34375vw;}
.in.news .block .codeBox{width: 16.6666vw;height: 13.28125vw;display: flex;flex-direction: column;background: rgba(0, 0, 0, 0.05);margin-bottom: 1.8229vw;}
.in.news .block .codeBox .img{flex: 1;}
.in.news .block .codeBox .text{width: 100%;height: 2.0833vw;display: flex;align-items: center;justify-content: center;background: rgba(0, 0, 0, 0.2);font-size: 0.8333vw;}
.in.news .block .codeBox:last-child{margin-bottom: 0;}


.in.careers .block .en{font-family: 'microsoft yahei';font-weight: bold;font-size: 2.0833vw;line-height: 1.2;}
.in.careers .block .cn{font-family: 'microsoft yahei';font-weight: bold;font-size: 1.3541vw;line-height: 2;margin-bottom: 2.34375vw;}
.in.careers .block .title{font-family: 'microsoft yahei';font-size: 0.8333vw;line-height: 2.2;margin-bottom: 0.5208vw;}
.in.careers .block .email{font-family: 'microsoft yahei';font-size: 1.0416vw;line-height: 1.2;font-weight: bold;color: #fff;}
.in.careers .block .email:hover{color: #8D2E3B;}

.pc{display: block;}
.mb{display: none;}


@media(max-width:750px){
    .pc{display: none;}
    .mb{display: block;}

    .header{height: 18vw;padding: 3.3333vw;z-index: 9991;}
    .footer{height: 18vw;padding: 3.3333vw;flex-direction: column;text-align: center;font-size: 2.6666vw;line-height: 1.5;}


    .index .block .text{font-size: 6.6666vw;}
    .index .block .btn{width: auto;height: auto;font-size: 4vw;padding: 3.3333vw;}

    
    .in .block{top: 18vw;bottom: 18vw;width: 100%;}


    .in.service .block .serviceTitle{font-size: 4.8vw;}
    .in.service .block .serviceDesc{font-size: 3.7333vw;}
    .in.service .block .serviceList{font-size: 4.2666vw;}
    .in.service .block .serviceList .one{font-size: 3.7333vw;}


    .header .right .img.menu{width: 10vw;height: auto;}
    .header .right .close{width: 10vw;height: auto;display: none;}
    .menu_box{display: none;}

    .header .shadow_mb{background: rgba(0, 0, 0, 0.5);position: fixed;top: 18vw;bottom: 0;z-index: 9888;left: 0;right: 0;display: none;}
    .header .menu_box{background: #fff;position: fixed;top: 18vw;bottom: 0;z-index: 9888;left: 100vw;right: 0;padding: 6.6666vw;display: flex;flex-direction: column;}
    .header .menu_box a{width: 100%;font-size: 3.73333vw;padding: 2.66666vw;border-bottom: 1px solid #eee;color: #333333;}

    .header .language{text-align: center;align-items: flex-end;}
    .header .language .en{margin: 0;}
    .header .language .cn{margin: 0;}

    .in.portfolio .block .portfolioList .one{font-size: 3.7333vw;}
    .in.portfolio .swiper{top: 18vw;bottom: 18vw;left: 0;right: 0;z-index: 99999;background: rgba(0, 0, 0, 0.5);}
    .in.portfolio .swiper .swiper-container .img .close{width: 10vw;height: 10vw;}
    .in.portfolio .swiper .swiper-container .img .text{width: auto;height: auto;padding: 3.3333vw 6.6666vw;font-size: 3.7333vw;}

    .in.client .block .clientList{font-size: 3.7333vw;}
    .in.client .block .clientList .text{font-size: 4.8vw;margin-bottom: 4.8vw;}
    .in.client .block .clientList .service{font-size: 3.7333vw;}
    .in.client .clientBody{display: none;}

    .in.client .listBox{width: 90%;height: auto;top: 18vw;bottom: 18vw;}
    .in.client .listBox .title{height: 10vw;line-height: 2;font-size: 4.8vw;padding: 0 3.3333vw;}
    .in.client .listBox .listBody{padding: 3.3333vw;justify-content: space-between;max-height: calc(100% - 10vw);height: auto;}
    .in.client .listBox .listBody .one{width: 48%;margin: 0 0 6.6666vw;height: auto;}
    .in.client .listBox .listBody .one img{max-width: 75%;}

    .in.client .mailBox{width: 90%;height: auto;top: 18vw;bottom: 18vw;}
    .in.client .mailBox .title{height: 10vw;line-height: 2;font-size: 4.8vw;padding: 0 3.3333vw;}
    .in.client .mailBox .mailBody{padding: 3.3333vw;justify-content: space-between;height: calc(100% - 10vw);}
    .in.client .mailBox .mailBody .one{margin: 0 0 3.3333vw;}
    .in.client .mailBox .mailBody .one .img{width: 50%;height: auto;}
    .in.client .mailBox .mailBody .one .text{font-size: 3.7333vw;}

    .in.sustainability .block .text{font-size: 3.7333vw;margin-bottom: 3.7333vw;}
    .in.about .block .text{font-size: 3.7333vw;}

    .in.contact .block .contactList .one .title{font-size: 4.2666vw;}
    .in.contact .block .contactList .one .text{font-size: 3.7333vw;}

    .in.news .block .newsTitle{font-size: 4.2666vw;}
    .in.news .block .codeBox{width: auto;height: auto;}
    .in.news .block .codeBox .text{height: auto;font-size: 3.7333vw;padding: 3.3333vw;}
    .in.news .block .codeBox .img img{max-width: 50%;}

    .in.careers .block .en{font-size: 4.8vw;}
    .in.careers .block .cn{font-size: 4.2666vw;}
    .in.careers .block .title{font-size: 3.7333vw;}
    .in.careers .block .email{font-size: 4vw;}
}