/* ============================================ merged by cleanup 2026-09-04 order: common, index, about, swiper, bootstrap, animate, reset, index(root), media, font ======================== */ *{font-family:'Microsoft Yahei','Arial';margin:0;padding:0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;transition:all 0.5s;-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s} ul{list-style:none} li{list-style-type:none} img{max-width:100%;border:0} .clear::after{content:'';display:block;height:0;overflow:hidden;clear:both} a{color:#292929;text-decoration:none} a:visited,a:hover,a:active{text-decoration:none} .fl{float:left} .icon{display:block;width:100%;height:100%} .cover,.cover1{display:block;position:absolute;left:0;top:0;right:0;bottom:0} .cover{width:100%;height:100%;object-fit:cover} .cover1{max-width:100%;margin:auto} ::-webkit-scrollbar{width:2px} ::-webkit-scrollbar-track{background-color:rgb(0,0,0,.06)} ::-webkit-scrollbar-thumb{background-color:#f26305} ::-webkit-scrollbar-thumb:window-inactive{background-color:#f26305} @font-face{font-family:"AlimamaShuHeiTi-Bold";src:url('../fonts/AlimamaShuHeiTi-Bold.ttf')} .w1500{width:1500px;margin:0 auto} @media (max-width:1680px){.w1500{width:1360px}} @media (max-width:1560px){.w1500{width:1300px}} @media (max-width:1440px){.w1500{width:1280px}} @media (max-width:1366px){.w1500{width:1200px}} @media (max-width:1280px){.w1500{width:94%}}.w1400{width:1400px;margin:0 auto}@media (max-width:1680px){.w1400{width:1360px}}@media (max-width:1560px){.w1400{width:1300px}}@media (max-width:1440px){.w1400{width:1280px}}@media (max-width:1366px){.w1400{width:1200px}}@media (max-width:1280px){.w1400{width:94%}} .eymore a{display:block;width:160px;height:50px;line-height:50px;color:#fff;font-size:16px;text-align:center;background-color:#f26305;border-radius:25px} .eymore1 a{background-color:#6bc4ea} .eymore2 a{background-color:#ffffff;color:#f26305} .eymore a i{display:inline-block;width:28px;height:28px;overflow:hidden;margin:-2px 0 0 10px;padding:7px;background-color:#fff;border-radius:50%;vertical-align:middle} .eymore2 a i{background-color:#f26305} .eymore a:hover{background-color:#318dde} .eymore a:hover i{margin:-2px 0 0 20px} .eymore a:hover i svg { color:#318dde; } .eyfoot{background-color:#1f2127;position:relative} .eyfoot::before,.eyfoot::after{content:'';display:block;width:480px;height:480px;overflow:hidden;position:absolute;z-index:0} .eyfoot::before{background:url(../images/footxs01.png) 0 0 no-repeat;background-size:100% 100%;left:0;top:0} .eyfoot::after{background:url(../images/footxs02.png) 0 0 no-repeat;background-size:100% 100%;right:0;bottom:0} .eyfoot_main{display:flex;justify-content:space-between;padding:60px 0 50px;position:relative;z-index:1} .eyfoot_main .eyfoot_left{width:30%;float:left} .eyfoot_left a.eyfoot_logo{display:block;overflow:hidden} .eyfoot_left a.eyfoot_logo img{max-height:100%} .eyfoot_lxfs{margin:40px 0;position:relative;z-index:1} .eyfoot_lxfs dl dd{display:flex;margin-bottom:10px} .eyfoot_lxfs dl dd:last-child{margin-bottom:0} .eyfoot_lxfs dl dd span{display:block;width:80px;height:30px;line-height:30px;color:#fff;font-size:16px} .eyfoot_lxfs dl dd span i{display:block;width:18px;height:18px;overflow:hidden;margin:6px 10px 6px 0;float:left} .eyfoot_lxfs dl dd p{width:calc(100% - 80px);min-height:30px;line-height:30px;color:rgba(255,255,255,.45);font-size:16px;position:relative} .eyfoot_lxfs dl dd:first-child p{ font-size:24px; font-weight:bold } .eyfoot_ewm dl dd{width:48px;margin:0 auto;position:relative} .eyfoot_ewm dl dd i{display:block;width:48px;height:48px;margin-bottom:20px;overflow:hidden;padding:11px;border:1px solid rgba(255,255,255,.15);border-radius:50%} .eyfoot_ewm dl dd:hover i{border:1px solid rgba(255,255,255,.45)} .eyfoot_ewm dl dd p{width:120px;height:120px;background-color:#fff;position:absolute;left:50%;bottom:200%;z-index:1;opacity:0;transform:translateX(-50%);-webkit-transform:translateX(-50%)} .eyfoot_ewm dl dd.on p{opacity:1;bottom:120%} .eyfoot_ewm dl dd p::after{content:'';display:block;width:0;height:0;border-top:6px solid #fff;border-right:6px solid transparent;border-left:6px solid transparent;position:absolute;top:100%;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%)} .eyfoot_main .eyfoot_right{width:56%;float:right} .eyfoot_nav{margin-bottom:50px} .eyfoot_nav ul{display:flex;justify-content:space-between} .eyfoot_nav ul li{max-width:20%} .eyfoot_tit{margin-bottom:30px} .eyfoot_tit a{display:block;line-height:30px;color:#fff;font-size:18px} .eyfoot_tit a:hover{color:#6bc4ea} .eyfoot_list a{display:block;max-height:52px;overflow:hidden;line-height:26px;color:rgba(255,255,255,.45);font-size:16px;display:-webkit-box;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:10px} .eyfoot_list a:last-child{margin-bottom:0} .eyfoot_list a:hover{color:#fff} .eyidx_Links{position:relative;display:flex;align-items:center;background:url(../images/link_bg.png) repeat;padding:10px 22px} .eyidx_Links:before{content:'';display:block;width:6px;height:100%;height:calc(100% + 8px);background-color:#f26305;position:absolute;left:0;top:50%;transform:translateY(-50%);border-radius:10px} .eyidx_Links .eylinks_title{width:140px;height:60px;color:#fff;font-size:16px;padding:16px 0;float:left;display:flex;display:-webkit-flex;justify-content:space-between;align-items:center} .eyidx_Links .eylinks_title img{display:inline-block} .eyidx_Links .eylinks_list{width:calc(100% - 140px);float:right;overflow:hidden;color:rgba(255,255,255,0.25)} .eylinks_list a{display:inline-block;height:30px;line-height:30px;color:rgba(255,255,255,0.35);font-size:16px;margin:0 12px} .eylinks_list a:hover{color:#fff} .eyfoot_copy{padding:20px 0;position:relative;z-index:1} .eyfoot_copy p{line-height:40px;color:rgba(255,255,255,.25);font-size:16px} .eyfoot_copy p a{color:rgba(255,255,255,.25);font-size:16px} .eyfoot_copy p a:hover{color:#fff} .eytitle{margin-bottom:60px;position:relative} .eytitle span{display:block;line-height:80px;color:rgba(0,50,160,.06);font-family:"AlimamaShuHeiTi-Bold";font-size:110px} .eytitle p{line-height:1;color:#222;font-size:44px;margin-top:-42px} .eytitle1 span,.eytitle1 p{text-align:center} .conbanner{height:550px;overflow:hidden;margin-top:70px;border-radius:0 0 50px 50px;position:relative} .conbanner .conba_text{position:absolute;left:50%;top:50%;z-index:1;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)} .conba_text span{display:block;line-height:1;color:#fff;font-size:60px;font-weight:bold;text-transform:uppercase;text-align:center;mask-image:linear-gradient(to bottom,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 80%);-webkit-mask-image:linear-gradient(to bottom,rgba(255,255,255,.1) 0%,rgba(255,255,255,0) 80%)} .conba_text p{line-height:1;color:#fff;font-size:36px;text-align:center;margin-top:-24px} .conba_text i{display:block;width:50px;height:50px;overflow:hidden;margin:20px auto 0;padding:14px;background:url(../images/icobg.png) center center no-repeat;background-size:100% 100%} .conmenu{overflow:hidden;margin:-100px auto 0} .conmenu .conmenu_main{overflow:hidden;background-color:#fff;border-radius:24px 24px 0 0;position:relative} .conmenu_main ul{display:flex;align-items:center;justify-content:center} .conmenu_main ul li{padding:0 40px} .conmenu_main ul li a{display:block;height:100px;overflow:hidden;line-height:60px;color:#777;font-size:18px;font-weight:bold;padding:20px;position:relative} .conmenu_main ul li:hover a,.conmenu_main ul li.active a{color:#f26305} .conmenu_main ul li a i{display:inline-block;width:20px;height:20px;overflow:hidden;vertical-align:middle;margin:-2px 12px 0 0} .conmenu_main ul li:hover a i svg,.conmenu_main ul li.active a i svg { color:#f26305; } .conmenu_main ul li a::after{content:"";display:block;width:0;height:3px;background-color:#f26305;position:absolute;left:50%;bottom:0;z-index:1;transform:translateX(-50%);-webkit-transform:translateX(-50%)} .conmenu_main ul li:hover a::after,.conmenu_main ul li.active a::after{width:100%} .conmenu_main::after{content:"";display:block;width:100%;height:1px;background-color:#e6e6e6;position:absolute;left:0;bottom:0} .concrumb{overflow:hidden;padding:30px 40px;position:relative} .concrumb p{height:40px;overflow:hidden;line-height:40px;color:#999;font-size:16px;white-space:nowrap;text-overflow:ellipsis;padding-left:30px;position:relative} .concrumb p em{display:block;width:20px;height:20px;overflow:hidden;padding:1px;position:absolute;left:0;top:10px} .concrumb p a{display:inline-block;line-height:40px;color:#999;font-size:16px;vertical-align:top} .concrumb p a:hover{color:#f26305} .concrumb p i{display:inline-block;width:14px;height:40px;overflow:hidden;vertical-align:top;margin:0 6px} .concrumb::after{content:"";display:block;width:100%;height:1px;background-color:#e6e6e6;position:absolute;left:0;bottom:0} .contitle{margin-bottom:50px} .contitle em{display:block;line-height:80px;color:rgba(0,50,160,.06);font-family:"AlimamaShuHeiTi-Bold";font-size:110px;font-style:normal;text-transform:uppercase} .contitle p{line-height:80px;color:#222;font-size:44px;margin-top:-80px;position:relative} .contitle span{display:block;line-height:30px;color:#777;font-size:22px;margin-top:15px} .contitle1 em,.contitle1 p{text-align:center} .ey_Pages{line-height:46px;color:#999;font-size:16px;text-align:center} .ey_Pages a{display:inline-block;height:46px;line-height:44px;color:#555;font-size:16px;text-align:center;vertical-align:top;margin:0 3px;padding:0 18px;background-color:#fff;border:1px solid #e6e6e6;border-radius:4px} .ey_Pages a:hover{color:#fff;background-color:#f26305;border:1px solid #f26305} .ey_Pages input:last-child{display:inline-block;width:auto !important;height:46px !important;line-height:46px;color:#fff;font-size:16px;text-align:center;vertical-align:top;margin:0 0 0 3px;padding:0 18px;background-color:#f26305;border-radius:4px;border:0;outline:none;cursor:pointer} @media (max-width:1680px){ .eytitle{margin-bottom:50px} .eytitle span{line-height:72px;font-size:100px} .eytitle p{font-size:40px;margin-top:-40px} .eymore a{width:150px;height:48px;line-height:48px;font-size:15px} .eymore a i{width:26px;height:26px} .eyfoot_main{padding:50px 0} .eyfoot::before,.eyfoot::after{width:450px;height:450px} .eyfoot_lxfs{margin:20px 0} .eyfoot_lxfs dl dd span,.eyfoot_lxfs dl dd p{font-size:15px} .eyfoot_lxfs dl dd:first-child p{font-size:22px} .eyfoot_lxfs dl dd span{width:72px} .eyfoot_lxfs dl dd p{width:calc(100% - 72px)} .eyfoot_lxfs dl dd span i{width:16px;height:16px;margin:8px 10px 8px 0} .eyfoot_main .eyfoot_right{width:60%} .eyfoot_nav{margin-bottom:40px} .eyfoot_tit{margin-bottom:20px} .eyfoot_list a{max-height:50px;line-height:25px;font-size:15px} .eyfoot_copy p,.eyfoot_copy p a{line-height:35px;font-size:15px} .conbanner{height:500px;border-radius:0 0 40px 40px} .conmenu{margin:-80px auto 0} .conmenu .conmenu_main{border-radius:20px 20px 0 0} .conmenu_main ul li{padding:0 20px} .conmenu_main ul li a{height:80px;line-height:40px} .conmenu_main ul li a::after{height:2px} .contitle{margin-bottom:40px} .contitle em{line-height:65px;font-size:90px} .contitle p{line-height:65px;font-size:38px;margin-top:-65px} .contitle span{font-size:20px;margin-top:12px} .concrumb{padding:20px 40px}} @media (max-width:1600px){ .conbanner{height:460px} .conba_text span{font-size:52px} .conba_text p{font-size:32px;margin-top:-20px} .conba_text i{width:40px;height:40px;margin:15px auto 0;padding:12px}} @media (max-width:1560px){ .eytitle{margin-bottom:40px} .eytitle span{line-height:64px;font-size:88px} .conbanner{height:450px}} @media (max-width:1440px){ .eyfoot::before,.eyfoot::after{width:400px;height:400px} .conbanner{height:420px;border-radius:0 0 32px 32px} .conba_text span{font-size:48px} .conba_text p{font-size:30px;margin-top:-20px} .conba_text i{width:36px;height:36px;margin:12px auto 0;padding:10px} .conmenu .conmenu_main{border-radius:16px 16px 0 0} .contitle em{line-height:60px;font-size:80px} .contitle p{line-height:60px;font-size:32px;margin-top:-60px} .contitle span{font-size:18px;margin-top:10px} .ey_Pages{font-size:15px} .ey_Pages a{height:42px !important;line-height:40px;font-size:15px} .ey_Pages input:last-child{height:42px !important;line-height:42px;font-size:15px} .concrumb p,.concrumb p a{font-size:15px}} @media (max-width:1366px){ .conbanner{height:400px}} @media (max-width:1280px){ .eymore a{width:140px;height:44px;line-height:44px;font-size:14px} .eymore a i{width:24px;height:24px} .eytitle span{line-height:60px;font-size:80px} .eytitle p{font-size:36px;margin-top:-36px} .eyfoot::before,.eyfoot::after{width:360px;height:360px} .eyfoot_main{padding:40px 0} .eyfoot_main .eyfoot_left{width:32%} .eyfoot_main .eyfoot_right{width:62%} .conbanner{height:370px;border-radius:0 0 24px 24px} .conba_text span{font-size:44px} .conba_text p{font-size:28px;margin-top:-18px} .conba_text i{width:32px;height:32px;margin:10px auto 0;padding:9px} .conmenu{margin:-64px auto 0} .conmenu .conmenu_main{border-radius:12px 12px 0 0} .conmenu_main ul li{padding:0 10px} .conmenu_main ul li a{height:64px;font-size:16px;padding:12px 20px} .contitle{margin-bottom:30px} .contitle em{line-height:52px;font-size:70px} .contitle p{line-height:52px;font-size:30px;margin-top:-52px} .contitle span{line-height:26px;font-size:16px} .ey_Pages{font-size:14px} .ey_Pages a{height:40px !important;line-height:38px;font-size:14px;padding:0 15px} .ey_Pages input:last-child{height:40px !important;line-height:40px;font-size:14px} .concrumb{padding:10px 30px} .concrumb p,.concrumb p a{font-size:14px}} @media (max-width:1200px){ .conbanner{height:350px;border-radius:0 0 20px 20px}} @media (max-width:1080px){ .eytitle span{line-height:52px;font-size:70px} .eytitle p{font-size:32px;margin-top:-32px} .eyfoot::before,.eyfoot::after{width:320px;height:320px} .eyfoot_lxfs dl dd span,.eyfoot_lxfs dl dd p{font-size:14px;color: #848588;} .eyfoot_lxfs dl dd:first-child p{font-size:20px} .eyfoot_list a{max-height:48px;line-height:24px;font-size:14px} .eyfoot_copy{padding:15px 0} .eyfoot_copy p,.eyfoot_copy p a{line-height:30px;font-size:14px} .conbanner{height:320px} .conba_text span{font-size:40px} .conba_text p{font-size:24px;margin-top:-14px} .conba_text i{width:28px;height:28px;margin:10px auto 0;padding:8px} .conmenu .conmenu_main{border-radius:10px 10px 0 0}} @media (max-width:1024px){.conbanner{height:300px} .conmenu{margin:-60px auto 0} .conmenu_main ul li a{height:60px;font-size:15px;padding:10px 20px} .conmenu_main ul li a i{margin:-2px 10px 0 0} .contitle em{line-height:50px;font-size:64px} .contitle p{line-height:50px;font-size:28px;margin-top:-50px}} @media (max-width:920px){.eymore a{width:132px;height:40px;line-height:40px;font-size:14px} .eymore a i{width:22px;height:22px;padding:6px} .eytitle{margin-bottom:30px} .eytitle span{line-height:44px;font-size:60px} .eytitle p{font-size:28px;margin-top:-28px} .eyfoot::before{width:300px;height:300px} .eyfoot::after{width:400px;height:400px} .eyfoot_main{padding:30px 0} .eyfoot_main .eyfoot_left{width:100%;float:none} .eyfoot_main .eyfoot_right{display:none} .eyfoot_lxfs{margin:20px 0 0;float:left} .eyfoot_ewm{margin-top:70px;float:right} .eyfoot_copy p{width:100%;float:none !important} .conbanner{height:280px}} @media (max-width:820px){.eyidx_Links{display:none} .eyfoot_copy{border-top:1px solid rgba(255,255,255,.15)} .conbanner{height:240px;border-radius:0} .conmenu{margin:0 auto} .conmenu .conmenu_main{width:100%;border-radius:0} .contitle em{line-height:40px;font-size:54px} .contitle p{line-height:40px;font-size:24px;margin-top:-40px} .contitle span{line-height:22px;font-size:16px} .concrumb{padding:10px 3%}} @media (max-width:767px){ .eyfoot::before{width:240px;height:240px} .eyfoot::after{width:320px;height:320px} .eyfoot_left a.eyfoot_logo{height:48px} .eyfoot_lxfs{float:none} .eyfoot_ewm{display:none} .eyfoot_copy p,.eyfoot_copy p a{line-height:28px} .eytitle{margin-bottom:20px} .eytitle span{line-height:40px;font-size:48px} .eytitle p{font-size:24px;margin-top:-24px} .conbanner{height:160px;margin-top:0px} .conba_text span{font-size:30px} .conba_text p{font-size:18px;margin-top:-10px} .conba_text i{width:24px;height:24px;margin:8px auto 0;padding:7px} .conmenu_main ul li{padding:0} .conmenu_main ul li a{height:50px;font-size:14px;padding:5px 10px} .conmenu_main ul li a i{width:16px;height:16px;margin:-2px 6px 0 0} .contitle{margin-bottom:20px} .contitle em{line-height:32px;font-size:44px} .contitle p{line-height:32px;font-size:22px;margin-top:-32px} .contitle span{line-height:20px;font-size:14px} .ey_Pages{font-size:0} .concrumb{padding:4px 3%} .concrumb p{padding-left:24px} .concrumb p i{width:12px;margin:0 4px}} @media (max-width:320px){.eymore a{width:120px;height:36px;line-height:36px;font-size:12px} .conbanner{height:120px}} .eybanner { height:900px; overflow:hidden; background-color:#f5f5f5; position:relative } .eybanner .swiper-container { height:100% } .eybanner .swiper-slide { overflow:hidden; display:flex; align-items:center; justify-content:center; position:relative } .eybanner .swiper-slide img { -moz-transform:scale(1.05, 1.5); -webkit-transform:scale(1.05, 1.05); -o-transform:scale(1.05, 1.05); -ms-transform:scale(1.05, 1.05); transform:scale(1.05, 1.05); -webkit-transition:all 2s ease-in; -moz-transition:all 2s ease-in; -o-transition:all 2s ease-in; -ms-transition:all 2s ease-in; transition:all 2s ease-in; -webkit-transition:all 2s ease-in-out } .eybanner .swiper-slide.swiper-slide-active img { -moz-transform:scale(1, 1); -webkit-transform:scale(1, 1); -o-transform:scale(1, 1); -ms-transform:scale(1, 1); transform:scale(1, 1) } .eybanner .swiper-slide .eyba_text { padding-right:30%; position:absolute; left:50%; top:50%; z-index:1; transform:translate(-50%, -50%); -webkit-transform:translate(-50%, -50%); -moz-transform:translate(-50%, -50%); -ms-transform:translate(-50%, -50%); -o-transform:translate(-50%, -50%) } .eyba_text p { line-height:1.2; color:#fff; font-size:64px; padding-left:54px; position:relative; text-shadow: 0 2px 4px rgba(0,0,0,0.4); font-weight:bolder } .eyba_text p::before { content:''; display:block; width:24px; height:24px; background-color:#6bc4ea; border-radius:50%; position:absolute; left:12px; top:32px } .eyba_text p::after { content:''; display:block; width:22px; height:22px; border:4px solid #f26305; border-radius:50%; position:absolute; left:0; top:22px } .eyba_text span { display:block; line-height:1.4; color:#fff; font-size:28px; margin-top:20px; text-shadow: 0 2px 4px rgba(0,0,0,0.4); } .eyba_text .eymore { margin-top:80px } .eybanner .swiper-button-prev, .eybanner .swiper-button-next { width:60px; height:60px; margin-top:-30px; padding:18px; background:rgba(0, 0, 0, .2); border-radius:50%; top:50% } .eybanner .swiper-button-prev { left:30px; transform:rotateY(180deg); -webkit-transform:rotateY(180deg) } .eybanner .swiper-button-next { right:30px } .eybanner .swiper-button-prev:hover, .eybanner .swiper-button-next:hover { background:#f26305 } .eybanner .swiper-button-disabled { opacity:.25 !important } .eybanner .swiper-pagination { width:100%; height:8px; bottom:170px !important } .eybanner .swiper-pagination span { width:8px; height:8px; background-color:rgba(0, 0, 0, .2); border-radius:4px; margin:0 4px; opacity:1; vertical-align:top } .eybanner .swiper-pagination span.swiper-pagination-bullet-active { width:32px; background-color:#f26305 } #data { margin:-400px 0 400px } .eyabout { background:url(../images/aboutbg.jpg) center top no-repeat; background-size:cover; position:relative } .eyabout_main { display:flex; align-items:center; padding:60px; background-color:#fff; border-radius:16px; position:relative; top:-140px; z-index:1 } .eyabout_main::before { content:''; display:block; width:calc(100% - 20px); height:100%; border:12px solid rgba(255, 255, 255, .2); border-radius:16px; position:absolute; right:-40px; bottom:-40px; box-sizing:border-box; -webkit-box-sizing:border-box } .eyabout_main .eyabout_text { width:50%; position:relative; z-index:1 } .eyabout_con { max-height:112px; overflow:hidden; line-height:28px; color:#555; font-size:16px; margin:-40px 0 40px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:4; -webkit-box-orient:vertical } .eyabout_data { width:100%; margin-bottom:40px } .eyabout_data ul { display:flex; align-items:center; justify-content:space-between } .eyabout_data ul li p { height:40px; line-height:40px; color:#f26305; font-size:16px } .eyabout_data ul li p em { display:inline-block; line-height:40px; color:#f26305; font-family:"AlimamaShuHeiTi-Bold"; font-size:48px; vertical-align:middle; margin-right:10px } .eyabout_data ul li span { display:block; line-height:28px; color:#555; font-size:16px; margin-top:10px } .eyabout_btn .eymore { margin-right:20px; float:left } .eyabout_btn .eymore1 { margin-right:0 } .eyabout_main .eyabout_img { width:50%; padding-left:60px; position:relative; z-index:1 } .eyabout_img { display:block; width:100%; height:434px; overflow:hidden; border-radius:16px; position:relative } video { margin-top:70px } .eyabout_img a:hover img { transform:scale(1.1); -webkit-transform:scale(1.1) } /* 产品轮播整体容器 */ .eypro_vertical_pager { position: relative; margin-top: 30px; } /* 视口 - 固定高度 */ .vp-viewport { height: 460px; overflow: hidden; position: relative; } /* 轨道 */ .vp-track { transition: transform 0.6s cubic-bezier(0.25, 0.8, 0.25, 1); will-change: transform; } /* 每一屏 (4列网格) */ .vp-slide { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; height: 460px; box-sizing: border-box; } /* 空占位（产品不足时） */ .vp-empty { /* 无内容 */ } /* ===== 产品卡片 ===== */ .vp-slide .pro-item-source { width: 100%; min-width: 0; box-sizing: border-box; } .vp-slide .conpro_con { position: relative; width: 100%; min-width: 0; height: 100%; display: flex; flex-direction: column; justify-content: space-between; background: #fff; border: 1px solid #eee; border-radius: 10px; padding: 20px 14px; text-align: center; box-shadow: 0 5px 20px rgba(0,0,0,0.05); transition: transform 0.3s, box-shadow 0.3s; box-sizing: border-box; overflow: hidden; } .vp-slide .conpro_con:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0,0,0,0.12); } /* ---- 分类标签 ---- */ .vp-slide .nyPro_model { flex-shrink: 0; display: inline-block; background: #1a73e8; color: #fff; padding: 2px 12px; border-radius: 20px; font-size: 12px; margin-bottom: 10px; align-self: center; } /* ---- 标题（固定高度，单行省略） ---- */ .vp-slide .nyPro_name { flex-shrink: 0; display: block; width: 100%; font-size: 16px; color: #222; font-weight: bold; line-height: 2.4; height: 2.8em; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; box-sizing: border-box; } /* ---- 图片容器（保持正方形 1:1，且不拉伸） ---- */ .vp-slide .nyPro_img { width: 100%; position: relative; padding-bottom: 100%; /* 1:1 正方形 */ height: 0; overflow: hidden; border-radius: 6px; flex-shrink: 0; background: #f5f5f5; } .vp-slide .nyPro_img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s; } .vp-slide .conpro_con:hover .nyPro_img img { transform: scale(1.08); } /* ---- 查看详情按钮 ---- */ .vp-slide .eymore { flex-shrink: 0; display: flex; align-items: center; justify-content: center; gap: 4px; font-size: 14px; color: #1a73e8; cursor: pointer; transition: color 0.3s; margin-top: 10px; } .vp-slide .eymore:hover { color: #0f5bbd; } .vp-slide .eymore svg { width: 14px; height: 14px; color: #fff; } /* ===== 上下箭头导航 ===== */ .vp-nav { display: flex; flex-direction: row; align-items: center; gap: 10px; margin-top: 20px; justify-content: center; flex-wrap: wrap; } .vp-btn { width: 44px; height: 44px; border: none; border-radius: 50%; background: #1a73e8; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: background 0.3s, transform 0.2s, opacity 0.3s; box-shadow: 0 4px 12px rgba(26,115,232,0.3); } .vp-btn:hover { background: #0f5bbd; transform: scale(1.05); } .vp-btn:active { transform: scale(0.95); } .vp-btn:disabled { opacity: 0.4; cursor: not-allowed; pointer-events: none; } .vp-btn svg { width: 20px; height: 20px; } /* ===== 手机自适应 ===== */ @media (max-width: 768px){ .vp-viewport, .vp-slide { height: 550px; /* 调整为容纳 2 行的高度 */ } .vp-slide { grid-template-columns: repeat(2, 1fr); /* 2列 */ grid-template-rows: 1fr 1fr; /* 2行，均分高度 */ gap: 8px; } .vp-slide .conpro_con { padding: 10px 8px; border-radius: 6px; } .vp-slide .nyPro_model { font-size: 10px; padding: 2px 8px; margin-bottom: 6px; } .vp-slide .nyPro_name { font-size: 12px; line-height: 2.3; height: 2.6em; margin-bottom: 6px; } .vp-slide .nyPro_img { border-radius: 4px; } .vp-slide .eymore { font-size: 12px; margin-top: 6px; } .vp-slide .eymore svg { width: 10px; height: 10px; } .vp-btn { width: 36px; height: 36px; } .vp-btn svg { width: 16px; height: 16px; }} .eyproducts { padding:80px 0; background-color:#eef1f8; position:relative } .eypro_swiper { padding-bottom:100px; position:relative } .conpro_con { overflow:hidden; padding:30px; background-color:#fff; border-top:5px solid #f26305; border-radius:8px; position:relative } .conpro_con::before { content:''; display:block; width:100%; height:100%; background-color:rgba(0, 50, 160, .9); position:absolute; left:0; top:100%; z-index:1; transition:all 0.5s; -webkit-transition:all 0.5s } .conpro_con:hover::before { top:0 } .conpro_con span.nyPro_model { display:inline-block; max-width:100%; height:24px; overflow:hidden; line-height:24px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; background-color:#6bc4ea; border-radius:4px; padding:0 10px; position:relative; z-index:2 } .conpro_con a.nyPro_name { display:block; height:34px; overflow:hidden; line-height:32px; color:#222; font-size:18px; margin:10px 0; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical; position:relative; z-index:2 } .conpro_con:hover a.nyPro_name { color:#fff } .conpro_con a.nyPro_img { display:block; width:100%; height:260px; overflow:hidden; position:relative } .conpro_con:hover a.nyPro_img img { transform:scale(1.1); -webkit-transform:scale(1.1) } .conpro_con .eymore { position:absolute; left:30px; bottom:-100%; z-index:2 } .conpro_con:hover .eymore { bottom:60px } .conpro_con:hover .eymore a:hover { background-color:#fff } .conpro_con:hover .eymore a:hover i svg { color:#fff ; } .eypro_swiper .swiper-button-prev, .eypro_swiper .swiper-button-next { width:50px; height:50px; margin-top:0; padding:15px; background:#6bc4ea; border-radius:50%; top:inherit; bottom:0 } .eypro_swiper .swiper-button-prev { left:inherit; right:calc(50% + 16px); transform:rotateY(180deg); -webkit-transform:rotateY(180deg) } .eypro_swiper .swiper-button-next { right:inherit; left:calc(50% + 16px) } .eypro_swiper .swiper-button-prev:hover, .eypro_swiper .swiper-button-next:hover { background:#f26305 } .eypro_swiper .swiper-button-disabled { opacity:.25 !important } .eynews { overflow:hidden; padding:80px 0 } .eynews .w1500 { position:relative } .eynews_tab { text-align:right; position:absolute; top:38px; right:0 } .eynews_tab ul li { display:inline-block; vertical-align:top; height:44px; overflow:hidden; line-height:44px; color:#222; font-size:18px; padding:0 24px; background-color:#eef1f8; border-radius:22px; cursor:pointer } .eynews_tab ul li:first-child { margin-right:20px } .eynews_tab ul li:hover, .eynews_tab ul li.active { color:#fff; background-color:#f26305 } .eynews_list dl { display:flex; flex-wrap:wrap; justify-content:left; margin:0 -10px -20px } .eynews_list dl dd { width:50%; margin-bottom:20px; padding:0 10px } .eynews_list dl dd .eynews_con { display:flex; align-items:center; min-height:100%; overflow:hidden; background-color:#eef1f8; border-radius:8px } .eynews_list dl dd .eynews_con:hover { background-color:#f26305 } .eynews_con .eynews_time { width:160px; height:auto; padding:0 40px } .eynews_con .eynews_time i { display:block; width:24px; height:24px; overflow:hidden; margin:0 auto } .eynews_con:hover .eynews_time i svg { color:#fff ; } .eynews_con .eynews_time span { display:block; line-height:24px; color:#777; font-size:16px; text-align:center; margin:20px 0 10px; padding-bottom:10px; border-bottom:1px solid #ddd } .eynews_con .eynews_time p { line-height:50px; color:#777; font-size:48px; font-weight:bold; text-align:center } .eynews_con:hover .eynews_time span { color:#fff; border-bottom:1px solid #fff } .eynews_con:hover .eynews_time p { color:#fff } .eynews_con .eynews_text { width:calc(100% - 160px); padding:40px; border-left:1px solid #ddd } .eynews_con:hover .eynews_text { border-left:1px solid rgba(255, 255, 255, .15) } .eynews_con .eynews_text a.name { display:block; max-height:60px; overflow:hidden; line-height:30px; color:#222; font-size:18px; font-weight:bold; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical } .eynews_con:hover .eynews_text a.name { color:#fff } .eynews_con .eynews_text p.dec { max-height:56px; overflow:hidden; line-height:28px; color:#777; font-size:16px; margin-top:20px; display:-webkit-box; text-overflow:ellipsis; -webkit-line-clamp:2; -webkit-box-orient:vertical } .eynews_con:hover .eynews_text p.dec { color:#fff } .eynews_con .eynews_text a.btn { display:inline-block; vertical-align:top; height:40px; line-height:40px; color:#777; font-size:16px; margin-top:40px } .eynews_con .eynews_text a.btn i { display:inline-block; width:28px; height:28px; overflow:hidden; padding:7px; background-color:#ddd; border-radius:50%; vertical-align:middle; margin:-2px 0 0 10px } .eynews_con:hover .eynews_text a.btn { color:#fff } .eynews_con:hover .eynews_text a.btn i { background-color:#6bc4ea; margin:-2px 0 0 20px } @media (max-width:1680px){ .eybanner { height:800px } .eyba_text p { font-size:48px } .eyba_text p::after { width:18px; height:18px; border:3px solid #f26305; top:17px } .eyba_text p::before { width:22px; height:22px; left:8px; top:24px } .eyba_text span { font-size:24px } .eyba_text .eymore { margin-top:50px } .eybanner .swiper-button-prev, .eybanner .swiper-button-next { width:54px; height:54px; margin-top:-27px; padding:15px } .eybanner .swiper-pagination { bottom:150px !important } .eyabout_main { padding:50px; border-radius:12px; top:-120px } .eyabout_main::before { border:8px solid rgba(255, 255, 255, .2); border-radius:12px; right:-30px; bottom:-30px } .eyabout_con { max-height:108px; line-height:27px; font-size:15px; margin:-20px 0 30px } .eyabout_data ul li p { font-size:15px } .eyabout_data ul li p em { font-size:44px } .eyabout_data ul li span { line-height:25px; font-size:15px } .eyabout_main .eyabout_img { padding-left:50px } .eyabout_img a { height:403px; border-radius:12px } .eyabout::after, .eyproducts::after { width:280px; height:20px } .eyproducts, .eynews { padding:100px 0 } .eypro_swiper { padding-bottom:90px } .conpro_con { padding:24px; border-top:4px solid #f26305 } .conpro_con span.nyPro_model { font-size:14px } .conpro_con a.nyPro_name { height:60px; line-height:30px; font-size:20px } .conpro_con a.nyPro_img { height:240px } .eypro_swiper .swiper-button-prev { right:calc(50% + 12px) } .eypro_swiper .swiper-button-next { left:calc(50% + 12px) } .eynews_tab { top:28px } .eynews_con .eynews_time { padding:0 30px } .eynews_con .eynews_text { padding:30px } .eynews_con .eynews_text p.dec { margin-top:15px } .eynews_con .eynews_text a.btn { margin-top:30px }} @media (max-width:1600px){ .eybanner { height:760px }} @media (max-width:1560px){ .eybanner { height:740px } .eyba_text p { font-size:44px; padding-left:48px } .eyba_text p::before { width:20px; height:20px; left:6px; top:22px } .eyba_text p::after { width:16px; height:16px; top:15px } .eyba_text span { font-size:22px } .eybanner .swiper-pagination { bottom:120px !important } .eyabout_main { padding:40px; top:-100px } .eyabout_con { margin:-20px 0 30px } .eyabout_main .eyabout_img { padding-left:40px } .eyproducts, .eynews { padding:80px 0 } .eypro_swiper { padding-bottom:80px } .conpro_con { padding:20px } .conpro_con a.nyPro_name { height:56px; line-height:28px; font-size:18px } .conpro_con a.nyPro_img { height:220px } .eypro_swiper .swiper-button-prev, .eypro_swiper .swiper-button-next { width:44px; height:44px } .eypro_swiper .swiper-button-prev { right:calc(50% + 10px) } .eypro_swiper .swiper-button-next { left:calc(50% + 10px) } .eynews_tab { top:20px } .eynews_con .eynews_time { width:140px } .eynews_con .eynews_time span { line-height:22px; font-size:14px } .eynews_con .eynews_time p { line-height:40px; font-size:44px } .eynews_con .eynews_text { width:calc(100% - 140px) } .eynews_con .eynews_text p.dec { max-height:50px; line-height:25px; font-size:15px } .eynews_con .eynews_text a.btn { height:35px; line-height:35px; font-size:15px } .eynews_con .eynews_text a.btn i { width:25px; height:25px; padding:8px }} @media (max-width:1440px){ .eybanner { height:680px } .eybanner .swiper-slide .eyba_text { padding-right:40% } .eyba_text p { font-size:40px; padding-left:40px } .eyba_text p::after { width:14px; height:14px; top:14px } .eyba_text p::before { width:18px; height:18px; left:6px; top:20px } .eyba_text .eymore { margin-top:40px } .eybanner .swiper-button-prev, .eybanner .swiper-button-next { display:none } .eynews_list ul { margin:0 -15px 10px } .eynews_list dl dd { margin-bottom:30px; padding:0 15px } .eynews_con { border-radius:12px }} @media (max-width:1366px){ .eybanner { height:640px } .eybanner .swiper-pagination { bottom:100px !important } .eyabout_main { top:-80px }} @media (max-width:1280px){ .eybanner { height:600px } .eyba_text p { font-size:36px } .eyba_text p::before { width:14px; height:14px; left:6px; top:18px } .eyba_text p::after { width:12px; height:12px; border:2px solid #f26305; top:14px } .eyba_text span { font-size:20px; margin-top:15px } .eyba_text .eymore { margin-top:30px } .eybanner .swiper-pagination { bottom:80px !important } .eyabout_main { top:-60px } .eyabout_main::before { border:6px solid rgba(255, 255, 255, .2); border-radius:12px; right:-20px; bottom:-20px } .eyabout_img a { height:380px } .eyproducts, .eynews { padding:60px 0 } .conpro_con a.nyPro_img { height:200px } .eynews_tab { top:16px } .eynews_tab ul li { font-size:16px } .eynews_con { border-radius:10px } .eynews_con .eynews_text a.name { max-height:52px; line-height:26px; font-size:16px } .eynews_con .eynews_text p.dec { max-height:48px; line-height:24px; font-size:14px; margin-top:12px } .eynews_con .eynews_text a.btn { height:32px; line-height:32px; font-size:14px; margin-top:24px }} @media (max-width:1200px){ .eybanner { height:570px } .eyba_text p { font-size:32px; padding-left:32px } .eyba_text p::after { top:11px } .eyba_text p::before { top:16px } .eyba_text span { font-size:18px } .eybanner .swiper-pagination { height:6px } .eybanner .swiper-pagination span { width:6px; height:6px } .eybanner .swiper-pagination span.swiper-pagination-bullet-active { width:24px } .eyabout_data ul li p em { font-size:40px; margin-right:8px } .eyabout_data ul li p { font-size:14px } .eyabout_data ul li span { line-height:22px; font-size:14px } .conpro_con a.nyPro_img { height:180px }} @media (max-width:1080px){ .eybanner { height:500px } .eyabout_main { padding:30px } .eyabout_con { margin:-20px 0 24px } .eyabout_data { margin-bottom:30px } .eyabout_main .eyabout_img { padding-left:30px } .eyabout_img a { height:350px } .eyabout_main::before { width:100%; border:4px solid rgba(255, 255, 255, .2); border-radius:12px; right:-15px; bottom:-15px } .conpro_con a.nyPro_img { height:200px } .eynews_list dl { margin:0 -10px 10px } .eynews_list dl dd { margin-bottom:20px; padding:0 10px } .eynews_con .eynews_time { width:120px; padding:0 20px } .eynews_con .eynews_time span { margin:16px 0 8px; padding-bottom:8px } .eynews_con .eynews_time p { line-height:36px; font-size:40px } .eynews_con .eynews_text { width:calc(100% - 120px); padding:20px } .eynews_con .eynews_text a.btn { margin-top:16px }} @media (max-width:1024px){ .eybanner { height:480px }} @media (max-width:920px){ .eybanner { height:420px; margin-top:70px } .eyba_text p { font-size:28px; padding-left:30px } .eyba_text p::before { width:12px; height:12px; left:5px; top:15px } .eyba_text p::after { width:10px; height:10px; top:10px } .eyba_text span { font-size:16px } .eyba_text .eymore { margin-top:20px } .eybanner .swiper-pagination { bottom:20px !important } .eyabout { padding-top:60px } .eyabout_main { margin-bottom:60px; top:inherit } .eyabout_con { max-height:96px; line-height:24px; font-size:14px; margin:-10px 0 20px } .eyabout_data { margin-bottom:24px } .eyabout_data ul li p { height:32px; line-height:32px } .eyabout_data ul li p em { line-height:32px; font-size:34px; margin-right:6px } .eyabout_data ul li p { font-size:12px } .eyabout_data ul li span { line-height:20px; font-size:12px; margin-top:4px } .eyabout_img a { height:300px } .eypro_swiper { padding-bottom:60px } .conpro_con a.nyPro_name { height:52px; line-height:26px; font-size:16px } .conpro_con a.nyPro_img { height:180px } .eypro_swiper .swiper-button-prev, .eypro_swiper .swiper-button-next { width:40px; height:40px } .eynews_tab { top:4px } .eynews_tab ul li { height:40px; line-height:40px } .eynews_tab ul li:first-child { margin-right:16px } .eynews_con .eynews_time { width:110px } .eynews_con .eynews_text { width:calc(100% - 110px) }} @media (max-width:820px){ .eybanner { height:360px } .eyabout_data ul li p { height:30px; line-height:30px } .eyabout_data ul li p em { line-height:30px; font-size:30px } .conpro_con a.nyPro_img { height:160px }} @media (max-width:767px){ .eybanner { height:220px; margin-top:0px } video{ margin-top:0px} .eyabout_img { height: auto; } .eybanner .swiper-slide .eyba_text { padding-right:36% } .eyba_text p { font-size:18px; padding-left:24px } .eyba_text p::before { width:10px; height:10px; left:4px; top:8px } .eyba_text p::after { width:8px; height:8px; border:1px solid #f26305; top:5px } .eyba_text span { line-height:1.6; font-size:12px; margin-top:10px } .eyba_text .eymore { margin-top:10px } .eyba_text .eymore a { width:112px; height:32px; line-height:32px; font-size:12px } .eyba_text .eymore a i { width:20px; height:20px; padding:5px } .eybanner .swiper-pagination { bottom:10px !important } .eyabout { overflow:hidden; padding-top:40px } .eyabout_main { display:block; align-items:unset; padding:20px; border-radius:8px } .eyabout_main .eyabout_text { width:100% } .eyabout_con { margin:0 0 20px; max-height:144px; -webkit-line-clamp:6 } .eyabout_main .eyabout_img { width:100%; padding-left:0; margin-top:20px } .eyabout_img a { height:240px; border-radius:8px } .eyabout_main::before { border:2px solid rgba(255, 255, 255, .2); border-radius:8px; right:-20px; bottom:-20px } .eyabout::after, .eyproducts::after { width:160px; height:12px } .eyproducts { padding:60px 0 } .eynews { padding:40px 0 } .conpro_con a.nyPro_name { height:56px; line-height:28px; font-size:14px; margin:0 } .conpro_con a.nyPro_img { height:250px } .eynews_tab ul li { height:36px; line-height:36px; font-size:14px; padding:0 15px } .eynews_tab ul li:first-child { margin-right:8px } .eynews_list dl { margin:0 } .eynews_list dl dd { width:100%; padding:0 } .eynews_con { border-radius:8px } .eynews_con .eynews_time { width:94px; padding:0 12px } .eynews_con .eynews_time i { width:22px; height:22px } .eynews_con .eynews_text { width:calc(100% - 94px) } .eynews_con .eynews_text a.name { max-height:50px; line-height:25px; font-size:15px }} @media (max-width:390px){ .eybanner { height:200px } .eyabout_data { margin-bottom:20px } .eyabout_data ul li p { height:24px; line-height:24px } .eyabout_data ul li p em { line-height:24px; font-size:24px; margin-right:4px } .eyabout_img a { height:220px }} @media (max-width:320px){ .eybanner { height:160px } .eyba_text p { font-size:16px; padding-left:16px } .eyba_text p::before { width:7px; height:7px; left:3px; top:9px } .eyba_text p::after { width:6px; height:6px; border:1px solid #f26305; top:6px } .eyabout_main { padding:12px } .eyabout_data ul { display:block; align-items:unset; margin-bottom:-10px } .eyabout_data ul li { width:50%; margin-bottom:10px; float:left } .eyabout_data ul::after { content:''; display:block; height:0; overflow:hidden; clear:both } .eyabout_btn .eymore { margin-right:12px } .eyabout_img a { height:180px } .conpro_con { padding:12px } .conpro_con a.nyPro_img { height:200px } .eynews_con { display:block } .eynews_con .eynews_time { width:100%; padding:10px 20px; display:flex; align-items:center } .eynews_con .eynews_time i { width:16px; height:16px; margin:0 } .eynews_con .eynews_time span { margin:0 0 0 10px; padding-bottom:0; border:0 } .eynews_con .eynews_time p { line-height:22px; font-size:14px; font-weight:normal } .eynews_con .eynews_time p::before { content:'-'; display:inline-block; color:#777; font-size:14px } .eynews_con .eynews_text { width:100%; border-left:0; border-top:1px solid #ddd } .eynews_con:hover .eynews_text { border-left:0; border-top:1px solid rgba(255, 255, 255, .15) } .eynews_con .eynews_text p.dec { margin-top:10px } .eynews_con .eynews_text a.name { max-height:52px; line-height:26px; font-size:16px }} .conabout_intro{overflow:hidden;padding:80px 0 0;position:relative} .conaboutIntro_main{display:flex} .conaboutIntro_main .conaboutIntro_text{width:50%;padding-right:60px} .conaboutIntro_time{height:40px;line-height:40px;color:#999;font-size:42px;font-weight:lighter;text-align:right;margin-bottom:40px;position:relative} .conaboutIntro_time em{display:inline-block;line-height:40px;color:#f26305;font-family:"AlimamaShuHeiTi-Bold";font-size:44px;font-style:normal;margin-left:10px} .conaboutIntro_time::before{content:'';display:block;width:200%;height:1px;background-color:#e6e6e6;position:absolute;top:50%;right:260px} .conaboutIntro_con{height:360px;overflow-y:scroll;line-height:32px;color:#555 !important;font-family:'Arial','\5FAE\8F6F\96C5\9ED1','Microsoft Yahei' !important;font-size:16px !important;padding-right:40px} .conaboutIntro_con::-webkit-scrollbar{width:3px} .conaboutIntro_con p{line-height:32px;color:#555;font-family:'Arial','\5FAE\8F6F\96C5\9ED1','Microsoft Yahei';font-size:16px;text-indent:2em} .conaboutIntro_con span,.conaboutIntro_con p span,.conaboutIntro_con font,.conaboutIntro_con p font{color:#555 !important;font-family:'Arial','\5FAE\8F6F\96C5\9ED1','Microsoft Yahei' !important;font-size:16px !important} .conaboutIntro_main .conaboutIntro_img{width:50%;height:450px;overflow:hidden;border-radius:16px;position:relative} .conaboutIntro_data{margin-top:60px} .conaboutIntro_data ul{display:flex;flex-wrap:wrap;justify-content:left;margin:0 -24px} .conaboutIntro_data ul li{width:33.333333%;padding:0 24px} .conaboutIntro_data ul li .con{display:flex;align-items:center;justify-content:center;min-height:100%;overflow:hidden;padding:32px 48px;background-color:#999;border-radius:16px} .conaboutIntro_data ul li .con:hover{background-color:#f26305;box-shadow:0 10px 20px rgba(0,50,160,.24)} .conaboutIntro_data ul li .con i{display:block;width:80px;height:80px;overflow:hidden;opacity:.2} .conaboutIntro_data ul li .con:hover i{opacity:.1} .conaboutIntro_data ul li .con .text{padding-left:32px} .conaboutIntro_data ul li .con .text p{height:60px;margin-bottom:14px} .conaboutIntro_data ul li .con .text p em{display:inline-block;line-height:60px;color:#fff;font-family:"AlimamaShuHeiTi-Bold";font-size:70px;font-style:normal} .conaboutIntro_data ul li .con .text p sub{display:inline-block;line-height:30px;color:rgba(255,255,255,.45);font-size:18px;vertical-align:baseline;margin-left:12px} .conaboutIntro_data ul li .con .text span{line-height:26px;color:#fff;font-size:16px} .conabout_culture{overflow:hidden;padding:100px 0 50px;position:relative} .conaboutCulture_list ul{display:flex;align-items:center;justify-content:center} .conaboutCulture_list ul li{display:flex;align-items:center;justify-content:center;width:400px;height:400px;overflow:hidden;margin:0 -20px;padding:40px;border:1px solid #c2cde5;border-radius:50%;position:relative} .conaboutCulture_list ul li:hover{background-color:#f26305;border:1px solid #f26305;box-shadow:0 10px 20px rgba(0,50,160,.24);z-index:1} .conaboutCulture_list ul li .con i{display:block;width:80px;height:80px;overflow:hidden;margin:0 auto} .conaboutCulture_list ul li .con p{line-height:40px;color:#222;font-size:30px;font-weight:bold;text-align:center;margin:30px auto 20px} .conaboutCulture_list ul li .con p::before,.conaboutCulture_list ul li .con p::after{content:'';display:inline-block;width:6px;height:6px;background-color:#f26305;border-radius:50%;margin-top:-2px;vertical-align:middle} .conaboutCulture_list ul li .con p::before{margin-right:12px} .conaboutCulture_list ul li .con p::after{margin-left:12px} .conaboutCulture_list ul li .con span{display:block;line-height:30px;color:#555;font-size:18px;text-align:center} .conaboutCulture_list ul li:hover .con i svg { color:#fff; } .conaboutCulture_list ul li:hover .con p,.conaboutCulture_list ul li:hover .con span{color:#fff} .conaboutCulture_list ul li:hover .con p::before,.conaboutCulture_list ul li:hover .con p::after{background-color:#6bc4ea} .conabout_honor{overflow:hidden;padding:100px 0;background-image:linear-gradient(to bottom,#c9d2e4,#eef1f8);position:relative} .conabout_honor::before{content:'';display:block;width:660px;height:860px;overflow:hidden;background-size:100% 100%;position:absolute;top:200px;right:100px;z-index:0} .conaboutHonor_main{position:relative;z-index:1} .conaboutHonor_swiper{min-height:240px;overflow:hidden;background-color:#fff;border-radius:16px;position:relative} .conaboutHonor_swiper .swiper-slide{padding:60px 40px;background-color:#fff;border-right:1px solid #e6e6e6;position:relative} .conaboutHonor_swiper .swiper-slide:hover{background-color:#eef1f8;border-right:1px solid #eef1f8} .conaboutHonor_swiper .swiper-slide a:nth-child(1){display:block;width:100%;height:260px;overflow:hidden;margin:0 auto 20px;position:relative} .conaboutHonor_swiper .swiper-slide a:nth-child(1) img{display:block;max-width:100%;max-height:100%;margin:auto;position:absolute;left:0;top:0;right:0;bottom:0} .conaboutHonor_swiper .swiper-slide:hover a:nth-child(1) img{transform:scale(1.05);-webkit-transform:scale(1.05)} .conaboutHonor_swiper .swiper-slide a.name{display:block;width:100%;line-height:30px;color:#777;font-size:16px;text-align:center} .conaboutHonor_swiper .swiper-slide:hover a.name{color:#222} .conaboutHonor_swiper .swiper-slide::after{content:'';display:block;width:0;height:5px;background-color:#f26305;position:absolute;bottom:0;left:0;transition:all .3s ease-in-out} .conaboutHonor_swiper .swiper-slide:hover::after{width:100%} .conaboutHonor_swiper .swiper-button-prev,.conaboutHonor_swiper .swiper-button-next{width:48px;height:48px;margin-top:-24px;padding:13px;background:none;border-radius:50%;position:absolute;top:50%} .conaboutHonor_swiper .swiper-button-prev{left:0;transform:rotateY(180deg);-webkit-transform:rotateY(180deg)} .conaboutHonor_swiper .swiper-button-next{right:0} .conaboutHonor_swiper .swiper-button-disabled{opacity:.25 !important} @media (max-width:1680px){.conaboutIntro_main .conaboutIntro_text{padding-right:50px} .conaboutIntro_time{font-size:36px} .conaboutIntro_time em{font-size:42px} .conaboutIntro_time::before{right:220px} .conaboutIntro_data ul{margin:0 -20px} .conaboutIntro_data ul li{padding:0 20px} .conaboutIntro_data ul li .con{padding:30px 40px} .conaboutIntro_data ul li .con .text p{height:50px;margin-bottom:10px} .conaboutIntro_data ul li .con .text p em{line-height:50px;font-size:64px} .conaboutIntro_data ul li .con .text p sub{line-height:20px;font-size:16px} .conabout_culture{padding:80px 0 100px} .conaboutCulture_list ul li{width:360px;height:360px} .conaboutCulture_list ul li .con i{width:64px;height:64px} .conaboutCulture_list ul li .con p{line-height:36px;font-size:24px;margin:20px auto 10px} .conaboutCulture_list ul li .con span{font-size:16px} .conaboutCulture_list ul li .con p::before,.conaboutCulture_list ul li .con p::after{width:4px;height:4px} .conabout_honor{padding:80px 0} .conaboutHonor_swiper .swiper-slide{padding:50px 30px}} @media (max-width:1440px){.conaboutIntro_main .conaboutIntro_img{border-radius:12px} .conaboutIntro_data ul li .con{padding:30px;border-radius:12px} .conaboutIntro_data ul li .con .text p{line-height:48px} .conaboutIntro_data ul li .con .text p em{line-height:48px;font-size:60px} .conaboutHonor_swiper{border-radius:12px} .conaboutHonor_swiper .swiper-slide{padding:40px 20px}} @media (max-width:1280px){.conabout_intro{padding:60px 0 0} .conaboutIntro_time{height:30px;line-height:30px;font-size:32px;margin-bottom:30px} .conaboutIntro_time em{line-height:30px;font-size:37px} .conaboutIntro_time::before{right:200px} .conaboutIntro_main .conaboutIntro_text{padding-right:40px} .conaboutIntro_con{height:300px;line-height:30px;font-size:15px !important;padding-right:30px} .conaboutIntro_con p{line-height:30px;font-size:15px} .conaboutIntro_con span,.conaboutIntro_con p span,.conaboutIntro_con font,.conaboutIntro_con p font{font-size:15px !important} .conaboutIntro_main .conaboutIntro_img{height:360px;border-radius:10px} .conaboutIntro_data{margin-top:40px} .conaboutIntro_data ul{margin:0 -15px} .conaboutIntro_data ul li{padding:0 15px} .conaboutIntro_data ul li .con{border-radius:10px} .conaboutIntro_data ul li .con i{width:70px;height:70px} .conaboutIntro_data ul li .con .text{padding-left:24px} .conaboutIntro_data ul li .con .text p{height:40px} .conaboutIntro_data ul li .con .text p em{line-height:40px;font-size:52px} .conaboutIntro_data ul li .con .text p sub{line-height:17px;font-size:15px} .conaboutIntro_data ul li .con .text span{line-height:25px;font-size:15px} .conabout_culture{padding:60px 0 80px} .conaboutCulture_list ul li{width:320px;height:320px;margin:0 -15px;padding:30px} .conaboutCulture_list ul li .con i{width:60px;height:60px} .conaboutCulture_list ul li .con p{line-height:32px;font-size:22px} .conaboutCulture_list ul li .con span{line-height:25px;font-size:15px} .conabout_honor{padding:60px 0} .conaboutHonor_swiper{border-radius:10px} .conaboutHonor_swiper .swiper-slide{padding:30px 20px} .conaboutHonor_swiper .swiper-slide a:nth-child(1){height:230px;margin:0 auto 15px} .conaboutHonor_swiper .swiper-slide a.name{font-size:15px}} @media (max-width:1080px){.conaboutIntro_main .conaboutIntro_text{padding-right:30px} .conaboutIntro_data ul{margin:0 -12px} .conaboutIntro_data ul li{padding:0 12px} .conaboutIntro_data ul li .con{padding:24px;border-radius:10px} .conaboutIntro_data ul li .con i{width:60px;height:60px} .conaboutIntro_data ul li .con .text p{height:36px} .conaboutIntro_data ul li .con .text p em{line-height:36px;font-size:44px} .conaboutIntro_data ul li .con .text p sub{line-height:16px;font-size:14px} .conaboutIntro_data ul li .con .text span{line-height:24px;font-size:14px} .conabout_culture{padding:60px 0} .conaboutCulture_list ul li{width:300px;height:300px} .conaboutCulture_list ul li .con i{width:52px;height:52px} .conaboutHonor_swiper .swiper-slide a:nth-child(1){height:220px}} @media (max-width:1024px){.conaboutIntro_time{font-size:30px} .conaboutIntro_time em{font-size:34px} .conaboutIntro_time::before{right:180px} .conaboutIntro_con{height:240px;padding-right:20px} .conaboutIntro_main .conaboutIntro_img{height:300px} .conaboutIntro_data ul li .con i{width:52px;height:52px} .conaboutIntro_data ul li .con .text{padding-left:20px} .conaboutIntro_data ul li .con .text p{height:32px;margin-bottom:5px} .conaboutIntro_data ul li .con .text p em{line-height:32px;font-size:40px} .conaboutCulture_list ul li{width:280px;height:280px} .conaboutHonor_swiper .swiper-slide a:nth-child(1){height:200px}} @media (max-width:920px){.conaboutCulture_list ul li{width:260px;height:260px}} @media (max-width:820px){.conaboutIntro_time{font-size:24px;margin-bottom:20px} .conaboutIntro_time em{font-size:28px} .conaboutIntro_time::before{right:160px} .conaboutIntro_main .conaboutIntro_img{height:290px} .conaboutIntro_data ul{margin:0 -10px} .conaboutIntro_data ul li{padding:0 10px} .conaboutIntro_data ul li .con{padding:20px;display:block;align-items:unset} .conaboutIntro_data ul li .con i{margin:0 auto 20px} .conaboutIntro_data ul li .con .text{padding-left:0} .conaboutIntro_data ul li .con .text p,.conaboutIntro_data ul li .con .text span{display:block;text-align:center} .conaboutCulture_list ul li{width:340px;height:340px} .conaboutCulture_list ul li .con i{width:48px;height:48px} .conaboutCulture_list ul li .con p{line-height:30px;font-size:20px;margin:15px auto 10px} .conaboutCulture_list ul li .con span{line-height:24px;font-size:14px}} @media (max-width:767px){.conabout_intro{padding:40px 0 0} .conaboutIntro_main{display:block} .conaboutIntro_main .conaboutIntro_text{width:100%;margin-bottom:20px;padding-right:0} .conaboutIntro_con{padding-right:12px} .conaboutIntro_time{height:24px;line-height:24px;font-size:20px;margin-bottom:20px} .conaboutIntro_time em{line-height:24px;font-size:24px;margin-left:5px} .conaboutIntro_time::before{right:124px} .conaboutIntro_main .conaboutIntro_img{width:100%;height:250px;border-radius:8px} .conaboutIntro_data ul{margin:0 0 -20px} .conaboutIntro_data ul li{width:100%;margin-bottom:20px;padding:0} .conaboutIntro_data ul li .con{display:flex;align-items:center;border-radius:8px} .conaboutIntro_data ul li .con i{margin:0} .conaboutIntro_data ul li .con .text{padding-left:20px} .conaboutIntro_data ul li .con .text p,.conaboutIntro_data ul li .con .text span{text-align:left} .conabout_culture,.conabout_honor{padding:50px 0} .conaboutCulture_list ul{display:block;align-items:unset;justify-content:unset} .conaboutCulture_list ul li{margin:0 auto} .conaboutCulture_list ul li:nth-child(2){margin:-20px auto} .conaboutCulture_list ul li:nth-child(3){margin:-20px auto} .conaboutHonor_swiper{border-radius:8px} .conaboutHonor_swiper .swiper-slide{padding:20px 40px;border:0} .conaboutHonor_swiper .swiper-slide a:nth-child(1){height:240px}} @media (max-width:320px){.conaboutIntro_main .conaboutIntro_img{height:200px} .conaboutHonor_swiper .swiper-slide a:nth-child(1){height:220px}} /** * Swiper 4.5.0 */ .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,footer,header,nav{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h3,h4{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}dl,ul{margin-top:0;margin-bottom:1rem}ul ul{margin-bottom:0}dd{margin-bottom:.5rem;margin-left:0}sub{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}pre{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}textarea{overflow:auto;resize:vertical}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}template{display:none}[hidden]{display:none!important}.h1,.h3,.h4,h1,h3,h4{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}pre{display:block;font-size:87.5%;color:#212529}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.col{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled{pointer-events:none}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.clearfix::after{display:block;clear:both;content:""}.visible{visibility:visible!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}pre{white-space:pre-wrap!important}pre{border:1px solid #adb5bd;page-break-inside:avoid}img{page-break-inside:avoid}h3,p{orphans:3;widows:3}h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}}@keyframes bounce{20%,53%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}40%,43%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-30px,0);transform:translate3d(0,-30px,0)}70%{-webkit-animation-timing-function:cubic-bezier(.755,.05,.855,.06);animation-timing-function:cubic-bezier(.755,.05,.855,.06);-webkit-transform:translate3d(0,-15px,0);transform:translate3d(0,-15px,0)}90%{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)}}@-webkit-keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{50%,from,to{opacity:1}25%,75%{opacity:0}}@-webkit-keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes rubberBand{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@-webkit-keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@keyframes swing{20%{-webkit-transform:rotate3d(0,0,1,15deg);transform:rotate3d(0,0,1,15deg)}40%{-webkit-transform:rotate3d(0,0,1,-10deg);transform:rotate3d(0,0,1,-10deg)}60%{-webkit-transform:rotate3d(0,0,1,5deg);transform:rotate3d(0,0,1,5deg)}80%{-webkit-transform:rotate3d(0,0,1,-5deg);transform:rotate3d(0,0,1,-5deg)}to{-webkit-transform:rotate3d(0,0,1,0deg);transform:rotate3d(0,0,1,0deg)}}@-webkit-keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes tada{from{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}10%,20%{-webkit-transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg);transform:scale3d(.9,.9,.9) rotate3d(0,0,1,-3deg)}30%,50%,70%,90%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,3deg)}40%,60%,80%{-webkit-transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg);transform:scale3d(1.1,1.1,1.1) rotate3d(0,0,1,-3deg)}to{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes wobble{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}15%{-webkit-transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg);transform:translate3d(-25%,0,0) rotate3d(0,0,1,-5deg)}30%{-webkit-transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg);transform:translate3d(20%,0,0) rotate3d(0,0,1,3deg)}45%{-webkit-transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg);transform:translate3d(-15%,0,0) rotate3d(0,0,1,-3deg)}60%{-webkit-transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg);transform:translate3d(10%,0,0) rotate3d(0,0,1,2deg)}75%{-webkit-transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg);transform:translate3d(-5%,0,0) rotate3d(0,0,1,-1deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@keyframes jello{11.1%,from,to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}22.2%{-webkit-transform:skewX(-12.5deg) skewY(-12.5deg);transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{-webkit-transform:skewX(6.25deg) skewY(6.25deg);transform:skewX(6.25deg) skewY(6.25deg)}44.4%{-webkit-transform:skewX(-3.125deg) skewY(-3.125deg);transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{-webkit-transform:skewX(1.5625deg) skewY(1.5625deg);transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{-webkit-transform:skewX(-.78125deg) skewY(-.78125deg);transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{-webkit-transform:skewX(.390625deg) skewY(.390625deg);transform:skewX(.390625deg) skewY(.390625deg)}88.8%{-webkit-transform:skewX(-.1953125deg) skewY(-.1953125deg);transform:skewX(-.1953125deg) skewY(-.1953125deg)}}@-webkit-keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes heartBeat{0%{-webkit-transform:scale(1);transform:scale(1)}14%{-webkit-transform:scale(1.3);transform:scale(1.3)}28%{-webkit-transform:scale(1);transform:scale(1)}42%{-webkit-transform:scale(1.3);transform:scale(1.3)}70%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes bounceIn{20%,40%,60%,80%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}20%{-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}40%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}60%{opacity:1;-webkit-transform:scale3d(1.03,1.03,1.03);transform:scale3d(1.03,1.03,1.03)}80%{-webkit-transform:scale3d(.97,.97,.97);transform:scale3d(.97,.97,.97)}to{opacity:1;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@-webkit-keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInDown{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(0,-3000px,0);transform:translate3d(0,-3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,25px,0);transform:translate3d(0,25px,0)}75%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}90%{-webkit-transform:translate3d(0,5px,0);transform:translate3d(0,5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInLeft{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInRight{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(3000px,0,0);transform:translate3d(3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(-25px,0,0);transform:translate3d(-25px,0,0)}75%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}90%{-webkit-transform:translate3d(-5px,0,0);transform:translate3d(-5px,0,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes bounceInUp{60%,75%,90%,from,to{-webkit-animation-timing-function:cubic-bezier(.215,.61,.355,1);animation-timing-function:cubic-bezier(.215,.61,.355,1)}from{opacity:0;-webkit-transform:translate3d(0,3000px,0);transform:translate3d(0,3000px,0)}60%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}75%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}90%{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@keyframes bounceOut{20%{-webkit-transform:scale3d(.9,.9,.9);transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;-webkit-transform:scale3d(1.1,1.1,1.1);transform:scale3d(1.1,1.1,1.1)}to{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}}@-webkit-keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes bounceOutDown{20%{-webkit-transform:translate3d(0,10px,0);transform:translate3d(0,10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,-20px,0);transform:translate3d(0,-20px,0)}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@-webkit-keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes bounceOutLeft{20%{opacity:1;-webkit-transform:translate3d(20px,0,0);transform:translate3d(20px,0,0)}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@-webkit-keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes bounceOutRight{20%{opacity:1;-webkit-transform:translate3d(-20px,0,0);transform:translate3d(-20px,0,0)}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@-webkit-keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes bounceOutUp{20%{-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0)}40%,45%{opacity:1;-webkit-transform:translate3d(0,20px,0);transform:translate3d(0,20px,0)}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}@-webkit-keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDown{from{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown}@-webkit-keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInDownBig{from{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInDownBig{-webkit-animation-name:fadeInDownBig;animation-name:fadeInDownBig}@-webkit-keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeft{from{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}@-webkit-keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInLeftBig{from{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInLeftBig{-webkit-animation-name:fadeInLeftBig;animation-name:fadeInLeftBig}@-webkit-keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRight{from{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight}@-webkit-keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInRightBig{from{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInRightBig{-webkit-animation-name:fadeInRightBig;animation-name:fadeInRightBig}@-webkit-keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUp{from{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}@-webkit-keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes fadeInUpBig{from{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.fadeInUpBig{-webkit-animation-name:fadeInUpBig;animation-name:fadeInUpBig}@-webkit-keyframes fadeOut{from{opacity:1}to{opacity:0}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}.fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes fadeOutDown{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}.fadeOutDown{-webkit-animation-name:fadeOutDown;animation-name:fadeOutDown}@-webkit-keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}@keyframes fadeOutDownBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,2000px,0);transform:translate3d(0,2000px,0)}}.fadeOutDownBig{-webkit-animation-name:fadeOutDownBig;animation-name:fadeOutDownBig}@-webkit-keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes fadeOutLeft{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}.fadeOutLeft{-webkit-animation-name:fadeOutLeft;animation-name:fadeOutLeft}@-webkit-keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}@keyframes fadeOutLeftBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(-2000px,0,0);transform:translate3d(-2000px,0,0)}}.fadeOutLeftBig{-webkit-animation-name:fadeOutLeftBig;animation-name:fadeOutLeftBig}@-webkit-keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes fadeOutRight{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}.fadeOutRight{-webkit-animation-name:fadeOutRight;animation-name:fadeOutRight}@-webkit-keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}@keyframes fadeOutRightBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(2000px,0,0);transform:translate3d(2000px,0,0)}}.fadeOutRightBig{-webkit-animation-name:fadeOutRightBig;animation-name:fadeOutRightBig}@-webkit-keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes fadeOutUp{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.fadeOutUp{-webkit-animation-name:fadeOutUp;animation-name:fadeOutUp}@-webkit-keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}@keyframes fadeOutUpBig{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(0,-2000px,0);transform:translate3d(0,-2000px,0)}}.fadeOutUpBig{-webkit-animation-name:fadeOutUpBig;animation-name:fadeOutUpBig}@-webkit-keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{from{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(.95,.95,.95) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}to{-webkit-transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);transform:perspective(400px) scale3d(1,1,1) translate3d(0,0,0) rotate3d(0,1,0,0deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@-webkit-keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInX{from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@keyframes flipInY{from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}@-webkit-keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@keyframes flipOutX{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);opacity:0}}@-webkit-keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@keyframes flipOutY{from{-webkit-transform:perspective(400px);transform:perspective(400px)}30%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-15deg);transform:perspective(400px) rotate3d(0,1,0,-15deg);opacity:1}to{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);opacity:0}}@-webkit-keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes lightSpeedIn{from{-webkit-transform:translate3d(100%,0,0) skewX(-30deg);transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{-webkit-transform:skewX(20deg);transform:skewX(20deg);opacity:1}80%{-webkit-transform:skewX(-5deg);transform:skewX(-5deg)}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@keyframes lightSpeedOut{from{opacity:1}to{-webkit-transform:translate3d(100%,0,0) skewX(30deg);transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}@-webkit-keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateIn{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,-200deg);transform:rotate3d(0,0,1,-200deg);opacity:0}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@keyframes rotateInUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-90deg);transform:rotate3d(0,0,1,-90deg);opacity:0}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1}}@-webkit-keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@keyframes rotateOut{from{-webkit-transform-origin:center;transform-origin:center;opacity:1}to{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0,0,1,200deg);transform:rotate3d(0,0,1,200deg);opacity:0}}@-webkit-keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@keyframes rotateOutDownLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);opacity:0}}@-webkit-keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutDownRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@-webkit-keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@keyframes rotateOutUpLeft{from{-webkit-transform-origin:left bottom;transform-origin:left bottom;opacity:1}to{-webkit-transform-origin:left bottom;transform-origin:left bottom;-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);opacity:0}}@-webkit-keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@keyframes rotateOutUpRight{from{-webkit-transform-origin:right bottom;transform-origin:right bottom;opacity:1}to{-webkit-transform-origin:right bottom;transform-origin:right bottom;-webkit-transform:rotate3d(0,0,1,90deg);transform:rotate3d(0,0,1,90deg);opacity:0}}@-webkit-keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@keyframes hinge{0%{-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}20%,60%{-webkit-transform:rotate3d(0,0,1,80deg);transform:rotate3d(0,0,1,80deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}40%,80%{-webkit-transform:rotate3d(0,0,1,60deg);transform:rotate3d(0,0,1,60deg);-webkit-transform-origin:top left;transform-origin:top left;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;opacity:1}to{-webkit-transform:translate3d(0,700px,0);transform:translate3d(0,700px,0);opacity:0}}@-webkit-keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes jackInTheBox{from{opacity:0;-webkit-transform:scale(.1) rotate(30deg);transform:scale(.1) rotate(30deg);-webkit-transform-origin:center bottom;transform-origin:center bottom}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}70%{-webkit-transform:rotate(3deg);transform:rotate(3deg)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes rollIn{from{opacity:0;-webkit-transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg);transform:translate3d(-100%,0,0) rotate3d(0,0,1,-120deg)}to{opacity:1;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@keyframes rollOut{from{opacity:1}to{opacity:0;-webkit-transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg);transform:translate3d(100%,0,0) rotate3d(0,0,1,120deg)}}@-webkit-keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{from{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@-webkit-keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInDown{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInLeft{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(10px,0,0);transform:scale3d(.475,.475,.475) translate3d(10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInRight{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomInUp{from{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@keyframes zoomOut{from{opacity:1}50%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}to{opacity:0}}@-webkit-keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutDown{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@keyframes zoomOutLeft{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(42px,0,0);transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(-2000px,0,0);transform:scale(.1) translate3d(-2000px,0,0);-webkit-transform-origin:left center;transform-origin:left center}}@-webkit-keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@keyframes zoomOutRight{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(-42px,0,0);transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;-webkit-transform:scale(.1) translate3d(2000px,0,0);transform:scale(.1) translate3d(2000px,0,0);-webkit-transform-origin:right center;transform-origin:right center}}@-webkit-keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@keyframes zoomOutUp{40%{opacity:1;-webkit-transform:scale3d(.475,.475,.475) translate3d(0,60px,0);transform:scale3d(.475,.475,.475) translate3d(0,60px,0);-webkit-animation-timing-function:cubic-bezier(.55,.055,.675,.19);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;-webkit-transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);-webkit-transform-origin:center bottom;transform-origin:center bottom;-webkit-animation-timing-function:cubic-bezier(.175,.885,.32,1);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}@-webkit-keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInDown{from{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInLeft{from{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInRight{from{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@keyframes slideInUp{from{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);visibility:visible}to{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}@-webkit-keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@keyframes slideOutDown{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}}@-webkit-keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@keyframes slideOutLeft{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}}@-webkit-keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@keyframes slideOutRight{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}}@-webkit-keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}@keyframes slideOutUp{from{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}to{visibility:hidden;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion){.animated{-webkit-animation:unset!important;animation:unset!important;-webkit-transition:none!important;transition:none!important}} @font-face { font-family: "sourcehansans"; font-display: swap; src: url("../font/noto-sans-sc-regular.eot"); src: url("../font/noto-sans-sc-regular.eot") format("embedded-opentype"), url("https://font.website-brwq.com/sourcehansans.woff") format("woff"), url("../font/noto-sans-sc-regular.ttf") format("truetype"), url("https://font.website-brwq.com/sourcehansans.svg") format("svg"); } body, html { font-size: calc(100vw / 120) } input, input[type=button], input[type=reset], input[type=submit] { border: none; resize: none } img { height: auto; max-width: 100%; -ms-interpolation-mode: bicubic; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } .line1 { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-box-orient: vertical; -webkit-line-clamp: 1 } body { overflow-x: hidden; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; font-family: 'sourcehansans'; } :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } body, h1, h3, h4, p { margin: 0 } ul { margin: 0; padding: 0; list-style: none } li { list-style: none } img { border: none; vertical-align: middle } a { color: #3c3c3c; text-decoration: none } a:hover, a:link, a:visited { text-decoration: none } i { font-style: normal } input { margin: 0; padding: 0 } button { margin: 0; padding: 0; outline: 0 } .clearfix:after, .clearfix:before { display: table; content: "" } .clearfix:after { clear: both } .fl { float: left } a:hover { color: #000; text-decoration: none } a, article, body, button, dd, div, dl, footer, form, h1, h3, h4, header, img, input, li, menu, nav, p, select, textarea, ul { margin: 0; padding: 0 } .w100 { width: 100% } .mt30 { margin-top: 1.875rem } .mt45 { margin-top: 2.8125rem } .mt75 { margin-top: 4.6875rem } .ml30 { margin-left: 1.875rem } .flex { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .flex2 { display: flex; flex-wrap: wrap; justify-content: space-between; } .none { display: none } em, i { font-style: normal } img { max-width: 100% } .pr { position: relative } .over { overflow: hidden } .over>img:hover { transform: scale(1.1) } .over>img { cursor: pointer; transition: all .6s } .swiper-button-next, .swiper-button-prev, .swiper-pagination-clickable .swiper-pagination-bullet, input:focus, select:focus, textarea { outline: 0; resize: none } .bl { display: block } .clearfix { zoom: 1 } .clearfix { zoom: 1 } @media (max-width:990px){ body { padding: 60px 0 } .footer { display: none } .nav { display: none; }} @media (max-width:767px){ body, html { font-size: 14px } .container { padding: 0 15px }} .over { overflow: hidden; } img{ image-rendering: auto; } body { --container: 16.25rem; outline: none; font-weight: 500; } .bg { background: #f26305; } /* 禁止缩放表单 */ input[type="submit"], input[type="reset"], input[type="button"], input { resize: none; border: none; } img { max-width: 100%; height: auto; width: auto; /* ie8 */ -ms-interpolation-mode: bicubic; /*为了照顾ie图片缩放失真*/ } .line1 { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 1; overflow: hidden; } body { --container: 16.25rem; } @media (max-width: 1600px){ body { --container: 10rem; }} @media (max-width: 1440px){ body { --container: 8rem; }} @media (max-width: 1280px){ body { --container: 6rem; }} @media (max-width: 990px){ body { --container: 15px; }} .container { padding: 0 var(--container); width: 100%; max-width: 100%; } /* 搜索 */ @media (max-width: 990px){ body { padding-bottom: 0; overflow-x: hidden; }} @media (max-width: 990px){ .pc-hidden { display: none; }} .m-hidden { display: none; } @media (max-width: 990px){ .m-hidden { display: block; }} /*手机底部*/ /*手机端头部*/ .m-bm-head { position: fixed; top: 0; z-index: 999999; left: 0; right: 0; background: #000; } .m-bm-head .m-bm-head-box { position: relative; height: 60px; } .m-bm-head .m-bm-head-box .m-bm-logo { position: absolute; left: 0; right: 0; bottom: 0; top: 0; margin: auto 4%; max-width: 100%; height: 34px; } .m-bm-head .m-bm-head-box .m-bm-logo h1, .m-bm-head .m-bm-head-box .m-bm-logo a { display: inline; font-size: 0; } .m-bm-head .m-bm-head-box .m-bm-logo img { height: 40px; } .m-bm-head .m-bm-head-box .m-bm-navbtn { position: absolute; z-index: 9; top: 0; bottom: 0; right: 0; margin: auto 4% auto 0; width: 20px; height: 15px; } .m-bm-head .m-bm-head-box .m-bm-navbtn span, .m-bm-head .m-bm-head-box .m-bm-navbtn:after, .m-bm-head .m-bm-head-box .m-bm-navbtn:before { display: block; height: 1.5008px; width: 100%; background: #fff; -webkit-transition: all 0.5s; -o-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; } .m-bm-head .m-bm-head-box .m-bm-navbtn span { margin: 4.5008px 0; } .m-bm-head .m-bm-head-box .m-bm-navbtn:after, .m-bm-head .m-bm-head-box .m-bm-navbtn:before { content: ''; -webkit-transform-origin: 7.5%; -moz-transform-origin: 7.5%; -ms-transform-origin: 7.5%; -o-transform-origin: 7.5%; transform-origin: 7.5%; } .m-bm-head .m-bm-menu { display: none; position: absolute; z-index: 9999; left: 0; right: 0; height: 100vh; background: #050505; } .m-bm-head .m-bm-menu .m-bm-menu-box { height: -webkit-calc(40vh); height: -moz-calc(40vh); height: calc(100vh - 60px); overflow: auto; padding-bottom: 80px; } .m-bm-nav > li { border-bottom: 1px solid rgba(255, 255, 255, 0.1); position: relative; } .m-bm-nav > li > a { display: block; line-height: 50px; font-size: 14px; color: #fff; padding: 0 4%; font-weight: 600; } .m-bm-nav > li > a span { display: inline-block; min-width: 40%; max-width: 50%; font-weight: 500; } .m-bm-nav > li .sec { display: none; padding: 10px 15px 10px 25px; border-top: 1px solid rgba(255, 255, 255, 0.1); } .m-bm-nav > li .sec a { display: block; font-size: 12px; color: #fff; line-height: 35px; } .m-bm-nav > li .sec a span { display: inline-block; min-width: 40%; max-width: 50%; } .m-bm-nav > li .aniut { position: absolute; width: 40px; height: 50px; line-height: 50px; right: 2%; top: 0; text-align: center; z-index: 9; } .m-bm-nav > li .aniut i { display: block; width: 100%; height: 100%; font-size: 18px; color: #fff; } .m-bm-head.white { background: #fff; } .m-bm-head.white .m-bm-head-box .m-bm-navbtn span, .m-bm-head.white .m-bm-head-box .m-bm-navbtn:after, .m-bm-head.white .m-bm-head-box .m-bm-navbtn:before { background: #000; } .m-bm-head.white .m-bm-menu { background: #fff; } .m-bm-head.white .m-bm-nav > li, .m-bm-head.white .m-bm-nav > li .sec { border-color: rgba(51, 51, 51, 0.1); } .m-bm-head.white .m-bm-nav > li > a, .m-bm-head.white .m-bm-nav .aniut i, .m-bm-head.white .m-bm-nav > li .sec a { color: #000; } @media (max-width: 990px){ body { padding: 60px 0 0 !important; }} /* end */ @media (max-width: 1600px){ body, html { font-size: calc(100vw / 110); } .container { padding: 0 var(--container); }} @media (max-width: 1440px){ body, html { font-size: calc(100vw / 100); } .container { padding: 0 var(--container); }} @media (max-width: 1366px){ body, html { font-size: calc(100vw / 95); }} @media (max-width: 1280px){ body, html { font-size: calc(100vw / 100); }} @media (max-width: 990px){ body, html { font-size: 14px; } .container { padding: 0 var(--container); }} @media (max-width: 767px){ .container { padding: 0 var(--container); }} @-webkit-keyframes sticky { 0% { -webkit-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); transform: translateY(0%); } } @-moz-keyframes sticky { 0% { -moz-transform: translateY(-100%); transform: translateY(-100%); } 100% { -moz-transform: translateY(0%); transform: translateY(0%); } } @-o-keyframes sticky { 0% { -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -o-transform: translateY(0%); transform: translateY(0%); } } @keyframes sticky { 0% { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%); } 100% { -webkit-transform: translateY(0%); -moz-transform: translateY(0%); -o-transform: translateY(0%); transform: translateY(0%); } } .head { position: absolute; left: 0; width: 100%; top: 0; z-index: 99; background-color: #fff; } .head .head2 { line-height: 5.625rem; position: relative; transition: all 0.6s; } .head .head2 .wh1 { padding: 0 5.5rem; } .head .head2 .logo { display: flex; align-items: center; } .head .head2 .logo a img { width:13rem; } #menu { margin-right: 1vw; } #menu .nav_a1 > li { float: left; } #menu .nav_a1 > li a { display: block; color: #333; font-family: "Noto Sans SC"; } #menu .nav_a1 > li > a { font-size: 1.125rem; padding: 0 1.5rem; transition: all 0.6s; font-weight: 400; position: relative; } #menu .nav_a1 > li > a span { position: relative; display: block; } #menu .nav_a1 > li > a span::after { content: ""; position: absolute; left: 50%; bottom: -1px; transform: translateX(-50%); width: 0; height: 2px; background: #fff; transition: all 0.4s ease; } #menu .nav_a1 > li > a span::before { content: ""; position: absolute; left: 0; bottom: -0.5rem; height: 0.5rem; width: 100%; } #menu .nav_a1 > li > a i { position: absolute; left: 50%; bottom: 1.125rem; width: 0.75rem; transform: translateX(-50%); line-height: 1; opacity: 0; } #menu .nav_a1 > li > a i img { width: 100%; } #menu .nav_a1 > li .sec { position: absolute; top: calc(100% + 1px); width: 18.75rem; max-width: inherit; left: 50%; background: white; z-index: 9; opacity: 0; visibility: hidden; transition: 400ms ease-in-out; transform: translateX(-50%) scaleY(0); transform-origin: top center; padding: 2.4375rem 1.25rem 1.5rem 1.4375rem; text-align: center; } #menu .nav_a1 > li .sec.sec1 { width: 58.875rem; left: auto; right: -130%; padding: 1.6rem 2.5rem 2.5rem; } #menu .nav_a1 > li .sec > a { color: #555; font-family: "Noto Sans SC"; font-size: 1rem; font-weight: 400; line-height: 3.125rem; } #menu .nav_a1 > li .sec > a:not(:last-child) { border-bottom: 1px solid rgba(0, 0, 0, 0.05); } #menu .nav_a1 > li .sec > a:hover { color: #fff; background-color: #f26305; } #menu .nav_a1 > li:hover .sec { opacity: 1; visibility: visible; transform: translateX(-50%) scaleY(1); } #menu .nav_a1 > li:hover .sec.sec1 { transform: translateY(0); } #menu .nav_a1 > li:hover .sec_box { transform: scaleY(1); opacity: 1; } #menu .nav_a1 > li:hover > a, #menu .nav_a1 > li.active > a { color: #f26305; } #menu .nav_a1 > li:hover > a i, #menu .nav_a1 > li.active > a i { opacity: 1; } #menu .nav_a1 > li:hover > a span::after, #menu .nav_a1 > li.active > a span::after { width: 100%; background-color: #f26305; } #menu .nav_a1 li .sec_box1 { padding: 2.4375rem 0 4.375rem; border-top: 1px solid rgba(0, 0, 0, 0.1); background: white; } #menu .nav_a1 li .sec1 { z-index: 999; opacity: 0; visibility: hidden; -webkit-transform: translateY(20px); -moz-transform: translateY(20px); -ms-transform: translateY(20px); -o-transform: translateY(20px); transform: translateY(20px); display: flex; min-height: 25rem; } #menu .nav_a1 li .sec1 .aseca1 { width: 22%; border-right: 1px solid rgba(0, 0, 0, 0.1); } #menu .nav_a1 li .sec1 .aseca1 a { color: #323232; font-size: 1.125rem; line-height: 1.5em; padding: 0.75em 2em; } #menu .nav_a1 li .sec1 .aseca1 a.on { background: linear-gradient(90deg, #f26305 0%, rgba(251, 211, 0, 0) 100%); } #menu .nav_a1 li .sec1 .aseca2 { min-height: 100%; background: #fff; position: relative; } #menu .nav_a1 li .sec1 .aseca2::before { content: ''; display: block; width: 1px; height: 100%; background-color: rgba(0, 0, 0, 0.1); position: absolute; right: 80%; top: 0; } #menu .nav_a1 li .sec1 .aseca-ast { flex: 1; } #menu .nav_a1 li .sec1 .aseca-ast .ttba { background: white; width: 100%; } #menu .nav_a1 li .sec1 .aseca-ast .ttba .flex { align-items: start; } #menu .nav_a1 li .sec1 .aseca-ast .ttba .wehxa1 a { font: 400 1rem/1.5em "Noto Sans SC"; padding: 0.85em 0; color: #727171; text-align: center; } #menu .nav_a1 li .sec1 .aseca-ast .ttba a { font: 400 1rem/1.5em "Noto Sans SC"; color: #727171; text-align: center; } #menu .nav_a1 li .sec1 .aseca-ast .ttba a i { color: #DADADA; font-size: 1.25rem; } #menu .nav_a1 li .sec1 .aseca-ast .ttba a:hover, #menu .nav_a1 li .sec1 .aseca-ast .ttba a.on { color: #014199; } #menu .nav_a1 li .sec1 .aseca-ast .ttba a:hover i, #menu .nav_a1 li .sec1 .aseca-ast .ttba a.on i { color: #014199; } #menu .nav_a1 li .sec1 .aseca-ast .ttba .cont-asd .wehxa1, #menu .nav_a1 li .sec1 .aseca-ast .ttba .cont-asd .wehxa2 { width: 20%; } #menu .nav_a1 li .sec1 .aseca-ast .ttba .cont-asd .wehxa2 { min-height: 100%; flex: 1; position: relative; } #menu .nav_a1 li .sec1 .aseca-ast .ttba .cont-asd .wehxa2 .ttbc { width: 100%; display: none; flex: 1; } #menu .nav_a1 li .sec1 .aseca-ast .ttba .cont-asd .wehxa2 .ttbc .grid { padding-left: 3.75rem; display: grid; grid-template-columns: repeat(4, 1fr); gap: 1.8125rem 2.375rem; } #menu .nav_a1 li .sec1 .aseca-ast .ttba .cont-asd .wehxa2 .ttbc .grid a .over { height: 9rem; border-radius: 1.875rem; background: #F7F7F7; text-align: center; } #menu .nav_a1 li .sec1 .aseca-ast .ttba .cont-asd .wehxa2 .ttbc .grid a .over img { width: auto; height: 100%; object-fit: contain; } #menu .nav_a1 li .sec1 .aseca-ast .ttba .cont-asd .wehxa2 .ttbc .grid a p { padding-top: 1.25rem; color: #474747; font-family: "Noto Sans SC"; font-size: 1rem; font-weight: 400; } #menu .nav_a1 li:hover .sec1 { opacity: 1; visibility: visible; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; -moz-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .sec_box { position: absolute; left: 0%; width: 100%; background-color: #fff; opacity: 0; transition: 400ms ease-in-out; transform: scaleY(0); transform-origin: top center; } .sec_box .left { width: 45%; padding-top: 2.4375rem; padding-bottom: 4.8125rem; } .sec_box .left .ul { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(7, 1fr); grid-auto-flow: column; position: relative; gap: 0 1.25rem; } .sec_box .left .ul::before { content: ''; display: block; width: 1px; height: 100%; background-color: rgba(0, 0, 0, 0.1); position: absolute; left: 50%; top: 0; } .sec_box .left .ul .li { position: relative; } .sec_box .left .ul .li a { display: flex !important; justify-content: space-between; align-items: center; line-height: 3.375rem; padding: 0 1.1875rem 0 1.75rem; } .sec_box .left .ul .li a span { color: #2A2926; font-size: 1rem; font-weight: 500; } .sec_box .left .ul .li a i { font-size: 1rem; color: #8F8F8F; } .sec_box .left .ul .li:hover a, .sec_box .left .ul .li.active a { background: linear-gradient(90deg, #f26305 0%, rgba(251, 211, 0, 0) 100%); } @-webkit-keyframes banscaleDraw { 0% { -webkit-transform: scale(1); transform: scale(1); } 25% { -webkit-transform: scale(1.1); transform: scale(1.1); } 50% { -webkit-transform: scale(1.2); transform: scale(1.2); } 75% { -webkit-transform: scale(1.1); transform: scale(1.1); } 100% { -webkit-transform: scale(1); transform: scale(1); } } @-moz-keyframes banscaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0% { -moz-transform: scale(1); transform: scale(1); /*开始为原始大小*/ } 25% { -moz-transform: scale(1.1); transform: scale(1.1); /*放大1.1倍*/ } 50% { -moz-transform: scale(1.2); transform: scale(1.2); } 75% { -moz-transform: scale(1.1); transform: scale(1.1); } 100% { -moz-transform: scale(1); transform: scale(1); } } @-o-keyframes banscaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0% { -o-transform: scale(1); transform: scale(1); /*开始为原始大小*/ } 25% { -o-transform: scale(1.1); transform: scale(1.1); /*放大1.1倍*/ } 50% { -o-transform: scale(1.2); transform: scale(1.2); } 75% { -o-transform: scale(1.1); transform: scale(1.1); } 100% { -o-transform: scale(1); transform: scale(1); } } @keyframes banscaleDraw { /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); /*开始为原始大小*/ } 25% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); /*放大1.1倍*/ } 50% { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); } 75% { -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } 100% { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); } } @keyframes xiangxia { 0% { transform: translateY(-0.625rem); } 50% { transform: translateY(0); } 100% { transform: translateY(0.625rem); } } .swiper-pagination { display: flex; } .swiper-button-next, .swiper-button-prev { width: 3.375rem; height: 3.375rem; flex-shrink: 0; border-radius: 50%; background: #fff; border: 1px solid #b3b3b3; line-height: 3.375rem; text-align: center; } .swiper-button-next i, .swiper-button-prev i { color: #000; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -6.25rem; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -6.25rem; } .swiper-pagination-bullet { width: 0.75rem; height: 0.75rem; background: #D9D9D9; opacity: 1; } .swiper-pagination-bullet.swiper-pagination-bullet-active { background: #f26305; border: unset; } .swiper-pagination-bullet:only-child { display: none !important; } .channel { position: sticky; top: 6.25rem; z-index: 9; margin-top: -4.375rem; } .all_more { display: inline-block; width: 11.375rem; height: 3.6875rem; line-height: 3.6875rem; border-radius: 3.6875rem; border: 1px solid #1F1F1F; text-align: center; position: relative; } .all_more.white span { color: #fff; } .all_more.all_white { border-color: #fff; } .all_more.all_white span { color: #fff; } .all_more.all_white::before { background-color: #fff; } .all_more.all_white:hover span { color: #f26305; } .all_more.blue { background-color: #014199; border: 1px solid #014199; } .all_more.blue::before { background-color: #fff; } .all_more.blue span { color: #fff; } .all_more.blue i { color: #014199; } .all_more.blue:hover span { color: #014199; } .all_more::before { content: ''; display: block; width: 1.875rem; height: 1.875rem; border-radius: 50%; background: #1F1F1F; position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%); transition: all 0.4s; -webkit-transform: all 0.4s; -moz-transition: all 0.4s; -o-transition: all 0.4s; } .all_more span { color: #1F1F1F; font-size: 1rem; padding-right: 2.5rem; } .all_more i { font-size: 1rem; color: #014199; font-weight: 600; position: absolute; right: 1.6875rem; } .all_more:hover::before { width: 11.375rem; height: 3.6875rem; border-radius: 3.6875rem; right: 0; } .all_more:hover span { color: #fff; position: relative; z-index: 9; } @keyframes spreading { 0% { width: 4rem; height: 4rem; opacity: 0.8; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 0.4; } 100% { width: 24.625rem; height: 24.625rem; opacity: 0; transform: translate(-50%, -50%) scale(2.5); } } .hidden { display: none; } footer { background: #F7F7F7; } /* 鼠标悬浮 或者 缩略图选中激活：文字白色 */ /* 鼠标悬浮 或者 缩略图选中激活：svg图标变白 */ @keyframes spreading2 { 0% { width: 1.125rem; height: 1.125rem; opacity: 0.8; transform: translate(-50%, -50%) scale(1); } 50% { opacity: 0.4; } 100% { width: 1.5rem; height: 1.5rem; opacity: 0; transform: translate(-50%, -50%) scale(1.3); } } @media (max-width: 990px){ footer { display: none; }} @media (max-width: 768px){ .channel { display: none; } .mt75 { margin-top: 30px; } .mt45 { margin-top: 60px; } .mt30 { margin-top: 10px; }} .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-youjiantou1:before { content: "\e626"; } .icon-jiahao:before { content: "\eaf3"; } .icon-douyin:before { content: "\e8db"; } /* svg-icons: per-icon default colors (external use currentColor) */ .icon-doc{color:#777777} .icon-team{color:#ffffff} .icon-arrow-more{color:#f26305} .icon-calendar{color:#777777} .icon-location{color:#ffffff} .icon-phone{color:#ffffff} .icon-address{color:#f26305} .icon-arrow-swiper{color:#f26305} .icon-trophy{color:#777777} .icon-contact-time{color:#ffffff} .icon-menu-down{color:#97a1aa} .icon-product-next{color:#999999} .icon-growth{color:#777777} .icon-time{color:#f26305} .icon-call{color:#777777} .icon-hotline{color:#ffffff} .icon-product-prev{color:#999999} .icon-arrow-link{color:#ffffff} .icon-safety{color:#f26305} .icon-partner{color:#777777} .icon-contact-phone{color:#f26305} .icon-grid{color:#ffffff} .icon-close{color:#999999} .icon-lab{color:#f26305} .icon-company{color:#777777} .icon-factory{color:#777777} .icon-douyin{color:#ffffff} .icon-home{color:#ffffff} .icon-arrow-swiper2{color:#ffffff} .icon-arrow-blue{color:#6bc4ea} .icon-wechat{color:#f26305} .icon-message{color:#ffffff} .icon-clock{color:#999999} .icon-view{color:#777777} .icon-eye{color:#f26305} .icon-file{color:#f26305} .icon-mail{color:#f26305} .icon-building{color:#ffffff} .icon-back{color:#ffffff} .icon-chat{color:#777777} .icon-apps{color:#f26305} .icon-route{color:#777777} .icon-network{color:#f26305} .icon-chevron-down{color:#49596f} .icon-loop{color:#f26305} .icon-calendar-white{color:#ffffff} .icon-wechat-white{color:#ffffff} .icon-house{color:#999999} .icon-envelope{color:#ffffff} .icon-book{color:#777777} .icon-date{color:#777777} /* ===== 移动端横向溢出修复 ===== */ html,body{overflow-x:hidden;max-width:100%} .w1500,.w1400{max-width:100vw;margin-left:auto;margin-right:auto}