@charset "utf-8";
/* CSS Document */
@import url(reset.css);
@import url(header.css);
@import url(footer.css);
@import url("animate.min.css");

:root{
    --page-color: #8bbb29;
}

.warp{ width: 100%; position: relative; overflow: hidden; margin: 0 auto; background:#FFF;}

.Header{ position: relative; height: 750px; background-color: #000;}
.Header>video{ width: 100%; height: 100%; object-fit: cover; position: relative; z-index: 0; pointer-events: none; }

/*
.tparrows.tp-leftarrow,
.tparrows.tp-rightarrow,
.tp-bullets{ display: none !important; }
.tp-bannertimer{ top: auto !important; bottom: 0px; }
*/

.rev_slider_wrapper .rev_slider>ul{min-width:100%;max-width: 100%;}
.rev_slider_wrapper li{position:relative;min-width:100%;height:750px;max-width: 100%;}
.rev_slider_wrapper li img{ width:100%; height:100%; object-fit:cover; }
.rev_slider_wrapper .rev_slider li.show{ opacity: 1 !important;}


.Logo img{ filter: brightness(100) contrast(1);}

.slogan{ position: absolute; top: 252px; left: calc(50% + 180px); }
.slogan img{ filter: drop-shadow(0px 0px 25px rgba(0,0,0,0.7));}


.MT50{ margin-top: 50px; }
.MT60{ margin-top: 60px; }
.MT70{ margin-top: 70px; }

.PartTitle{ position: relative; height: 80px; display: flex; align-items: center; }
.PartTitle h1{ position: relative; padding-left: 20px; }
.PartTitle h1::before,
.PartTitle h1::after{ content: ''; display: block; position: absolute; pointer-events: none; background-color: #8bbb29; right: 100%; }
.PartTitle h1::before{ width: 6px; height: 6px; top: calc(50% - 3px); }
.PartTitle h1::after{ width: calc((100vw - 1400px) / 2); height: 1px; top: calc(50% - 0.5px); }
.PartTitle h1 em,
.PartTitle h1>a{ position: relative; display: flex; height: 80px; flex-direction: column; justify-content: flex-end; }
.PartTitle h1 span{ font-size: 70px; font-weight: bold; color: #ebebeb; line-height: 0.8; position: absolute; left: -5px; top: 0; z-index: 0; white-space: nowrap; }
.PartTitle h1 p{ font-size: 48px; color: #222; line-height: 1; position: relative; z-index: 1;}



.XwzxPart{}
.XwzxPart .hd{ position: relative; height: 80px; margin-top: -80px; }
.XwzxPart .hd ul{ float: right; position: relative; display: flex; }
.XwzxPart .hd li{ position: relative; height: 51px; font-size: 24px; color: #222; }
.XwzxPart .hd li::before{ content: ''; display: block; position: absolute; width: 136px; height: 51px; background: url(../images/Home_ico_1.png) no-repeat; left: calc(50% - 68px); top: calc(50% - 25.5px); z-index: 0; pointer-events: none; transform: scale(0); }
.XwzxPart .hd li + li{ margin-left: 60px; }
.XwzxPart .hd li a{ color: inherit; line-height: 51px; position: relative; z-index: 1; }
.XwzxPart .hd li.on{ font-weight: bold; color: #1a2a99; }
.XwzxPart .hd li.on::before{ transform: scale(1); }

.XwzxPart .bd>div{ min-height: 690px; }

.PicDiv{ width: 834px; position: relative; z-index: 1; margin-top: 60px; }
.PicDiv .pic{ position: relative; overflow: hidden; height: 556px; }
.PicDiv .pic a{ display:block; height:100%;}
.PicDiv .pic img{ width: 100%; height: 100%; object-fit: cover; }
.PicDiv .txt{margin-right: 95px;margin-left: 15px;margin-top: 20px;position: relative;}
.PicDiv .txt h1{font-size: 22px;position: relative;line-height: 1.3;font-weight: bold;}
.PicDiv .txt h1 a{ display: block; position: relative; overflow: hidden;  white-space:nowrap; text-overflow:ellipsis; word-wrap:normal; text-align: center; }
.PicDiv .txt .desc{position: relative;margin-top: 10px;font-size: 14px;color: #999;line-height: 1.5;}
.PicDiv .txt .desc a{ color: var(--page-color); }

.NewsDiv{ position: absolute; right: 0; top: -43px; width: 638px; height: 709px; box-sizing: border-box; border: 3px solid #e5e5e5; z-index: 0; }
.NewsDiv ul{ position: relative; padding: 0 30px 0 110px; min-height:655px; }
.NewsDiv li{ position: relative; height: 130px; border-bottom: 1px dashed #ddd; display: flex; align-items: center; }
.NewsDiv li + li + li + li + li + li{ display:none; }
.NewsDiv li h1{ font-size: 24px; color: #222; }
.NewsDiv li h1 a{ position: relative; overflow: hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; line-height: 1.3;}

.NewsDiv .More{ position: relative; width: 140px; height: 56px; background-color: var(--page-color); margin: 19px auto 0; transition: all 0.3s;}
.NewsDiv .More a{ font-size: 18px; color: #FFF; line-height: 56px; text-align: center; display: block;}
.NewsDiv .More:hover{ box-shadow: 0px 2px 8px 0px rgba(0,0,0,0.2); transform: translateY(-3px);}



.Part2{ margin-top: 100px; }
.Part2 ul{ display: flex; justify-content: space-between; }
.Part2 li{ position: relative; width: 450px; height: 270px; }
.Part2 li a{ display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: center; background-color: #f9f9f9; transition: all 0.5s;}
.Part2 li img{ height: 60px; display: block; position: relative; transition: height 0.5s; }
.Part2 li span{ font-size: 24px; line-height: 1.5; color: #222; margin-top: 28px; }

.Part2 li.on a{ transform: translateY(-45px); background-color: var(--page-color); box-shadow: 0px 0px 35px 0px rgba(136,176,54,0.75); }
.Part2 li.on img{ height: 110px; filter: contrast(0) brightness(100); }
.Part2 li.on span{ color: #FFF; }

.Part3{ z-index: 1;}
.Part3::before{ content: ''; width: calc(100vw / (1920 / 533)); height: 600px; display: block; position: absolute; pointer-events: none; right: 0; top: 70px; background-color: #f9f9f9; z-index: 0; }

.LmmpPart ul{ position: relative; display: flex; }
.LmmpPart li{position: relative;overflow: hidden;width: 335px;width: 264px;height: 468px;box-sizing: border-box;box-shadow: 0px 0px 35px 0px rgba(215,215,215,0.75);background-color: #FFF;}
.LmmpPart li::before,
.LmmpPart li::after{ content: ''; display: block; position: absolute; bottom: 0; height: 4px; }
.LmmpPart li::before{ background-color: #d0d0d0; width: 100%; left: 0; z-index: 0; }
.LmmpPart li::after{ z-index: 1; background-color: var(--page-color); width: 0; right: 0; transition: width 0.5s;}
.LmmpPart li + li{ margin-left: 20px; }
.LmmpPart li a{ display: block; height: 100%; }
.LmmpPart li .pic{ position: relative; overflow: hidden; height: 224px; }
.LmmpPart li .pic img{ width: 100%; height: 100%; object-fit: cover; }
.LmmpPart li .txt{position: relative;display: flex;flex-direction: column;align-items: center;padding: 0 10px;}
.LmmpPart li .txt h1{font-size: 24px;line-height: 1.3;color: #222;position: relative;overflow: hidden;max-width: 80%;height: 62px;/* white-space:nowrap; *//* text-overflow:ellipsis; */ /* word-wrap:normal; */margin-top: 25px;text-align: center;}
.LmmpPart li .txt p{font-size: 18px;color: #e3e3e3;line-height: 1.3;text-align: center;user-select: none;word-break: break-word;height: 47px;margin-top: 5px;display: none;}
.LmmpPart li .txt .desc{position: relative;font-size: 16px;color: #999;line-height: 1.8;overflow: hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-indent: 2em;margin: 25px 10px 0;}
.LmmpPart li .txt .More{ position: relative; overflow: hidden; display: flex; width: 30px; height: 30px; align-items: center; justify-content: center; margin-top: 20px; border-radius: 50%; background-color: #d0d0d0; transition: all 0.3s; }

.LmmpPart li:hover::after{ width: 100%; left: 0; right: auto; }
.LmmpPart li.on + li::after{ left: 0; right: auto; }
.LmmpPart li:has(+li.prev):hover::after{ left: auto; right: 0; }
.LmmpPart li:hover .txt h1{ color: var(--page-color); }
.LmmpPart li:hover .txt .More{ background-color: var(--page-color); }



.Part4{ margin-top: 120px; z-index: 0; min-height: 810px; }
.Part4::before{ content: ''; width: 100%; height: 1054px; display: block; position: absolute; pointer-events: none; left: 0; bottom: 0px; background: url(../images/Home_ico_8.jpg) no-repeat center bottom; background-size: 100% 100%; z-index: 0; }
.Part4 .PartTitle{ justify-content: center; }
.Part4 .PartTitle h1::before,
.Part4 .PartTitle h1::after{ display: none; }
.Part4 .PartTitle h1 span{ left: 50%; transform: translateX(-50%); color: #dddddd; }
.Part4 .PartTitle h1 p{ height: 50px; }
.Part4 .PartTitle h1 p img{margin-left: -3%;pointer-events: initial;-webkit-touch-callout: initial;cursor: pointer;}


.SdzsSlide{ margin-top: 50px; }
.SdzsSlide .PartHd{ position: relative; }
.SdzsSlide .PartHd ul{ position: relative; display: flex; justify-content: center; }
.SdzsSlide .PartHd li{ position: relative; height: 51px; font-size: 24px; color: #222; }
.SdzsSlide .PartHd li::before{ content: ''; display: block; position: absolute; width: 136px; height: 51px; background: url(../images/Home_ico_1.png) no-repeat; left: calc(50% - 68px); top: calc(50% - 25.5px); z-index: 0; pointer-events: none; transform: scale(0); }
.SdzsSlide .PartHd li + li{ margin-left: 60px; }
.SdzsSlide .PartHd li a{ color: inherit; line-height: 51px; position: relative; z-index: 1; }
.SdzsSlide .PartHd li.on{ font-weight: bold; color: #1a2a99; }
.SdzsSlide .PartHd li.on::before{ transform: scale(1); }


.mySwiper{ height: 440px; }
.mySwiper .swiper-slide{ width: 650px; height: 440px; position: relative; overflow: hidden; }
.mySwiper .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; }



.SdztSlide{ width: 1400px; height: 440px; position: relative; }
.SdztSlide .bd{ position: relative; perspective: 3500px; /*transform: scale(0.8725);*/ transform: scale(calc(650 / 837.94)); /*transform: scale(calc(650 / 774.34)) matrix(1.28, 0, 0, 1, 0, 0);*/ filter: drop-shadow(0px 20px 15px rgba(0, 0, 0, 0.4));}
.SdztSlide .bd ul{ position: relative; width: 650px; height: 440px; transform-style: preserve-3d; margin: 0 auto; transform: rotateY(calc(var(--ring) * 1deg)); transition: transform 1s;}
.SdztSlide .bd li{ position: absolute; overflow: hidden; width: 650px; height: 440px; display: block !important; opacity: 1 !important; top: 0; left: calc(50% - 325px); z-index: 1;}
.SdztSlide .bd li img{ width: 100%; height: 100%; object-fit: cover; }

.SdztSlide .bd li:nth-of-type(8n-7){ transform: rotateY(0deg) translateZ(785px); } /* 正面 */
.SdztSlide .bd li:nth-of-type(8n-6){ transform: rotateY(45deg) translateZ(785px); }
.SdztSlide .bd li:nth-of-type(8n-5){ transform: rotateY(90deg) translateZ(785px); }
.SdztSlide .bd li:nth-of-type(8n-4){ transform: rotateY(135deg) translateZ(785px); }
.SdztSlide .bd li:nth-of-type(8n-3){ transform: rotateY(180deg) translateZ(785px); }
.SdztSlide .bd li:nth-of-type(8n-2){ transform: rotateY(225deg) translateZ(785px); }
.SdztSlide .bd li:nth-of-type(8n-1){ transform: rotateY(270deg) translateZ(785px); }
.SdztSlide .bd li:nth-of-type(8n){ transform: rotateY(315deg) translateZ(785px); }

.SdztSlide .hd{ display: flex; margin-top: 50px; justify-content: center; }
.SdztSlide .hd li{ position: relative; overflow: hidden; width: 12px; height: 12px; border-radius: 50%; background: #FFF; cursor: pointer; font-size: 0; cursor: pointer; }
.SdztSlide .hd li + li{ margin-left: 18px; }
.SdztSlide .hd li.on{ background-color: #8bbb29;}

.SdztSlide .Titles{ position: relative; margin-top: 25px; }
.SdztSlide .Titles li{ position: relative; overflow: hidden; text-align: center; font-size: 24px; line-height: 1.5; display: none; color: #222;}
.SdztSlide .Titles li.on{ display: block; }

.PrNeBar{ position: absolute; height: 0; display: flex; align-items: center; justify-content: space-between; width: calc(100% - 60px); left: 30px; top: 50%; }
.PrNeBar>div{ display: block; position: relative; width: 65px; height: 65px; border-radius: 50%; cursor: pointer; }
.PrNeBar>.prev{ background: url(../images/Home_ico_5.png) no-repeat center rgba(0, 0, 0, 0.5); }
.PrNeBar>.next{ background: url(../images/Home_ico_6.png) no-repeat center rgba(0, 0, 0, 0.5); }



.Part5{ height: 400vh; background-color: #000;}
.ConPart{ position: relative; height: 100vh; pointer-events: none; width: 100vw; }
.ConPart>video{ width: 100%; height: 100vh; object-fit: cover; position: relative; z-index: 0; }
.ConPart>.Mask{ position: absolute; z-index: 1; top: 0; left: 0; height: 100%; width: 100%; object-fit: contain; overflow: hidden; display: flex; flex-direction: column; justify-content: center;}

.Mask>img{ position: relative; z-index: 1; width: auto; height: 650px;}
.Mask .GylmPart{ position: absolute; z-index: 2; top: 100px; left: calc(50% - 700px); height: auto; }
.Mask.MaskBig{ padding: calc((100vh - 650px) / 2) 0; box-sizing: border-box;}
.Mask.MaskBig::before,
.Mask.MaskBig::after{ content: ''; display: block; width: 100%; height: calc((100vh - 645px) / 2); position: absolute; left: 0; top: 0; background: linear-gradient(to right, #FFF calc(770 / 1920 * 100%), #f6f6f6 calc(770 / 1920  * 100%));}
.Mask.MaskBig::after{ top: auto; bottom: 0; }
.Mask.MaskBig .GylmPart{ top: calc((100vh - 650px) / 2 + 100px);}

.GylmTextCon{ width: 440px; }
.GylmTextCon .desc{ position: relative; overflow: hidden; font-size: 16px; color: #999; line-height: 2.25; text-indent: 2em; word-break: break-word; }
.GylmTextCon .More{ font-size: 18px; color: var(--page-color); margin: 60px auto 0; text-align: center; }
.GylmTextCon .More a{ padding: 5px; }
.GylmTextCon .More img{ margin-left: 5px; }



.Part6{ padding: 50px 0 13px; background-color: #FFF;}
.Part6 .More{ text-align: right; font-size: 18px; color: #7e808a; }




.GxtkPart{ background: linear-gradient(to bottom, #fafafa 50px, #FFF 100%); padding-top: 1px; margin-top: 20px;}

.PicSwiperA{ margin-top: 25px;}
.PicSwiperB{ margin-top: 25px;}
.GxtlSwiper .swiper-slide{ width: 300px; height: 190px; position: relative; overflow: hidden; border-radius: 5px; user-select: none;}
.GxtlSwiper .swiper-slide a{ display:block; height:100%; }
.GxtlSwiper .swiper-slide img{ width: 100%; height: 100%; object-fit: cover; object-position: right bottom; }
.GxtlSwiper .swiper-pagination{ display: none;}
.GxtlSwiper .swiper-wrapper{transition-timing-function:linear;}



.HomeFlexBar{ position: absolute; top: 800px; right: 40px; width: 80px; }
.HomeFlexBar .TitBar{ position: relative; height: 90px; border-radius: 10px; display: flex; align-items: center; justify-content: center; background: linear-gradient(to bottom, #9fdf1e, #8bbb29); z-index: 1;}
.HomeFlexBar .TitBar h1{ font-size: 28px; color: #FFF; line-height: 1.2; user-select: none; }
.HomeFlexBar .TitBar::before,
.HomeFlexBar .TitBar::after{ content: ''; display: block; position: absolute; pointer-events: none; width: 6px; height: 25px; bottom: -16px; left: 50%; background: url(../images/Home_ico_11.png) no-repeat; transform: translateX(-16px); }
.HomeFlexBar .TitBar::after{ transform: translateX(16px); }

.HomeFlexBar .close{ position: absolute; cursor: pointer; top:-20px; left: calc(100% - 1px); width: 30px; height: 30px; border-radius: 50%; background-color: rgba(0, 0, 0, 0.5); display: flex; align-items: center; justify-content: center; }
.HomeFlexBar .close img{ pointer-events: none; }
.HomeFlexBar ul{ position: relative; margin-top: 7px; border-radius: 10px; padding: 13px 10px 23px; background-color: #FFF; box-shadow: 0px 0px 20px 0px rgba(130,130,130,0.15) inset; z-index: 0; display: flex; flex-direction: column; align-items: center; }
.HomeFlexBar li{position: relative;width: 50px;height: 50px;border-radius: 50%;border: 1px solid #222222;box-sizing: border-box;margin-top: 10px;filter: brightness(0.1);transition: all 0.3s;}
.HomeFlexBar li a{ display: flex; height: 100%; align-items: center; justify-content: center; }
.HomeFlexBar li img{ pointer-events: none; }
.HomeFlexBar li.br{ width: 100%; height: 1px; border-radius: 0; border: none; background-color: #e5e5e5; }
.HomeFlexBar li:hover{ filter:none; }

body .layui-layer-tips .layui-layer-content{padding:2px;z-index: 1;}
body .layui-layer-tips .layui-layer-content img{width: 160px;z-index: 1;position: relative;}
body .layui-layer-tips i.layui-layer-TipsL{z-index: 0;}





/* 英文版-修正 */
body.en .PartTitle h1 a{justify-content: center;}
body.en .PartTitle h1 p{ display:none; }
body.en .PartTitle h1 span{position:relative;left: auto;top: auto;z-index: 1;}
body.en .Part4 .PartTitle h1 span{ position:absolute; top: 0; }
body.en .LmmpPart li .txt h1{ display:none; }
body.en .LmmpPart li .txt p{font-size: 18px;margin-top: 25px;color: #222;height: 70px;display: block;}
body.en .LmmpPart li .txt .desc{ margin-top:20px; }
body.en .PicDiv .txt .desc a{ font-size:0;}
body.en .PicDiv .txt .desc a::after{content:'More+';font-size: 16px;white-space: nowrap;}
body.en .HomeFlexBar .TitBar h1{ font-size: 16px; text-align: center; font-weight: bold;}