@font-face {
    font-family: SOURCEHANSANSCN-REGULAR;
    src: url(https://cdnwxevent.oss-cn-shanghai.aliyuncs.com/fonts/SOURCEHANSANSCN-REGULAR.woff2) format("woff2"),
    url(https://cdnwxevent.oss-cn-shanghai.aliyuncs.com/fonts/SOURCEHANSANSCN-REGULAR.woff) format("woff"),
    url(https://cdnwxevent.oss-cn-shanghai.aliyuncs.com/fonts/SOURCEHANSANSCN-REGULAR.ttf) format("truetype"),
    url(https://cdnwxevent.oss-cn-shanghai.aliyuncs.com/fonts/SOURCEHANSANSCN-REGULAR.eot) format("embedded-opentype"),
    url(https://cdnwxevent.oss-cn-shanghai.aliyuncs.com/fonts/SOURCEHANSANSCN-REGULAR.svg) format("svg");
    font-weight: normal;
    font-style: normal;
}
* {list-style: none;margin: 0;padding: 0;font-family: SOURCEHANSANSCN-REGULAR !important;}
img {display: block;}
a {color: #ffffff;text-decoration:none;}
.clear {clear: both;}
.container {position: absolute;width: 100%;/* min-height: 100%; */background: #ffffff;}
.cover_container {margin-top: 100%;}
.fullscreen {position: absolute;width: 100%;height: 100%;}
.full_img {width: 100%;}
.banner_holder {position: relative;width: 100%;min-width:1200px;max-height: 100%;overflow: hidden;text-align: center;/* display: inline; */}
.banner2 {position: relative;width: 1920px;margin-left: 50%;left: -960px;}
.banner {position: relative;width: 100%;animation: scaleToSmall 5s linear;}
.defalut_banner {position: relative;width: 100%;}
.banner_intro {position: absolute;bottom: 19%;left: 5%;color: #D9D9D9;font-size: 44px;display: inline-block;}
.banner_intro p {font-size: 24px;color: #ffffff;text-align: left;font-weight: lighter;margin-top: 30px;}
.banner_intro_words {opacity: 0; text-shadow: 2px 3px 1px black;color: #ffffff;}
.bottom_nav_holder {position: relative;width: 100%;height: 280px;background: #ffffff;text-align: center;}
/* .bottom_nav_holder ul {position: relative;margin: 0 auto;overflow: hidden;width: 1555px;padding: 75px 0;} */
.bottom_nav_holder ul {position: relative;margin: 0 auto;overflow: hidden;width: 1245px;padding: 75px 0;}
.typing li {display: none;}
.clear {clear:both;}
/*.clear:after { content: ''; display: block; visibility: hidden; clear: both; }*/
.bottom_nav_holder ul li {position: relative;width: 248px;height: 130px;border-right: 1px solid #a8a8a8;color: #a8a8a8;float: left;text-align: center;list-style: none;cursor: pointer;}
.bottom_nav_holder ul li:last-child {border-right: none;}
.bottom_nav_holder ul li img {margin: 0 auto;width: 120px;}

.top_nav_holder {position: fixed;top: 0;left: 0;width: 100%;height: 120px;background: #29abe2;opacity: 0;transition: all linear .3s;z-index: 1000;}
.top_nav_holder:hover {opacity: 1;}
.lan_box {position: absolute;right: 5%;top: 37%;color: #ffffff;cursor: pointer;}
/*.menu_holder li:hover {color: #0071bc;}*/
/*.menu_holder li {transition: all 0.4s;}*/
/*.menu_holder li:hover .menu_name {border-bottom: 2px solid #0071bc;}*/

.menu_holder li .txt{display: block;height:72px;line-height: 72px;font-size: 18px;color: #fff;opacity: 0.95;-webkit-transition:color 0.3s linear;position: relative;z-index: 2;padding-bottom: 10px;}
.menu_holder li .txt:hover{ opacity: 1;}
.menu_holder li .txt:after{ display:block; content:""; height: 4px; width: 100%; position: absolute; bottom: 19px; left: 0px; background: #ffffff; opacity: 0; -webkit-transition: transform 0.2s ease-out,opacity 0.2s ease-out; transform-origin: 50% 0%; transform:scale(0.01,1);}
.menu_holder li .txt:before{ display:none; content:""; height: 400px; width: 100%; position: absolute; top: 19px; left: -10px; background: #ffffff; opacity: 1;}
.menu_holder li:hover .txt:after{ transform:scale(1,1); opacity: 1;}

.logo_holder {position: relative;width: 35%;background: #0071bc;text-align: center;height: 100%;align-items: center;justify-content: center;display: flex;float: left;}
/* .logo {text-align: center;width: 41%;} */
.logo {text-align: center;width: 41%; margin-right: 35%;}
.logo img {text-align: center;width: 100%;}
.menu_holder {position: relative;float: left;color: #ffffff;margin-left: 2%;width: 50%;height: 100%;}
.menu_holder li {position: relative;float: left;color: #ffffff;width: 16%;text-align: center;height: 100%;display: flex;align-items: center;justify-content: center;/* line-height: 120px; *//* cursor: pointer; */}
.sub_title_left {text-align: left;}

.footer {position: relative;width: 100%;height: 550px;color: #454545;background: #fff;}
.footer_logo {width: 20%;float: left; visibility: hidden;}
.footer .intro_img {margin-bottom: 50px;}
.company_box {width: 260px;float: left;text-align: left;margin-left: 33px;font-size: 16px;line-height: 32px;}
.company_box .company_name {font-weight:bold;font-size: 18px;}
.company_address {display: inline-block;}
.company_address p {width: 326px;position: relative;float: right;line-height: 24px;top: 7px;margin-bottom: 10px;}
.company_boxes_container {display: flex; flex-wrap: wrap; justify-content: left;}


/*公司简介*/
.page_holder {position: relative;text-align: center;padding: 0 50px;width: 1100px;margin: 0 auto;color: #454545;}
.page_sub_title {font-size: 42px;margin: 70px 0 70px 0;}
.intro_detail {font-size: 20px;line-height: 44px;}
.intro_highlights_holder {position: relative;display: inline-block;width: 100%;margin: 120px 0 80px 0;}
.intro_highlights_box {position: relative;width: 500px;height: 560px;float: left;/* display: flex; */margin: 0 20px;justify-content: center;align-items: center;transition: all 0.8s;cursor: pointer;margin-bottom: 30px;}
.intro_highlights_box:hover {box-shadow: 0 0 20px #6c6c6c;transform: translateY(-20px);}
.intro_highlights_box:hover .highlights_desc {opacity: 1;}
.intro_highlights_box:hover .highlights_detail {opacity: 1;}
.highlights_icon {width: 250px;height: 250px;margin: 0px auto;/* margin-bottom: 20px; */}
.highlights_icon img {margin: 0 auto;}
.highlights_desc {width: 100%;font-size: 24px;margin-bottom: 40px;opacity:0;transition: all 0.8s;}
.highlights_detail {width: 420px;text-align: left;opacity:0;transition: all 0.8s;margin: 0 40px;line-height: 26px;font-size: 17px;}
.intro_img {width: 100%;}
.slider {
    position: relative;
    width: 100%; /* 轮播器的宽度 */
    height: 900px; /* 轮播器的高度 */
    overflow: hidden;
}

.slides img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0; /* 初始时图片不可见 */
    transition: opacity 2s ease-in-out;
}

.slides img.active {
    opacity: 1; /* 激活的图片可见 */
    z-index: 1; /* 确保激活的图片在顶部 */
}
/* 应用动画到图片 */
.slides img:nth-child(1) { animation-delay: 0s; }
.slides img:nth-child(2) { animation-delay: 6.67s; } /* 20s / 3 */
.slides img:nth-child(3) { animation-delay: 13.33s; } /* 20s / 3 * 2 */


.flip-container {perspective: 1000;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    -o-perspective: 1000px;
    perspective: 1000px;
    margin:0px auto; float:left; margin-left:20px; margin-bottom:20px; border:1px solid #fff;cursor: pointer;}
/*.flip-container:hover .back {transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg); z-index:2;}*/
/*.flip-container:hover .front { transform: rotateY(180deg);-webkit-transform: rotateY(180deg);-moz-transform: rotateY(180deg);-ms-transform: rotateY(180deg);-o-transform: rotateY(180deg); z-index:1}*/
/*.flip-container:hover .back { opacity: 1;z-index:2;}*/
/*.flip-container:hover .front { opacity: 0; z-index:1}*/
.flip-container, .front, .back {width: 100%;height: 850px;}
.flipper {transition:transform 0.6s ease-out;
    transition: transform .5s ease-in-out;
    -webkit-transition: transform .5s ease-in-out;
    -moz-transition: transform .5s ease-in-out;
    -ms-transition: transform .5s ease-in-out;
    -o-transition: transform .5s ease-in-out;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    transform-style: preserve-3d;
    display:block;position: relative;}
/*.front, .back {backface-visibility: hidden;transition: 0.6s ease-out;-webkit-transition: .6s ease-out;-webkit-transform-style: preserve-3d;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;transform-style: preserve-3d;position: absolute;top: 0;left: 0;text-align: center;}*/
.front img {width:295px;overflow:hidden;margin: 0 auto;}
.back img { width:200px; overflow:hidden;}
/*.front {z-index: 2;transform: rotateY(0deg);transform: rotateY(0deg); -webkit-transform: rotateY(0deg);-moz-transform: rotateY(0deg);-ms-transform: rotateY(0deg);-o-transform: rotateY(0deg);}*/
/*.back {*/
/*    z-index:1;*/
/*    transform: rotateY(-180deg);*/
/*    transform: rotateY(-180deg);*/
/*    -webkit-transform: rotateY(-180deg);*/
/*    -moz-transform: rotateY(-180deg);*/
/*    -ms-transform: rotateY(-180deg);*/
/*    -o-transform: rotateY(-180deg);*/
/*    background: #f1f1f1;*/
/*}*/
.back {z-index:1;background: #f1f1f1;display: none;}
.team_holder {display: inline-block;width: 100%;}
.team_box {width: 520px;font-size: 24px;overflow: hidden;}
.team_name {color: #0071bc;font-size: 36px;line-height: 100px;}
.team_position {line-height: 48px;}
.team_address {}
.back_img {float: left;margin: 50px;margin-right: 0;}
.back_intro_box {position: relative;width: 44%;float: right;text-align: left;}
.back_intro_box .team_name{margin-top: 100px;width: 200px;}
.back_intro_detail {position: relative;width: 88%;margin: 0 auto;text-align: justify;}
.back_intro_detail ul {font-size: 16px;line-height: 32px;}
.back_intro_detail ul li {list-style: square inside url('../images/list_style.png');}
/*.back_intro_detail ul li {background-image: url('../images/list_style.png');}*/
.history0 {position: absolute;top: 140px;left: 50px;width: 1069px;}
.history_character {position: absolute;width: 0;top: 0;left: 0;height: 100%;overflow: hidden;}
.history_line {position: absolute;width: 0;top: 220px;overflow: hidden; left:-20px}
.history1 {position: absolute;top: 413px;left: -5px;display: none;width: 145px;}
.history1-2 {position: absolute;top: 242px;left: 127px;display: none;width: 190px;}
.history2 {position: absolute;top: 347px;left: 264px;display: none;width: 220px;}
.history3 {position: absolute;top: 235px;left: 365px;display: none;width: 250px;}
.history3-2 {position: absolute;top: 388px;left: 570px;display: none;width: 340px;}
.history4 {position: absolute;top: 221px;left: 705px;display: none;width: 190px;}
.history5 {position: absolute;top: 293px;left: 812px;display: none;width: 180px;}
.intro_map_holder {position: relative;padding: 200px 0;}
.map1 {position: absolute;top: -100px;width: 350px;right: 65px;z-index: 1;opacity: 0;transform: scale(0);}
.map2 {position: absolute;width: 350px;right: 75px;bottom: -20px;opacity: 0;transform: scale(0);}
.map3 {position: absolute;width: 350px;top: 240px;left: 76px;opacity: 0;transform: scale(0);}

/*新闻页*/
.key_news_holder {position: relative;width: 100%;display: inline-block;cursor: pointer;}
.key_news_img_box {position: relative;width: 30%;float: left;}
.key_news_detail {position: relative;width: 53%;height: 290px;margin-left: 0%;float: right;text-align: left;transition: all 0.8s;padding: 20px 30px;}
/* .key_news_detail:hover {box-shadow:0 0 20px #6c6c6c;color: #0071bc;} */
.key_news_img {width: 100%;}
.key_news_date {font-size: 18px;color: #555555;letter-spacing: 2px;margin-bottom: 10px;}
.key_news_date span {font-size: 46px;}
.key_news_title {font-size: 30px;color: #0071bc;margin-bottom: 40px;}
.key_news_desc {font-size: 18px;line-height: 32px;}
.news_list_holder {position: relative;margin-top: 50px;margin-bottom: 20px;}
.news_box {position: relative;width: 100%;height: 260px;text-align: left;border-bottom: 1px solid #c7c7c7;cursor: pointer;transition: all 0.8s;}
.news_box:last-child {border: none;}
.news_box:hover {box-shadow:0 0 20px #6c6c6c;color: #0071bc;}
.news_date {position: relative;float: left;padding: 0 30px;margin-top: 80px;border-right: 1px solid #c7c7c7;}
.news_date  span {font-size: 50px;}
.news_title {position: relative;width: 80%;margin-left: 15%;font-size: 30px;/* color: #0071bc; */padding-top: 50px;}
.news_desc {position: relative;/* color: #0071bc; */margin-top: 20px;width: 60%;margin-left: 15%;font-size: 18px;line-height: 32px;}
.news_img_box {position: absolute;width: 200px;right: 40px;top: 50px;}

/*新闻详情页*/
.page_sub_nav_holder {background: #eeeeee;height: 60px;}
.sub_nav_box {color: #696969;font-size: 18px;line-height: 60px;text-align: left;}
.detail_news {width: 100%;}
.detail_top {position: relative;padding: 80px 0 20px 0;border-bottom: 1px solid #c7c7c7;color: #555555;}
.detail_title {position: relative;font-size: 40px;color: #0071bc;margin-bottom: 20px;}
.detail_date {position: relative;font-size: 18px;}
.detail_content {position: relative;text-align: left;font-size: 18px;line-height: 30px;letter-spacing: 1px;}
.detail_content p {margin-top: 40px;text-indent: 36px;}
.detail_content img {width: 90%;margin: 30px auto 0 auto;}
.detail_content2 {text-align:left;}
.detail_content2 img {max-width: 100%;margin: 0 auto;}
.detail_bottom {position: relative;margin-top: 50px;}
.detail_pre {position: relative;float: left;cursor: pointer;}
.detail_next {position: relative;float: right;cursor: pointer;}
.detail_pre:hover {color: #0071bc;}
.detail_next:hover {color: #0071bc;}

/*招聘页*/
.list_holder {position: relative;margin-top: 50px;}
.list_nav_title {font-size: 30px;text-align: left;margin: 100px 0 20px 0; }
.list_box {position: relative;width: 100%;height: 260px;text-align: left;border-bottom: 1px solid #c7c7c7;cursor: pointer;font-size: 18px;transition: all linear .8s;}
.list_box:last-child {border: none;}
.list_box:hover {box-shadow:0 0 20px #6c6c6c;color: #0071bc;}
.urgent_marker {
    position: absolute;
    top: 0; /* 位于list_box顶部 */
    left: 0; /* 位于list_box左侧 */
    background-color: #d9534f; /* 醒目颜色 */
    color: white;
    padding: 5px 10px; /* 控制贴条大小 */
    font-size: 14px;
    font-weight: bold;
    z-index: 10;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2); /* 轻微阴影 */
    transform: rotate(-15deg); /* 轻微倾斜 */
    transform-origin: top left; /* 旋转原点在左上角 */
    border: 1px solid #fff; /* 边框增加对比 */
}
/* .list_btn.urgent::before { content: "急招"; background-color: red; color: white; padding: 5px 10px; border-radius: 5px; font-size: 14px; margin-right: 10px; } */
.list_name {position: relative; width: 90px; float: left;padding: 40px 30px;margin-top: 80px;border-right: 1px solid #c7c7c7;color: #0071bc;}
.list_title {position: relative;width: 80%;margin-left: 15%;/* color: #0071bc; */padding-top: 79px;}
.list_desc {position: relative;/* color: #0071bc; */margin-top: 20px;width: 80%;margin-left: 15%;line-height: 32px;}
.list_btn {position: absolute;right: 30px;top: 30px;padding: 10px 15px;color: #0071bc;border: 1px solid;transition: all linear .4s;}
.list_box:hover .list_btn {background:#0071bc;color:#ffffff;}
.read_more_btn {color: #0071bc;margin: 0 auto;margin-top: 80px;cursor: pointer;width: 120px;height: 40px;line-height: 40px;text-align: center;transition: all linear .2s;}
.read_more_btn:hover {background: #0071bc;color: #ffffff;}
.recruit_holder {text-align: left;position: relative;}
.recruit_top {position: relative;height: 220px;border-bottom: 1px solid #c7c7c7;}
.recruit_name {position: relative;font-size: 46px;top: 50px;}
.recruit_desc {position: relative;top: 70px;letter-spacing: 1px;}
.recruit_detail {position: relative;margin-top: 50px;}
.recruit_sub_title {position: relative;font-size: 26px;margin: 30px auto;}
.recruit_sub_content {position: relative;line-height: 36px;font-size: 18px;}
.recruit_mail_btn {position: absolute;right: 0;font-size: 24px;color: #ffff;background: #0071bc;padding: 10px 20px;border-radius: 5px;}
.recruit_icon_holder {position: absolute;top: 140px;left: 0;padding: 50px 50px;}
.recruit_icon {position: relative;float: left;width: 15%;margin: 0 25px 50px 25px;opacity: 0;transform: scale(0);}
.recruit_logo_holder {position: absolute;top: 170px;width: 1100px;height: 400px;}
.recruit_logo1 {position: absolute;top: 0;left: 40px;}
.recruit_logo2 {position: absolute;top: 0;left: 300px;}
.recruit_logo3 {position: absolute;top: -4px;left: 520px;}
.recruit_logo4 {position: absolute;top: 0;right: 57px;}
.recruit_logo5 {position: absolute;top: 95px;left: 0;}
.recruit_logo6 {position: absolute;top: 108px;left: 260px;}
.recruit_logo7 {position: absolute;top: 100px;right: 30px;}
.recruit_logo8 {position: absolute;top: 214px;left: 0;}
.recruit_logo9 {position: absolute;top: 249px;left: 346px;}
.recruit_logo10 {position: absolute;top: 220px;left: 490px;}
.recruit_logo11 {position: absolute;top: 210px;right: 85px;}
.recruit_logo12 {position: absolute;top: 337px;left: 31px;}
.recruit_logo13 {position: absolute;top: 330px;left: 515px;}
.recruit_logo14 {position: absolute;top: 323px;right: 40px;}
.recruit_logo_holder img {opacity: 0;transform: scale(0);}
.recruit_top_img {position: absolute;/* top: 255px; */width: 550px;right: -30px;bottom: -50px;opacity: 0;}

/*联系我们页*/
.contact_holder { display: flex;flex-wrap: wrap;position: absolute;bottom: 50px;left: 50px;color: #ffffff}
.contact_holder .company_name {font-size: 28px;line-height: 70px;}
/* .contact_holder .company_box {width: calc(29%);font-size: 18px;box-sizing: border-box; } */
.contact_holder .company_box {width: calc(25%);font-size: 18px;box-sizing: border-box;}
.copyright {text-align: center;margin-top: 50px;}

/*product*/
.product_holder {position: relative;text-align: center;z-index: 100;}
.product_sub_holder {position: relative;}
.product_logo {position: relative;margin: 0 auto;top: 17%;animation: translate1 1s linear;}
.product_logo_new {position: absolute;margin: 0 auto;top: 15vh;animation: translate1 1s linear; left:50%;transform: translate(-50%, 0);}
.product_img_box {position: absolute;z-index: 1;width: 54.85%;left: 50%;transform: translate(-50%,0);}
.product_img_box_new {position: absolute;z-index: 1;width: 35vw;left: 50%; top:30vh; transform: translate(-50%,0);}
.product_img_box1 {bottom: 0;}
.product_img_box2 {top: 0;}
.product_img {width: 100%;animation: scaleToBig 0.5s linear;animation-delay:1.5s;-webkit-animation-delay:1.5s;animation-fill-mode: both; }
.product_bg {position: relative;width:100%;}
.product_desc_box {position: absolute;bottom: 15%;width: 56%;left: 50%;transform: translate(-50%,0);}
.product_desc {width:100%;animation: translate1 1s linear;animation-delay:3.5s;-webkit-animation-delay:3.5s;animation-fill-mode: both;}
.product_fixed {position: fixed;left: 50%;transform: translate(-50%,0);top: -64%;}
.product_detail {width: 100%;}
.product_sub_title {width: 100%;}

.product_catagory_box {position:relative;width:100%;}
.product_catagory_img {position:relative;width:100%;}
.product_container {position: relative;display: none;}

/*Small devices (landscape phones, 576px and up)*/
@media screen and (max-width: 576px) {  }

/*Medium devices (tablets, 768px and up)*/
@media screen and (max-width: 768px) { }


/*XX-Large devices (larger desktops, 1400px and up)*/
@media screen and (max-width: 1555px) {
    .bottom_nav_holder {height: 210px;}
    .bottom_nav_holder ul {padding: 56px 0;width: 936px;}
    .bottom_nav_holder ul li {position: relative;width: 186px;height: 97.5px;}
    .bottom_nav_holder ul li img {width: 90px;}
    .logo_holder {width: 25%;}
    .logo {width: 60%;}
    .top_nav_holder {height: 100px;}
    .menu_holder li {line-height: 100px;}
}
/*X-Large devices (large desktops, 1200px and up)*/
@media screen and (max-width: 1200px) {
    .bottom_nav_holder {height: 140px;}
    .bottom_nav_holder ul {padding: 37.5px 0;width: 624px;}
    .bottom_nav_holder ul li {position: relative;width: 124px;height: 65px;}
    .bottom_nav_holder ul li img {width: 60px;}
    .top_nav_holder {height: 80px;}
    .menu_holder li {line-height: 80px;font-size: 14px;}
}
/*Large devices (desktops, 992px and up)*/
@media screen and (max-width: 800px) {
    .bottom_nav_holder {height: 70px;}
    .bottom_nav_holder ul {padding: 25px 0;width: 460px;}
    .bottom_nav_holder ul li {position: relative;width: 104px;height: 44px;}
    .bottom_nav_holder ul li img {width: 30px;}
}

@-webkit-keyframes scaleToSmall {
    from {
        transform:scale(1.1);
    }

    to {
        transform:scale(1);
    }
}
@-webkit-keyframes scaleToBig {
    from {
        opacity: 0;
        transform:scale(0.5);
        -webkit-transform:translate3d(0, 100%, 0);
        transform:translate3d(0, 100%, 0);
    }

    to {
        opacity: 1;
        transform:scale(1);
        -webkit-transform:none;
        transform:none;
    }
}

@-webkit-keyframes translate1 {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0, -100%, 0);
        transform:translate3d(0, -100%, 0);
    }
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
}
@-webkit-keyframes slideDown {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

.product_ani {position: absolute;animation-duration: 1s;opacity: 0;animation-fill-mode: forwards;}
.product_desc_ani {animation-duration: 1s;opacity: 0;animation-fill-mode: forwards;}
#product_ani1 {top: 12.6%;left: 8%;width: 46.6%;}
#product_ani2 {top: 8.5%;left: 42%;width: 39%;animation-delay: 0.5s;}
#product_ani3 {top: 32.5%;left: 42.4%;width: 35%;animation-delay: 1s;}
#product_ani4 {top: 52.8%;left: 17.5%;width: 27.8%;animation-delay: 1.5s;}
#product_ani5 {top: 75.5%;left: 17.5%;width: 27%;animation-delay: 2s;}
#product_ani6 {top: 71.3%;left: 61%;width: 23.8%;animation-delay: 2.5s;}
#product_ani7 {top: 11%;left: 18%;width: 64%;}
#product_ani3-1 {top: 12.9%;left: 28%;width: 71%;}
#product_ani3-2 {top: 19.8%;left: 10.8%;width: 21.4%;animation-delay: 0.5s;}
#product_ani3-3 {top: 10.6%;left: 44.4%;width: 20.35%;animation-delay: 1s;}
#product_ani3-4 {top: 54.8%;left: 10.8%;width: 30.15%;animation-delay: 1.5s;}
#product_ani3-5 {top: 54.3%;left: 68.6%;width: 19.7%;animation-delay: 2s;}
#product_ani3-6 {top: 71.3%;left: 61%;width: 23.8%;animation-delay: 2.5s;}
#product_ani3-7 {top: 11%;left: 18%;width: 64%;}
#product_ani4-1 {top: 19.9%;left: 21.5%;width: 49.4%;}
#product_ani4-2 {top: 17.8%;left: 24%;width: 22.55%;animation-delay: 0.5s;}
#product_ani4-3 {top: 20.1%;left: 58.15%;width: 22.55%;animation-delay: 1s;}
#product_ani4-4 {top: 35.7%;left: 39%;width: 21.9%;animation-delay: 1.5s;}
#product_ani4-5 {top: 77.7%;left: 14.6%;width: 26.7%;animation-delay: 2s;}
#product_ani4-6 {top: 63.8%;left: 66%;width: 22.5%;animation-delay: 2.5s;}
#product_ani4-7 {top: 11%;left: 18%;width: 64%;}
#product_ani5-1 {top: 21.9%;left: 13.8%;width: 32.75%;}
#product_ani5-2 {top: 44.8%;left: 13.8%;width: 28.1%;animation-delay: 0.5s;}
#product_ani5-3 {top: 66.9%;left: 13.8%;width: 29.8%;animation-delay: 1s;}

#product_ani6-1 {top: 15.9%;left: 6%;width: 90%;}
#product_ani6-2 {top: 10%;width: 100%;}

#product_ani7-1 {top: 15.9%;left: 6%;width: 85%;}
#product_ani7-2 {top: 13.4%;left: 10%;width: 22.55%;animation-delay: 0.5s;}
#product_ani7-3 {top: 11.0%;left: 54%;width: 25.55%;animation-delay: 0.5s;}
#product_ani7-4 {top: 24.4%;left: 30%;width: 16.55%;animation-delay: 0.5s;}
#product_ani7-5 {top: 43.8%;left: 9%;width: 24.55%;animation-delay: 0.5s;}
#product_ani7-6 {top: 70.8%;left: 37%;width: 22.55%;animation-delay: 0.5s;}
#product_ani7-7 {top: 50.8%;left: 70%;width: 19.55%;animation-delay: 0.5s;}
#product_ani7-8 {top: 10%;width: 100%;}

#product_ani8-1 {top: 15.9%;left: 9%;width: 90%;}
#product_ani8-2 {top: 10%;width: 100%;}