html{position:relative}body{position:relative;background:#eee;color:#000;margin:0;padding:0;overflow:hidden}.swiper-container{width:100%;height:100%;margin-left:auto;margin-right:auto}.swiper-slide{text-align:center}.swiper-container-horizontal>.swiper-pagination-bullets{bottom:1.5rem;text-align:right;box-sizing:border-box;padding-right:6%}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:0.75rem;transition:all .5s ease-in;background:#fff;opacity:0.6;border-radius:1rem}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background:#ffffff;width:2.25rem;border-radius:1rem;opacity:1}.first-screen{position:relative;overflow:hidden}.first-screen .banner-swiper .swiper-wrapper .swiper-slide{width:100%;height:100%}.first-screen .banner-swiper .swiper-wrapper .swiper-slide>div{height:100%}.first-screen .banner-swiper .swiper-wrapper .swiper-slide .bg-slider1{background:url("../images/banner01_zh.jpg");background-size:100% auto}.first-screen .banner-swiper .swiper-wrapper .swiper-slide .bg-slider2{background:url("../images/banner02_zh.jpg");background-size:100% auto}.first-screen .banner-swiper .swiper-wrapper .swiper-slide .bg-slider3{background:url("../images/banner03_zh.jpg");background-size:100% 100%}.first-screen .banner-swiper .swiper-wrapper .swiper-slide .bg-slider3-korean{background:url("../images/banner03_korean.png");background-size:100% 100%}.first-screen .banner-swiper .swiper-wrapper .swiper-slide .bg-slider-Ai{background:url("../images/banner04_zh.jpg");background-size:100% 100%}.first-screen .banner-swiper .swiper-wrapper .swiper-slide .bg-slider-Ai-korean{background:url("../images/banner04_korean.png");background-size:100% 100%}.first-screen .banner-swiper .swiper-wrapper .swiper-slide .bg-slider-earth{background:url("../images/banner05_zh.gif");background-size:100% 99%}.first-screen .banner-swiper .swiper-wrapper .swiper-slide .bg-slider4{background:url("../images/banner01_en.jpg");background-size:100% auto}.first-screen .banner-swiper .swiper-wrapper .swiper-slide .bg-slider5{background:url("../images/banner02_en.jpg");background-size:100% auto}.first-screen .play-btn{position:absolute;top:45%;left:50%;transform:translate(-50%, -50%);cursor:pointer;z-index:1}.first-screen h1{font-weight:500;color:#fff;letter-spacing:0.7rem;font-size:2.75rem;position:absolute;width:100%;left:150%;bottom:55%;transform:translateX(-50%);z-index:1;opacity:0.5s;animation:moveToCenter 1.5s .2s forwards}.first-screen .en-t{font-size:1.8rem;letter-spacing:0px}.first-screen .konw-more-btn{position:absolute;bottom:40%;left:50%;box-shadow:0 0px 0px rgba(0,0,0,0.2);transform:translateX(-50%);color:#ffffff;transition:color .5s;z-index:1}.first-screen .konw-more-btn:hover{color:#eca814;transition:all .5s}.first-screen .konw-more-btn:hover .move-line{background-color:#eca814;transition:background-color .5s}.first-screen .konw-more-btn:hover .move-top-left-line{animation:borderMoveLeft .5s forwards .5s}.first-screen .konw-more-btn:hover .move-top-right-line{animation:borderMoveHeight .5s forwards .5s}.first-screen .konw-more-btn:hover .move-bottom-right-line{animation:borderMoveRight .5s forwards .5s}.first-screen .konw-more-btn:hover .move-bottom-left-line{animation:borderMoveTop .5s forwards .5s}.first-screen .konw-more-btn .btn-text{letter-spacing:0.1px}.first-screen .konw-more-btn .move-line{position:absolute;background-color:#fff;transition:background-color .5s}.first-screen .konw-more-btn .move-top-left-line{top:0;left:100%;width:100%;height:1px;animation:borderMoveLeft .5s forwards .5s}.first-screen .konw-more-btn .move-top-right-line{top:0;left:calc(100% - 1px);width:1px;height:0;animation:borderMoveHeight .5s forwards .5s}.first-screen .konw-more-btn .move-bottom-right-line{top:calc(100% - 1px);left:-100%;width:100%;height:1px;animation:borderMoveRight .5s forwards .5s}.first-screen .konw-more-btn .move-bottom-left-line{top:100%;left:0;width:1px;height:100%;animation:borderMoveTop .5s forwards .5s}.first-screen .konw-more-btn .btn-text-box{opacity:0;animation:show 1s forwards 1s}.first-screen .video-block-outside{position:absolute;z-index:2;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,0.8);display:none}.first-screen .video-block-outside .video-block{position:absolute;left:15%;right:15%;top:50%;transform:translateY(-50%)}.first-screen .video-block-outside .video-block video{width:100%}.first-screen .video-block-outside .video-block .close-video-btn{position:absolute;color:#fff;top:0;padding:0.5rem;font-size:0.8rem;right:-1.8rem;cursor:pointer;background:rgba(0,0,0,0.9)}.second-screen{background:#ffffff}.second-screen .drop-down-arrow{color:#565656}.second-screen .intro-text{background:url(./../images/second-banner.jpg) 100%;position:relative;height:25%}.second-screen .intro-text h1{color:#ffffff;font-size:2.5rem;position:absolute;width:70%;top:50%;left:50%;z-index:1;transform:translate(-50%, -50%);text-indent:-9999px;height:3.15rem}.second-screen .intro-text .h-cn{background:url(./../images/index-text-03.png) no-repeat center;background-size:80%}.second-screen .intro-text .h-korean{background:url(./../images/index-text-03_korean.png) no-repeat center;background-size:80%}.second-screen .intro-content{box-sizing:border-box;background:url(./../images/banner-02.png) 100%;width:70%;margin:auto;height:75%;margin:auto;padding-top:2.5rem}.second-screen .intro-content .intro-detail-ul-box{height:32%;position:relative}.second-screen .intro-content .intro-detail-ul-box .intro-detail-ul{position:absolute;top:50%;left:50%;width:100%;transform:translateX(-50%) translateY(-50%);box-sizing:border-box}.second-screen .intro-content .intro-detail-ul-box .intro-detail-ul li{width:25%;float:left;text-align:center;box-sizing:border-box}.second-screen .intro-content .intro-detail-ul-box .intro-detail-ul li span{vertical-align:middle;font-size:0.9rem;color:#2d2d2d;margin-left:0.5rem}.second-screen .intro-content .intro-detail-ul-box .intro-detail-ul li img{width:3rem;vertical-align:middle}.second-screen .intro-content .intro-title{height:5%}.second-screen .intro-content .intro-title h3{float:left;font-size:1.05rem;position:relative;height:100%;padding-bottom:0.25rem}.second-screen .intro-content .intro-title .see-more-btn{float:right;position:relative;cursor:pointer;font-size:0.9rem;padding-right:1.2rem;display:inline-block}.second-screen .intro-content .intro-title .see-more-btn .click-icon{position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:0.8rem}.second-screen .intro-content .intro-block{box-sizing:border-box;padding-top:2.5rem;height:40%}.second-screen .intro-content .intro-block>ul li{float:left;width:23.875%;height:10rem;overflow:hidden;margin-right:1.5%;position:relative;color:#fff;transition:all .2s ease-in-out;top:0}.second-screen .intro-content .intro-block>ul li:hover{box-shadow:0 10px 20px #d3d9e0;top:-3px}.second-screen .intro-content .intro-block>ul li img{width:100%;height:100%;vertical-align:middle}.second-screen .intro-content .intro-block>ul li .intro-block-text{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;width:100%}.second-screen .intro-content .intro-block>ul li .intro-block-text h4{width:80%;margin:auto;margin-bottom:0.2rem;font-size:1.2rem;font-style:italic;font-weight:500}.second-screen .intro-content .intro-block>ul li .intro-block-text p{font-size:0.8rem}.second-screen .intro-content .intro-block>ul li .intro-block-text p.name{text-align:right;margin-top:0.8rem}.second-screen .intro-content .intro-block>ul .spec-intro-li{margin-right:0}.second-screen .intro-content .intro-block>ul .spec-intro-li p{padding:0 10px}.second-screen .intro-content .client-endorsements{background:url("./../images/product-01.jpg") no-repeat 85%;margin-top:2.5rem;height:40%;color:#fff}.second-screen .intro-content .client-endorsements ul{height:100%}.second-screen .intro-content .client-endorsements ul li{width:100%;height:100%;padding:4rem 3rem 0;box-sizing:border-box}.second-screen .intro-content .client-endorsements ul li .endorsements-text p{font-size:1.2rem}.second-screen .intro-content .client-endorsements ul li .endorsements-text .name{font-size:0.9rem;text-align:right;margin-top:0.6rem}.extra-screen{background:linear-gradient(rgba(245,245,245,0.9), rgba(245,245,245,0.9)),url(./../images/banner-05.jpg) 100%}.extra-screen h2{padding:2rem 0;margin-top:3rem;color:#000;font-size:2.5rem;position:absolute;width:60%;top:0;left:50%;z-index:1;transform:translateX(-50%);text-indent:-9999px}.extra-screen .h-cn{background:url(./../images/index-text-extra.png) no-repeat center;background-size:80%}.extra-screen .h-korean{background:url(./../images/index-text-extra_korean.png) no-repeat center;background-size:80%}.extra-screen .ecological-chain{width:800px;height:600px;position:absolute;left:50%;top:50%;transform:translate(-50%, -44%)}.extra-screen .ecological-chain .ecological-chain-line{width:600px;height:600px;border-radius:50%;margin:0 auto;position:relative;border:0px dashed #d3d3d3}.extra-screen .ecological-chain .ecological-chain-line .ecological-chain-circle{width:480px;height:480px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.extra-screen .ecological-chain .ecological-chain-line .ecological-chain-circle img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(2);opacity:0;perspective:100;-webkit-perspective:100;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}.extra-screen .ecological-chain .ecological-chain-line .ecological-chain-circle span.icon-logo-01{position:absolute;font-size:8rem;color:#eca814;top:50%;left:50%;transform:translate(-50%, -50%)}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot{position:absolute;width:15px;height:15px;opacity:0}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot:nth-of-type(1){left:79px;top:78px}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot:nth-of-type(2){left:27px;top:149px}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot:nth-of-type(3){left:-6px;top:244px}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot:nth-of-type(4){left:-6px;bottom:244px}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot:nth-of-type(5){left:27px;bottom:149px}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot:nth-of-type(6){left:79px;bottom:78px}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot:nth-of-type(7){right:79px;top:78px}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot:nth-of-type(8){right:27px;top:149px}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot:nth-of-type(9){right:-6px;top:244px}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot:nth-of-type(10){right:-6px;bottom:244px}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot:nth-of-type(11){right:27px;bottom:149px}.extra-screen .ecological-chain .ecological-chain-line .ecological-dot:nth-of-type(12){right:79px;bottom:78px}.extra-screen .ecological-chain .ecological-chain-line .inner-dot,.extra-screen .ecological-chain .ecological-chain-line .outer-dot{position:absolute;width:14px;height:14px;left:50%;top:0;transform:translateX(-50%);border-radius:50%;background:#eca814;opacity:0;animation:iconShow 0.5s forwards}.extra-screen .ecological-chain .ecological-chain-line .inner-dot{width:15px;height:15px}.extra-screen .ecological-chain .ecological-chain-line .outer-dot{animation:dotAnimation 2s infinite}.extra-screen .ecological-chain .ecological-chain-line .ecological-text{position:absolute;width:50%;padding-bottom:0.2rem;opacity:0;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}.extra-screen .ecological-chain .ecological-chain-line .ecological-text p{border-bottom:1px solid #ccc;display:inline-block}.extra-screen .ecological-chain .ecological-chain-line .ecological-text h3{font-size:1rem;font-weight:500;margin-bottom:0.2rem}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(1){left:-300px;top:57px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(2){left:-341px;top:123px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(3){left:-369px;top:198px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(4){left:-384px;top:270px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(5){left:-369px;bottom:198px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(6){left:-341px;bottom:123px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(7){left:-300px;bottom:57px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(8){right:-300px;top:57px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(9){right:-341px;top:123px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(10){right:-369px;top:198px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(11){right:-384px;top:270px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(12){right:-369px;bottom:198px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(13){right:-341px;bottom:123px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(14){right:-300px;bottom:57px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(1){text-align:right}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(1) p{padding-left:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(14){text-align:left}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(14) p{padding-right:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(2){text-align:right}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(2) p{padding-left:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(13){text-align:left}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(13) p{padding-right:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(3){text-align:right}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(3) p{padding-left:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(12){text-align:left}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(12) p{padding-right:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(4){text-align:right}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(4) p{padding-left:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(11){text-align:left}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(11) p{padding-right:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(5){text-align:right}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(5) p{padding-left:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(10){text-align:left}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(10) p{padding-right:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(6){text-align:right}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(6) p{padding-left:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(9){text-align:left}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(9) p{padding-right:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(7){text-align:right}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(7) p{padding-left:10px}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(8){text-align:left}.extra-screen .ecological-chain .ecological-chain-line .ecological-text:nth-of-type(8) p{padding-right:10px}.extra-screen .ecological-chain .chain-line-en{width:600px;height:600px;border-radius:50%;margin:0 auto;position:relative;border:0px dashed #d3d3d3}.extra-screen .ecological-chain .chain-line-en .ecological-chain-circle{width:480px;height:480px;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.extra-screen .ecological-chain .chain-line-en .ecological-chain-circle img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%) scale(2);opacity:0;perspective:100;-webkit-perspective:100;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}.extra-screen .ecological-chain .chain-line-en .ecological-chain-circle span.icon-ip-01{position:absolute;font-size:5rem;color:#eca814;top:50%;left:50%;transform:translate(-50%, -50%)}.extra-screen .ecological-chain .chain-line-en .ecological-dot{position:absolute;width:15px;height:15px;opacity:0}.extra-screen .ecological-chain .chain-line-en .ecological-dot:nth-of-type(1){left:61px;top:100px}.extra-screen .ecological-chain .chain-line-en .ecological-dot:nth-of-type(2){left:12px;top:185px}.extra-screen .ecological-chain .chain-line-en .ecological-dot:nth-of-type(3){left:-8px;top:283px}.extra-screen .ecological-chain .chain-line-en .ecological-dot:nth-of-type(4){left:12px;bottom:185px}.extra-screen .ecological-chain .chain-line-en .ecological-dot:nth-of-type(5){left:61px;bottom:100px}.extra-screen .ecological-chain .chain-line-en .ecological-dot:nth-of-type(6){right:61px;top:100px}.extra-screen .ecological-chain .chain-line-en .ecological-dot:nth-of-type(7){right:12px;top:185px}.extra-screen .ecological-chain .chain-line-en .ecological-dot:nth-of-type(8){right:-8px;top:283px}.extra-screen .ecological-chain .chain-line-en .ecological-dot:nth-of-type(9){right:12px;bottom:185px}.extra-screen .ecological-chain .chain-line-en .ecological-dot:nth-of-type(10){right:61px;bottom:100px}.extra-screen .ecological-chain .chain-line-en .inner-dot,.extra-screen .ecological-chain .chain-line-en .outer-dot{position:absolute;width:14px;height:14px;left:50%;top:0;transform:translateX(-50%);border-radius:50%;background:#eca814;opacity:0;animation:iconShow 0.5s forwards}.extra-screen .ecological-chain .chain-line-en .inner-dot{width:15px;height:15px}.extra-screen .ecological-chain .chain-line-en .outer-dot{animation:dotAnimation 2s infinite}.extra-screen .ecological-chain .chain-line-en .ecological-text{position:absolute;width:50%;padding-bottom:0.2rem;opacity:0;-webkit-transform-style:preserve-3d;-webkit-backface-visibility:hidden}.extra-screen .ecological-chain .chain-line-en .ecological-text p{border-bottom:1px solid #ccc;display:inline-block}.extra-screen .ecological-chain .chain-line-en .ecological-text h3{font-size:1rem;font-weight:500;margin-bottom:0.2rem}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(1){left:-327px;top:87px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(2){left:-363px;top:168px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(3){left:-379px;top:261px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(4){left:-363px;bottom:186px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(5){left:-327px;bottom:87px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(6){right:-327px;top:87px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(7){right:-363px;top:168px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(8){right:-379px;top:261px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(9){right:-363px;bottom:186px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(10){right:-327px;bottom:87px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(1){text-align:right}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(1) p{padding-left:10px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(10){text-align:left}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(10) p{padding-right:10px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(2){text-align:right}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(2) p{padding-left:10px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(9){text-align:left}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(9) p{padding-right:10px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(3){text-align:right}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(3) p{padding-left:10px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(8){text-align:left}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(8) p{padding-right:10px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(4){text-align:right}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(4) p{padding-left:10px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(7){text-align:left}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(7) p{padding-right:10px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(5){text-align:right}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(5) p{padding-left:10px}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(6){text-align:left}.extra-screen .ecological-chain .chain-line-en .ecological-text:nth-of-type(6) p{padding-right:10px}.extra-screen .note{font-size:0.8rem;position:absolute;bottom:3rem;left:50%;transform:translateX(-50%)}.ecological-chain.active .ecological-chain-line{animation:line 0.2s forwards 1.5s}.ecological-chain.active .ecological-chain-line .ecological-chain-circle img:nth-of-type(3){animation:restoreLogo 0.5s forwards 0s}.ecological-chain.active .ecological-chain-line .ecological-chain-circle img:nth-of-type(2){animation:restoreLogo 0.5s forwards .5s}.ecological-chain.active .ecological-chain-line .ecological-chain-circle img:nth-of-type(1){animation:restoreLogo 0.5s forwards 1s}.ecological-chain.active .ecological-chain-line .ecological-dot:nth-of-type(1){animation:show 0.3s forwards 1.9s}.ecological-chain.active .ecological-chain-line .ecological-dot:nth-of-type(12){animation:show 0.3s forwards 1.9s}.ecological-chain.active .ecological-chain-line .ecological-dot:nth-of-type(2){animation:show 0.3s forwards 2.1s}.ecological-chain.active .ecological-chain-line .ecological-dot:nth-of-type(11){animation:show 0.3s forwards 2.1s}.ecological-chain.active .ecological-chain-line .ecological-dot:nth-of-type(3){animation:show 0.3s forwards 2.3s}.ecological-chain.active .ecological-chain-line .ecological-dot:nth-of-type(10){animation:show 0.3s forwards 2.3s}.ecological-chain.active .ecological-chain-line .ecological-dot:nth-of-type(4){animation:show 0.3s forwards 2.5s}.ecological-chain.active .ecological-chain-line .ecological-dot:nth-of-type(9){animation:show 0.3s forwards 2.5s}.ecological-chain.active .ecological-chain-line .ecological-dot:nth-of-type(5){animation:show 0.3s forwards 2.7s}.ecological-chain.active .ecological-chain-line .ecological-dot:nth-of-type(8){animation:show 0.3s forwards 2.7s}.ecological-chain.active .ecological-chain-line .ecological-dot:nth-of-type(6){animation:show 0.3s forwards 2.9s}.ecological-chain.active .ecological-chain-line .ecological-dot:nth-of-type(7){animation:show 0.3s forwards 2.9s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(1){animation:show 0.3s forwards 1.9s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(14){animation:show 0.3s forwards 1.9s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(2){animation:show 0.3s forwards 2.1s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(13){animation:show 0.3s forwards 2.1s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(3){animation:show 0.3s forwards 2.3s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(12){animation:show 0.3s forwards 2.3s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(4){animation:show 0.3s forwards 2.5s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(11){animation:show 0.3s forwards 2.5s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(5){animation:show 0.3s forwards 2.7s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(10){animation:show 0.3s forwards 2.7s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(6){animation:show 0.3s forwards 2.9s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(9){animation:show 0.3s forwards 2.9s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(7){animation:show 0.3s forwards 3.1s}.ecological-chain.active .ecological-chain-line .ecological-text:nth-of-type(8){animation:show 0.3s forwards 3.1s}.ecological-chain.active .chain-line-en{animation:line 0.2s forwards 1.5s}.ecological-chain.active .chain-line-en .ecological-chain-circle img:nth-of-type(3){animation:restoreLogo 0.5s forwards 0s}.ecological-chain.active .chain-line-en .ecological-chain-circle img:nth-of-type(2){animation:restoreLogo 0.5s forwards .5s}.ecological-chain.active .chain-line-en .ecological-chain-circle img:nth-of-type(1){animation:restoreLogo 0.5s forwards 1s}.ecological-chain.active .chain-line-en .ecological-dot:nth-of-type(1){animation:show 0.3s forwards 1.9s}.ecological-chain.active .chain-line-en .ecological-dot:nth-of-type(10){animation:show 0.3s forwards 1.9s}.ecological-chain.active .chain-line-en .ecological-dot:nth-of-type(2){animation:show 0.3s forwards 2.1s}.ecological-chain.active .chain-line-en .ecological-dot:nth-of-type(9){animation:show 0.3s forwards 2.1s}.ecological-chain.active .chain-line-en .ecological-dot:nth-of-type(3){animation:show 0.3s forwards 2.3s}.ecological-chain.active .chain-line-en .ecological-dot:nth-of-type(8){animation:show 0.3s forwards 2.3s}.ecological-chain.active .chain-line-en .ecological-dot:nth-of-type(4){animation:show 0.3s forwards 2.5s}.ecological-chain.active .chain-line-en .ecological-dot:nth-of-type(7){animation:show 0.3s forwards 2.5s}.ecological-chain.active .chain-line-en .ecological-dot:nth-of-type(5){animation:show 0.3s forwards 2.7s}.ecological-chain.active .chain-line-en .ecological-dot:nth-of-type(6){animation:show 0.3s forwards 2.7s}.ecological-chain.active .chain-line-en .ecological-text:nth-of-type(1){animation:show 0.3s forwards 1.9s}.ecological-chain.active .chain-line-en .ecological-text:nth-of-type(10){animation:show 0.3s forwards 1.9s}.ecological-chain.active .chain-line-en .ecological-text:nth-of-type(2){animation:show 0.3s forwards 2.1s}.ecological-chain.active .chain-line-en .ecological-text:nth-of-type(9){animation:show 0.3s forwards 2.1s}.ecological-chain.active .chain-line-en .ecological-text:nth-of-type(3){animation:show 0.3s forwards 2.3s}.ecological-chain.active .chain-line-en .ecological-text:nth-of-type(8){animation:show 0.3s forwards 2.3s}.ecological-chain.active .chain-line-en .ecological-text:nth-of-type(4){animation:show 0.3s forwards 2.5s}.ecological-chain.active .chain-line-en .ecological-text:nth-of-type(7){animation:show 0.3s forwards 2.5s}.ecological-chain.active .chain-line-en .ecological-text:nth-of-type(5){animation:show 0.3s forwards 2.7s}.ecological-chain.active .chain-line-en .ecological-text:nth-of-type(6){animation:show 0.3s forwards 2.7s}.third-screen{position:relative;top:0;bottom:0;left:0;right:0;background:#ffffff}.third-screen .third-screen-title{text-indent:-9999px;height:3.15rem;position:absolute;top:9.5%;left:12%;right:12%}.third-screen .h-cn{background:url(./../images/index-text-02.png) no-repeat center;background-size:75%}.third-screen .h-korean{background:url(./../images/index-text-02_korean.png) no-repeat center;background-size:75%}.third-screen .third-content-one{position:absolute;top:37%;width:100%;transform:translateY(-50%);height:25%;overflow:hidden;background:url("./../images/product-01.jpg") no-repeat 85%}.third-screen .third-content-one>div{position:absolute;left:48%;right:10%;top:50%;transform:translateY(-50%);color:#ffffff;text-align:left}.third-screen .third-content-one>div h3{position:relative;font-size:1rem;padding-bottom:0.5rem;margin-bottom:1rem}.third-screen .third-content-two{position:absolute;right:4%;left:43%;top:55%}.third-screen .third-content-two .third-content-ul li{float:left;width:24.25%;text-align:center;margin-right:1%;background:#ECEDEF;box-sizing:border-box;padding:1.2rem 0.6rem}.third-screen .third-content-two .third-content-ul li:hover{background:#F5B520}.third-screen .third-content-two .third-content-ul li img{width:2.5rem}.third-screen .third-content-two .third-content-ul li p{font-size:1rem;font-weight:600}.third-screen .third-content-two .third-content-ul li span{display:block;text-align:center;font-size:0.8rem;width:100%;padding-top:0.5rem;height:1.8rem}.third-screen .third-content-two .third-content-ul li:last-child{margin-right:0}.third-screen .third-content-two .third-content-ul-en li{width:32%;margin-right:2%;padding:1.6rem 0.6rem}.third-screen .third-screen-computer{position:absolute;bottom:12%;left:6%;width:29rem}.third-screen .btn-text-box{position:absolute;right:8%;top:80%;border:1px solid #000000;font-size:0.8rem;padding:0.5rem 1rem;transition:border .5s,color .5s;cursor:pointer;color:#000000}.third-screen .btn-text-box .btn-text{margin-right:0.25rem}.third-screen .btn-text-box:hover{border:1px solid #eca814;color:#eca814;transition:border .5s,color .5s}.third-screen .drop-down-arrow{color:#565656}.fourth-screen{background:url(./../images/banner-04.jpg) 100%}.fourth-screen .drop-down-arrow{color:#565656}.fourth-screen .earth-clock{position:absolute;left:50%;top:50%;transform:translate(-50%, -50%)}.fourth-screen .earth-clock img{position:absolute}.fourth-screen .earth-clock .earth-p{position:absolute;max-width:15rem;font-size:0.8rem;text-align:left;opacity:0;line-height:2}.fourth-screen .earth-clock .earth-center{top:50%;left:50%;transform:translate(-50%, -50%);width:3rem}.fourth-screen .earth-clock .earth-img-right{bottom:15%;right:10%;transform:translateY(-50%);width:2.5rem}.fourth-screen .earth-clock .earth-img-left{top:29%;left:9%;transform:translateY(-50%);width:2.5rem}.fourth-screen .earth-clock .earth-text-right{top:29%;transform:translateY(-50%);left:-17rem;animation:upP .5s 1.5s linear forwards}.fourth-screen .earth-clock .earth-text-left{bottom:15%;right:-13rem;transform:translateY(-50%);animation:downP .5s 1.5s linear forwards}.fourth-screen #earth-clock-svg{background:url(./../images/map.png) no-repeat center;background-size:90%}.fourth-screen #earth-clock-svg path{stroke-dasharray:320;stroke-dashoffset:320}.fourth-screen #earth-clock-svg polyline{stroke-dasharray:320;stroke-dashoffset:320;animation:dash 1s 1.5s linear forwards}.fourth-screen .andun-text{position:absolute;opacity:0;text-align:left}.fourth-screen .andun-text h1{font-size:2.5rem;color:#2f3030}.fourth-screen .andun-text p{color:#565656;margin-top:1rem;font-size:0.8rem;max-width:21rem;line-height:2.5}.fourth-screen .andun-text .get-more{font-size:0.8rem;color:#303030;float:right;margin-top:2rem;cursor:pointer}.fourth-screen .andun-text .get-more .icon-right-01{margin-left:0.3rem}.fourth-screen .andun-text-one{right:2.5rem;transform:translateX(100%);animation:flowTextOne .5s 1.5s ease-in forwards}.fourth-screen .andun-text-one h1{text-indent:-9999px}.fourth-screen .andun-text-one .h-cn{background:url(./../images/index-text-07.png) no-repeat left;background-size:70%}.fourth-screen .andun-text-one .h-korean{background:url(./../images/index-text-07_korean.png) no-repeat left;background-size:70%}.fourth-screen .andun-text-two{left:3rem;transform:translateX(-100%);animation:flowTextTwo .5s 1.5s ease-in forwards}.fourth-screen .andun-text-two h1{text-indent:-9999px}.fourth-screen .andun-text-two .h-cn{background:url(./../images/index-text-08.png) no-repeat left;background-size:90%}.fourth-screen .andun-text-two .h-korean{background:url(./../images/index-text-08_korean.png) no-repeat left;background-size:70%}.fourth-screen .andun-text-two .get-more{float:left}.fifth-screen{background:#ffffff}.fifth-screen .drop-down-arrow{color:#565656}.fifth-screen .fifth-swiper-btn{position:absolute;top:50%;transform:translateY(-50%);color:#ffffff;padding:0.5rem;cursor:pointer}.fifth-screen .fifth-header{margin-top:7%;height:29%;width:100%;background:#373d41;position:relative}.fifth-screen .fifth-header .fifth-swiper-industry{margin:auto;height:100%;width:60%;position:relative}.fifth-screen .fifth-header .fifth-swiper-industry .swiper-wrapper .swiper-slide{height:100%;overflow:hidden;cursor:pointer}.fifth-screen .fifth-header .fifth-swiper-industry .swiper-wrapper .swiper-slide:hover .inside-img{transform:scale(1.3, 1.3)}.fifth-screen .fifth-header .fifth-swiper-industry .swiper-wrapper .swiper-slide .inside-img{width:100%;transition:all .5s ease-in-out}.fifth-screen .fifth-header .fifth-swiper-industry .swiper-wrapper .industry-content{position:absolute;left:50%;top:50%;transform:translateX(-50%) translateY(-50%);z-index:1;color:#fff;width:100%}.fifth-screen .fifth-header .fifth-swiper-industry .swiper-wrapper .industry-content h3{font-size:0.9rem;color:#ffffff;letter-spacing:0.1rem;width:100%;margin:auto;overflow:hidden}.fifth-screen .fifth-header .fifth-swiper-industry .swiper-wrapper .industry-content i{display:block;margin:auto;margin-top:0.25rem;width:1.25rem;height:0.1rem;background:#ffffff}.fifth-screen .fifth-header .fifth-swiper-prev{left:15%}.fifth-screen .fifth-header .fifth-swiper-next{right:15%}.fifth-screen h2{font-size:1.2rem;color:#2f3030;margin:2.5rem 0}.fifth-screen .fifth-content{position:relative}.fifth-screen .fifth-content .fifth-swiper-btn{color:#565656}.fifth-screen .fifth-content .fifth-swiper-prev{left:13%}.fifth-screen .fifth-content .fifth-swiper-next{right:13%}.fifth-screen .fifth-content .fifth-swiper-partner{width:70%;margin:auto}.fifth-screen .fifth-content .cooperative-partner .partner-logo-ul li{float:left;width:24.25%;margin-right:1%;margin-bottom:15px;position:relative;background:#fafafa}.fifth-screen .fifth-content .cooperative-partner .partner-logo-ul li img{width:20%;max-height:85%;vertical-align:middle;position:absolute;top:50%;left:0.5rem;transform:translateY(-50%)}.fifth-screen .fifth-content .cooperative-partner .partner-logo-ul li .logo-text{box-sizing:border-box;width:75%;float:right;padding:1rem;text-align:left}.fifth-screen .fifth-content .cooperative-partner .partner-logo-ul li .logo-text h5{font-size:0.8rem;font-weight:600;margin:0.3rem 0;color:#030303;text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical}.fifth-screen .fifth-content .cooperative-partner .partner-logo-ul li:nth-of-type(4n+4){margin-right:0}.sixth-screen{background:#ffffff;position:relative}.sixth-screen>div{width:70%;box-sizing:border-box;margin:auto;margin-top:5%;position:absolute;left:50%;transform:translateX(-50%);top:0;bottom:30%}.sixth-screen>div div{color:#303030}.sixth-screen>div div h2{float:left;font-size:1.25rem;position:relative;padding-bottom:0.25rem}.sixth-screen>div div a{float:right;font-size:0.8rem}.sixth-screen>div div a .icon-right-01{margin-left:0.3rem;font-size:0.7rem}.sixth-screen>div ul{box-sizing:border-box;margin-top:1rem;height:90%}.sixth-screen>div ul li{padding:1rem 0;text-align:left;height:50%;position:relative;box-sizing:border-box}.sixth-screen>div ul li img{height:100%;width:30%;float:left}.sixth-screen>div ul li div{width:65%;position:absolute;right:0;top:50%;transform:translateY(-50%)}.sixth-screen>div ul li div h4{font-size:0.9rem}.sixth-screen>div ul li div h4 span{margin-left:2.5rem;color:#767676}.sixth-screen>div ul li div p{margin-top:1rem;color:#767676}.sixth-screen .footer-screen{position:absolute;bottom:0;left:0;right:0}@keyframes moveToCenter{0%{left:150%}25%{left:49%}50%{left:51%}75%{left:49.8%}100%{left:50%}}@keyframes borderMoveHeight{from{height:0%}to{height:100%}}@keyframes borderMoveRight{from{left:-100%}to{left:0}}@keyframes borderMoveLeft{from{left:100%}to{left:0}}@keyframes borderMoveTop{from{top:100%}to{top:0}}@keyframes show{from{opacity:0}to{opacity:1}}@keyframes dash{from{stroke-dashoffset:320}to{stroke-dashoffset:0}}@keyframes flowTextOne{from{top:2.25rem;opacity:0}to{top:4.75rem;opacity:1}}@keyframes flowTextTwo{from{bottom:-6rem;opacity:0}to{bottom:-1rem;opacity:1}}@keyframes downP{from{opacity:0;bottom:10%}to{opacity:1;bottom:15%}}@keyframes upP{from{opacity:0;top:34%}to{opacity:1;top:29%}}@keyframes iconShow{from{}to{opacity:1}}@keyframes dotAnimation{from{opacity:1;transform:translateX(-50%)}to{opacity:0.1;transform:translateX(-50%) scale(2)}}@keyframes restore{from{}to{opacity:1}}@keyframes restoreLogo{from{}to{transform:translate(-50%, -50%);opacity:1}}@keyframes line{from{}to{border-width:1px}}