@charset "utf-8"; /* CSS Document */ *{padding: 0; margin: 0;} .hor_banner_c{width:73%;overflow:hidden;position:absolute;left:13.5%;bottom:1rem;z-index:999;opacity:0;} .hor_banner_c .hor_txt{width:100%;overflow:hidden;} .hor_banner_c .hor_txt p{width:100%;overflow:hidden;text-align:center;} .hor_banner_c .hor_txt p.p1{font-family:Arial;font-size:.32rem;line-height:1.5;color:rgba(255,255,255,0.5);text-transform:uppercase;line-height:.6rem;} .hor_banner_c .hor_txt p.p2{font-size:.8rem;line-height:1.2rem;color:#fff;padding-bottom:.3rem;position:relative;} .hor_banner_c .hor_txt p.p2 b{width:.4rem;height:.05rem;display:block;overflow:hidden;background-color:#de181d;border-radius:.05rem;position:absolute;left:50%;bottom:0px;margin-left:-.2rem;} .hor_banner_c .hor_txt p.p3{font-size:.28rem;line-height:1.5;color:#fff;margin-top:.4rem;} .hor_banner_c .hor_icon{width:100%;overflow:hidden;margin-top:1.6rem;} .hor_banner_c .hor_icon ul{width:100%;overflow:hidden;display:flex;display:-webkit-flex;justify-content:space-between} .hor_banner_c .hor_icon ul li{width:calc( ( 100% - .2rem ) / 3 );text-align:center;position:relative;background-color:#fff;height:1rem;text-align:center;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .hor_banner_c .hor_icon ul li:before{content:"";width:0%;height:100%;display:block;overflow:hidden;background-color:#d0141a;position:absolute;left:50%;top:0px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .hor_banner_c .hor_icon ul li a{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;display:inline-block;position:relative;z-index:99;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .hor_banner_c .hor_icon ul li i{float:left;display:inline-block;position:relative;} .hor_banner_c .hor_icon ul li i img{display:block;} .hor_banner_c .hor_icon ul li i img.img2{position:absolute;left:0px;top:0px;opacity:0;} .hor_banner_c .hor_icon ul li span{display:inline-block;float:left;margin-left:.3rem;font-size:.24rem;color:#1c1c1c;} .hor_banner_c .hor_icon ul li.on:before{width:100%;left:0px;} .hor_banner_c .hor_icon ul li.on i img.img1{opacity:0;} .hor_banner_c .hor_icon ul li.on i img.img2{opacity:1;} .hor_banner_c .hor_icon ul li.on span{color:#fff;font-size:.32rem;} .page2{background:url("../upimg/team_01.jpg") center no-repeat #f1f1f1;background-size:cover;} .page2 .pagefr_n{display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .team_01{width:100%;overflow:hidden;position:absolute;left:0px;top:1rem;margin-top:calc(var(--vh) * 15);} .team_01 p{width:100%;overflow:hidden;} .team_01 p.p1{font-size:.44rem;color:#1c1c1c;line-height:1.5;text-transform:uppercase;font-weight:100;font-family:syhthin;} .team_01 p.p2{font-size:.42rem;color:#1c1c1c;line-height:1.8;position:relative;padding-bottom:.4rem;font-weight:bold;} .team_01 p.p2 b{width:.42rem;height:.03rem;display:block;overflow:hidden;background-color:#d0141a;position:absolute;left:0px;bottom:0px;} .team_02{width:100%;overflow:hidden;position:absolute;left:0px;bottom:0px;} .team_02_slide{width:100%;height:calc(var(--vh) * 78);overflow:hidden;position:relative;} .team_02_slide .swiper-slide{width:100% !important;overflow:hidden;position:relative;} .team_02_slide .swiper-slide .tm2_img{width:35%;height:100%;overflow:hidden;position:absolute;right:22%;} .team_02_slide .swiper-slide .tm2_img b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;} .team_02_slide .swiper-slide .tm2_img_r{width:20%;height:53%;overflow:hidden;position:absolute;right:0px;bottom:0px;} .team_02_slide .swiper-slide .tm2_img_r b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;} .team_02_slide .swiper-slide .tm2_txt{width:43%;height:60%;padding:0px .9rem;overflow:hidden;position:absolute;left:0px;bottom:0px;background-color:#fff;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;display:flex;display:-webkit-flex;align-items:center;justify-content:center;} .team_02_slide .swiper-slide .tm2_txt a{width:100%;display:block;overflow:hidden;} .team_02_slide .swiper-slide .tm2_txt p{width:100%;overflow:hidden;} .team_02_slide .swiper-slide .tm2_txt p.p1{line-height:2;} .team_02_slide .swiper-slide .tm2_txt p.p1 span.sp1{font-size:.62rem;color:#222222;} .team_02_slide .swiper-slide .tm2_txt p.p1 i{font-size:.3rem;color:#555;margin:0px .2rem;} .team_02_slide .swiper-slide .tm2_txt p.p1 span.sp2{font-size:.3rem;color:#555;} .team_02_slide .swiper-slide .tm2_txt p.p2{font-size:.18rem;color:#888;line-height:.3rem;max-height:.9rem;-webkit-box-orient:vertical;-webkit-line-clamp:3;text-overflow:ellipsis;display:-webkit-box;} .team_02_slide .swiper-slide .tm2_txt p.p3{margin-top:.5rem;} .team_02_slide .swiper-slide .tm2_txt p.p3 label{display:inline-block;line-height:.56rem;border:.01rem solid #d0141a;border-radius:.68rem;padding:0px .6rem;font-size:.16rem;color:#ea2831;} .team_02_slide .swiper-slide .tm2_txt p.p3 label i{display:inline-block;background:url("../images/tm_02.png") right center no-repeat;background-size:.36rem;padding-right:.48rem;} .team_02_slide .team_02_sp{position:absolute;right:0px;top:1rem;z-index:999;width:1.2rem;height:1.2rem;font-family:Arial;} .team_02_slide .team_02_sp .sp1{position:absolute;left:0px;top:0px;font-size:.5rem;color:#d0141a;} .team_02_slide .team_02_sp .sp2{position:absolute;right:0px;bottom:0px;font-size:.42rem;color:#a1a1a1;} .team_02_slide .team_02_sp:before{content:"";width:.55rem;height:.8rem;display:block;overflow:hidden;background:url("../images/tm_10.png") center no-repeat;background-size:100%;position:absolute;left:.39rem;top:.25rem;} .team_02_more{width:1.8rem;height:.75rem;overflow:hidden;position:absolute;left:43%;bottom:0px;z-index:999;margin-left:-.9rem;} .team_02_more label{width:.9rem;height:.75rem;display:block;overflow:hidden;float:left;cursor:pointer;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .team_02_more label.team_02_prev{background:url("../images/tm_03.png") center no-repeat #f6f6f6;background-size:.36rem;} .team_02_more label.team_02_prev:hover{background:url("../images/tm_05.png") center no-repeat #d0141a;background-size:.36rem;} .team_02_more label.team_02_next{background:url("../images/tm_04.png") center no-repeat #f6f6f6;background-size:.36rem;} .team_02_more label.team_02_next:hover{background:url("../images/tm_06.png") center no-repeat #d0141a;background-size:.36rem;} .page3{overflow:hidden;background-color:#1b1b1b;position:relative;} .p3_slide{width:100%;overflow:visible;position:absolute;left:0px;top:0px;} .p3_slide .swiper-slide{width:58%;overflow:hidden;height:calc(var(--vh) * 73.1);position:relative;} .p3_slide .swiper-slide .p3s_img{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;} .p3_slide .swiper-slide .p3s_img b{width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;} .p3_slide .swiper-slide .p3s_img:before{content:"";width:100%;height:100%;display:block;z-index:9;overflow:hidden;background-color:rgba(0,0,0,0.3);position:absolute;left:0px;top:0px;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .p3_slide .swiper-slide-active .p3s_img:before{opacity:0;} .p3txt_slide{width:100%;overflow:visible;position:absolute;left:0px;bottom:0px;z-index:999;} .p3txt_slide:before{content:"";width:100%;height:calc(var(--vh) * 27);display:block;overflow:hidden;background:url("../images/tm_11.jpg") center no-repeat;background-size:100% 100%;position:absolute;left:0px;bottom:0px;} .p3txt_slide .swiper-slide{width:100%;height:calc(var(--vh) * 27 + .58rem);overflow:visible;position:relative;} .p3txt_slide .swiper-slide:before{content:"";width:0;height:0;display:block;overflow:hidden;background:url("../images/tm_09.png") center no-repeat;background-size:0;position:absolute;left:31%;margin-left:.66rem;bottom:calc(var(--vh) * 26.8);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .p3txt_slide .swiper-slide .sp1{-webkit-text-fill-color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.2);position:absolute;left:7%;top:-1.55rem;z-index:991;font-family:Bahnschrift;font-size:3rem;} .p3txt_slide .swiper-slide .p3txt_c{width:86%;overflow:hidden;margin:0px auto;padding:0px;margin-top:1.42rem;} .p3txt_slide .swiper-slide .p3txt_c p{width:100%;overflow:hidden;color:#fff;} .p3txt_slide .swiper-slide .p3txt_c p.p1{font-size:.48rem;line-height:1.5;} .p3txt_slide .swiper-slide .p3txt_c p.p2{font-size:.2rem;line-height:1.5;margin-top:.1rem;} .p3txt_slide .swiper-slide-active:before{width:1.32rem;height:.59rem;background-size:100% 100%;margin-left:0px;} .p3_sp{position:absolute;right:7%;bottom:1rem;z-index:999;font-size:.3rem;color:#fff;line-height:1.8;} .p3_sp i{margin:0px .1rem;} .p3_more{width:1.55rem;height:.5rem;position:absolute;left:58%;top:calc(var(--vh) * 40);z-index:999;margin-left:-.775rem;} .p3_more label{width:.5rem;height:.5rem;display:block;overflow:hidden;float:left;border-radius:50%;position:relative;cursor:pointer;} .p3_more label:nth-child(2){float:right;} .p3_more label:before{content:"";width:100%;height:100%;border:.02rem solid rgba(255,255,255,0.5);border-radius:50%;display:block;overflow:hidden;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .p3_more label:after{content:"";width:100%;height:100%;display:block;overflow:hidden;position:absolute;left:0px;top:0px;} .p3_more label.p3_prev:after{background:url("../images/tm_07.png") center no-repeat;background-size:.26rem;} .p3_more label.p3_next:after{background:url("../images/tm_08.png") center no-repeat;background-size:.26rem;} .p3_more label .load{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;} .p3_more label .load .loading{stroke-width:.04rem;stroke-dasharray: 157;stroke-dashoffset: -157;fill:transparent;width:100%;height:100%;position:absolute;left:0px;top:0px;} .p3_more label.on .load .loading{stroke:#fe6244;-webkit-animation:tman_0 4s linear;animation: tman_0 4s linear;} .page4{overflow:hidden;position:relative;background:url("../upimg/team_06.jpg") center no-repeat #eeeeee;background-size:cover;} .page4 .pagefr_n{display:flex;display:-webkit-flex;align-items:center;justify-content:center;padding-top:1.1rem;height:calc(var(--vh) * 100 - 1.1rem);} .p4fr{width:100%;overflow:hidden;} .p4_c{width:81.25%;overflow:visible;margin:0px auto;padding:0px;margin-top:.3rem;} .p4_c ul li{width:32%;overflow:hidden;float:left;margin-right:2%;height:calc(var(--vh) * 23);margin-bottom:.4rem;position:relative;-moz-box-shadow:0px 0px 21px rgba(0,0,0,0.05); -webkit-box-shadow:0px 0px 21px rgba(0,0,0,0.05); box-shadow:0px 0px 21px rgba(0,0,0,0.05);transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .p4_c ul li:nth-child(3n){margin-right:0px;} .p4_c ul li b{width:102%;height:102%;display:block;overflow:hidden;position:absolute;left:-1%;top:0%;z-index:99;transition:.3s ease;-webkit-transition:.3s ease;-o-transition:.3s ease;-moz-transition:.3s ease;} .p4_c ul li i{content:"";width:100%;height:100%;display:block;overflow:hidden;background-color:#d0141a;position:absolute;left:0px;bottom:-100%;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .p4_c ul li.on i{bottom:0px;} .p4_c ul li.on{/*transform:translateY(-4px);-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);*/-moz-box-shadow:0px 0px 41px rgba(208,20,26,0.2); -webkit-box-shadow:0px 0px 41px rgba(208,20,26,0.2); box-shadow:0px 0px 41px rgba(208,20,26,0.2);} .p4_c ul li.on b{transform: scale(1.03, 1.03) rotate(0.1deg) translate3d(0,0,0); -moz-transform: scale(1.03, 1.03) rotate(0.1deg) translate3d(0,0,0); -webkit-transform: scale(1.03, 1.03) rotate(0.1deg) translate3d(0,0,0);} .p4_b{width:81.25%;margin:0px auto;padding:0px;overflow:hidden;font-size:.2rem;color:#666;line-height:1.8;text-align:center;} .p4_b ul{width:100%;overflow:hidden;position:relative;min-height:.4rem;} .p4_b ul li{width:100%;overflow:hidden;position:absolute;left:0px;top:0px;text-align:center;display:none;} .pe2fr{width:100%;overflow:hidden;margin-top:calc(1rem + 2.5vh);} .team_04{width:100%;overflow:hidden;} .team_04 p{width:100%;overflow:hidden;text-align:center;} .team_04 p.p1{font-size:.44rem;color:#1c1c1c;line-height:1.5;text-transform:uppercase;font-weight:100;font-family:syhthin;} .team_04 p.p2{font-size:.42rem;color:#1c1c1c;line-height:1.8;position:relative;font-weight:bold;} .team_04 p.p2 b{width:.42rem;height:.03rem;display:block;overflow:hidden;background-color:#d0141a;position:absolute;left:0px;bottom:0px;} .team_05{overflow:hidden;width:100%;margin-top:.5rem;} .team05fr{width:100%;overflow:hidden;position:relative;} .team05fr label.t05s_prev{width:.5rem;height:.5rem;display:block;overflow:hidden;background:url("../images/hor_05.png") center no-repeat #afafaf;background-size:.1rem;border-radius:50%;cursor:pointer;position:absolute;left:0px;top:0px;z-index:999;margin-top:0;} .team05fr label.t05s_prev:hover{background:url("../images/hor_05.png") center no-repeat #d0141b;background-size:.1rem;} .team05fr label.t05s_next{width:.5rem;height:.5rem;display:block;overflow:hidden;background:url("../images/hor_06.png") center no-repeat #afafaf;background-size:.1rem;border-radius:50%;cursor:pointer;position:absolute;right:0px;top:0px;z-index:999;margin-top:0;} .team05fr label.t05s_next:hover{background:url("../images/hor_06.png") center no-repeat #d0141b;background-size:.1rem;} .team_05r_c{width:calc(100% - 1.6rem);overflow:hidden;margin:0px auto;padding:0px;position:relative;} .team_05_slide{width:23%;overflow:visible;margin:0px auto;padding:0px;} .team_05_slide .swiper-slide{width:100%;overflow:hidden;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;} .team_05_slide .swiper-slide .tm5sc_c{width:100%;overflow:hidden;transform:scale(.5);-webkit-transform:scale(.5);-moz-transform:scale(.5);transition:.3s ease;-webkit-transition:.3s ease;-o-transition:.3s ease;-moz-transition:.3s ease;} .team_05_slide .swiper-slide .t05s_img{width:100%;overflow:hidden;position:relative;} .team_05_slide .swiper-slide .t05s_img img.img1{width:100%;display:block;position:relative;z-index:99;object-fit:cover;border-radius:50%;border:.08rem solid #cecece;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;} .team_05_slide .swiper-slide .t05s_img img.img2{position:absolute;left:0%;top:0px;opacity:0;height:100%;width:100%;z-index:9;transition:.3s ease;-webkit-transition:.3s ease;-o-transition:.3s ease;-moz-transition:.3s ease;} .team_05_slide .swiper-slide .t05s_img img.img3{position:absolute;right:0%;top:0px;opacity:0;height:100%;width:100%;z-index:9;transition:.3s ease;-webkit-transition:.3s ease;-o-transition:.3s ease;-moz-transition:.3s ease;} .team_05_slide .swiper-slide .t05s_txt{width:100%;overflow:visible;margin-top:.2rem;position:relative;} .team_05_slide .swiper-slide .t05s_txt p{width:100%;overflow:hidden;} .team_05_slide .swiper-slide .t05s_txt p.p1{text-align:center;font-size:.32rem;color:#222222;line-height:1.5;font-weight:bold;margin-top:.4rem;} .team_05_slide .swiper-slide .t05s_txt .t05st_c{width:100%;overflow:hidden;display:none;} .team_05_slide .swiper-slide .t05s_txt .t05st_c p.p2{font-size:.2rem;color:#555;line-height:1.5;margin-top:0px;} .team_05_slide .swiper-slide .t05s_txt .t05st_c p{font-size:.16rem;line-height:1.5;margin:.15rem 0px;text-align:center;} .team_05_slide .swiper-slide-active{overflow:visible;position:relative;} .team_05_slide .swiper-slide-active .t05s_img{overflow:visible;} .team_05_slide .swiper-slide-active .t05s_img img.img1{width:100%;border:0px;object-fit:cover;-moz-box-shadow:0px 20px 20px rgba(208,20,26,0.3); -webkit-box-shadow:0px 20px 20px rgba(208,20,26,0.3); box-shadow:0px 20px 20px rgba(208,20,26,0.3);} .team_05_slide .swiper-slide-active .t05s_img img.img2{left:-10%;opacity:1;} .team_05_slide .swiper-slide-active .t05s_img img.img3{right:-10%;opacity:1;} .team_05_slide .swiper-slide-active .tm5sc_c{overflow:visible;} .team_05_slide .swiper-slide-active .tm5sc_c{transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);} .team_05_slide .swiper-slide-active .t05s_txt{overflow:visible;} .team_05_slide .swiper-slide-active .t05s_txt p.p1{color:#d0141b;font-size:.32rem;} .team_05_slide .swiper-slide-active .t05s_txt .t05st_c{display:block;width:200%;margin-left:-50%;} .team_05_slide .swiper-slide-prev .tm5sc_c{transform:translateX(-20%) scale(0.5);-webkit-transform:translateX(-20%) scale(0.5);-moz-transform:translateX(-20%) scale(0.5);} .team_05_slide .swiper-slide-next .tm5sc_c{transform:translateX(20%) scale(0.5);-webkit-transform:translateX(20%) scale(0.5);-moz-transform:translateX(20%) scale(0.5);} @-webkit-keyframes tman_0 { 0% { stroke-dashoffset: -157; } 100% { stroke-dashoffset:0; } } @keyframes tman_0 { 0% { stroke-dashoffset: -157; } 100% { stroke-dashoffset:0; } } @-webkit-keyframes tman_1 { 0% { stroke-dashoffset: -157; } 100% { stroke-dashoffset:0; } } @keyframes tman_1 { 0% { stroke-dashoffset: -157; } 100% { stroke-dashoffset:0; } } @media screen and (max-width:1820px) { } @media screen and (max-width:1520px) { } @media screen and (max-width:1300px) { } @media screen and (max-width:1200px) { } @media screen and (max-width:992px) { } @media screen and (max-width:768px) { } @media screen and (max-width:749px) { .hor_banner_c{width:90%;left:5%;} .hor_banner_c .hor_icon ul li i img{width:.4rem;} .hor_banner_c .hor_icon ul li span{margin-left:.1rem;} .hor_banner_c .hor_icon ul li.on span{font-size:.2rem;} .team_05_slide{width:57%;} .team_05_slide .swiper-slide-active .t05s_txt .t05st_c{width:170%;margin-left:-35%;} } @media screen and (max-width:480px) { }