.indexban[allbanner]{width:100%;height:840px;position:relative;overflow:hidden} .indexban .homeban{width:100%;height:840px;position:fixed} .indexban .textbox{position:absolute;top:85%;left:50%;transform:translate3d(-50%, -50%, 0);opacity:0} .indexban .textbox.cur{top:50%;opacity:1} .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:50px} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:12px;height:12px;background-color:#fff;opacity:1} .indexban .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#004099} .container{position:relative;z-index:3;background-color:#fff} .indexban[allbanner] .img, .indexban[allbanner] .img img{width:100%;height:100%;object-fit:cover;cursor: pointer;} @media (min-width:1024px){ .homeserslide .swiper-slide {flex: 1;} .about {display: flex;align-items: center;} } @media (max-width:1620px){ .indexban[allbanner], .indexban .homeban{height:730px} } @media (max-width:1440px){ .indexban[allbanner], .indexban .homeban{height:640px} .indexban .textbox img{width:584px} } @media (max-width:1280px){ .indexban[allbanner], .indexban .homeban{height:540px} .indexban .textbox img{width:444px} } @media (max-width:1024px){ .indexban[allbanner], .indexban .homeban{height:auto} .indexban .homeban{position:static} .indexban .textbox img{width:auto} .indexban[allbanner] .img, .indexban[allbanner] .img img{position:static;height:auto} .indexban .textbox{transform:translate3d(0,0,0);left:0;margin-top:-66px} .indexban .textbox img{width:85%} .indexban .swiper-container-horizontal>.swiper-pagination-bullets{bottom:15px} } [allbanner]{width:100%;height:380px;position:relative} [allbanner] .img{width:100%;height:380px;position:fixed} [allbanner] .img img{width:100%;height:100%;object-fit:cover} .pagetitle .cntitle{font-size:38px;color:#414141;font-weight:bold} @media (max-width:1440px){ .pagetitle .cntitle{font-size:30px} } @media (max-width:1024px){ .pagetitle .cntitle{font-size:18px} [allbanner], [allbanner] .img{height:200px} } .about{padding:100px 0 112px;overflow:hidden} .about .textbox{width:50%;padding-right:6.66vw} .about .text{color:#666;margin-top:42px;line-height:2.143} .about .img{width:50%} .about .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .culture{padding:94px 0 134px} .culture .pagetitle .cntitle{text-align:center} .culturebox{margin-top:70px} .cullist{width:calc((100% - 6px) / 4);margin-right:2px;position:relative} .cullist:nth-of-type(4n){margin-right:0} .cullist .textbox{width:100%;padding:0 2.604vw;position:absolute;top:28%;left:0} .cullist .icon{width:120px;height:120px;position:relative;margin:0 auto} .cullist .icon:after{content:"";width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;background-color:rgba(255,255,255,0.2);border:1px solid rgba(255,255,255,0.4)} .cullist .icon:before{content:"";width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;background-color:#004099;border:1px solid #002c68;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)} .cullist:hover .icon:after{opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .cullist:hover .icon:before{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .cullist .icon img{position:relative;z-index:3} .cullist .title{color:#fff;font-size:24px;line-height:32px;margin:34px 0 22px;font-weight:bold;text-align:center} .cullist .text{color:#fff;text-align:center;line-height:24px} .history .pagetitle .cntitle{text-align:center} .history{padding:94px 0 120px} .histbox{margin-top:52px} .histslide{padding:0 50px;position:relative} .histslide .swiper-button-next, .histslide .swiper-button-prev{width:40px;height:64px;margin-top:0;background-color:#f6f6f6;opacity:1;top:0;background-size:7px 12px} .histslide .swiper-button-next:hover, .histslide .swiper-button-prev:hover{background-color:#004099} .histslide .swiper-button-next{background-image:url(../img/histright.png);right:0} .histslide .swiper-button-next:hover{background-image:url(../img/histright_cur.png)} .histslide .swiper-button-prev{background-image:url(../img/histleft.png);left:0} .histslide .swiper-button-prev:hover{background-image:url(../img/histleft_cur.png)} .histslide .swiper-slide{height:64px;line-height:64px;background-color:#f6f6f6;text-align:center;line-height:64px;color:#666;font-size:16px;cursor:pointer} .histslide .swiper-slide.cur{background-color:#004099;color:#fff} .histitems{width:100%;height:400px;margin-top:60px;position:relative;overflow:hidden} .histitem{width:100%;height:100%;position:absolute;top:-100%;left:0;z-index:-1;opacity:0;visibility:hidden} .histitem.cur{top:0;z-index:9;opacity:1;visibility:visible} .histitem .img{width:650px;height:400px} .histitem .img img{width:100%;height:100%;object-fit:cover} .histitem .rightbox{width:calc(100% - 650px);height:400px;padding:30px 80px 0 56px;position:relative} .histitem .title{color:#414141;font-size:24px;font-weight:bold} .histitem .text{color:#666;line-height:2.571;margin-top:24px;max-height:282px;overflow-y:auto} .histitem .text::-webkit-scrollbar{width:4px} .histitem .text::-webkit-scrollbar-thumb{background-color:#004099} .histitem .text::-webkit-scrollbar-track{background-color:#d9e9ff} .histitem .entext{position:absolute;right:0;top:68px;writing-mode:vertical-lr;writing-mode:tb-lr;color:rgba(65,65,65,0.1);font-size:60px;font-weight:bold;font-family:Arial} .honitems{margin:48px 0 38px} .honitem{width:23.07%;margin-right:2.57%;margin-bottom:35px} .honitem:nth-of-type(4n){margin-right:0} .honitem .img{padding:20px;background-color:#fff;box-shadow: 2.5px 4.33px 15px 0px rgba(14, 5, 10, 0.05)} .honitem .textbox{margin-top:25px} .honitem .title{color:#414141;font-size:16px;text-align:center;padding:0 20px} .honitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .honitem:hover .title{color:#004099;font-weight:bold} @media (max-width:1440px){ .about{padding:70px 0 82px} .culture{padding:64px 0 94px} .cullist .textbox{padding:0 1.8vw} .cullist .icon{width:80px;height:80px} .cullist .title{margin:24px 0 14px} .culturebox{margin-top:45px} .history{padding:65px 0 90px} .histitem .img{width:550px;height:320px} .histitem .rightbox{width:calc(100% - 550px);height:320px} .histitems{height:320px;margin-top:45px} .histitem .text{margin-top:16px;max-height:242px;line-height:2.2} .histitem .entext{top:58px;font-size:46px} .histbox{margin-top:40px} .honitem{margin-bottom:25px} .honitems{margin:38px 0 28px} } @media (max-width:1024px){ .about, .culture{padding:45px 0} .about .textbox{width:100%;padding-right:0} .about .text{margin-top:25px;line-height:1.8} .about .img{width:100%;margin-top:25px} .culturebox{margin-top:25px} .cullist{width:calc((100% - 5px) / 2);margin-right:5px;margin-bottom:5px} .cullist:nth-of-type(2n){margin-right:0} .cullist .textbox{top:25%} .cullist .icon{width:40px;height:40px} .cullist .title{font-size:16px;line-height:22px;margin:14px 0 4px} .cullist .text{line-height:20px} .history{padding:45px 0} .histbox{margin-top:25px} .histitems{margin-top:20px;height:auto} .histslide .swiper-slide{height:44px;font-size:14px;line-height:44px} .histslide .swiper-button-next, .histslide .swiper-button-prev{width:30px;height:44px} .histslide{padding:0 40px} .histitem{position:static;z-index:1;opacity:1;display:none} .histitem.cur{display:block} .histitem .img, .histitem .rightbox{width:100%;height:auto} .histitem .rightbox{padding:15px 50px 0 0} .histitem .entext{font-size:30px} .histitem .title{font-size:18px} .histitem .text{margin-top:10px;line-height:1.8} .honitem{width:48%;margin-right:4%;margin-bottom:20px} .honitem:nth-of-type(2n){margin-right:0} .honitem .img{padding:10px} .honitem .img img{width:100%} .honitem .textbox{margin-top:10px} .honitem .title{font-size:13px;padding:0 10px} } .innovat1{padding:92px 0 180px;position:relative} .innovat1 .text1{color:#414141;line-height:2.857;margin:48px 0 62px;padding-right:640px} .innovat1 .text2{color:#414141;line-height:2.857;padding-right:892px} .innovat1 .img2{position:absolute;right:334px;bottom:0;z-index:1} .innovat1 .img1{position:absolute;right:0;top:92px;z-index:2;box-shadow:0px 0px 8px 0px rgba(0, 0, 0, 0.07)} .innovat1 .entext{position:absolute;left:0;bottom:0;z-index:3;color:rgba(65,65,65,0.05);font-size:104px;font-weight:bold} .innovat2{padding:104px 0 120px;position:relative} .innovat2 .img{box-shadow:2.5px 4.33px 15px 0px rgba(14, 5, 10, 0.05)} .innovat2 .img img{width:100%} .innovat2 .textbox{margin-top:44px} .innovat2 .title{color:#414141;font-size:16px;text-align:center} .innovat2 .swiper-button-next, .innovat2 .swiper-button-prev{width:42px;height:42px;border-radius:42px;border:2px solid #114da0;opacity:1;top:calc(50% - 36px);margin-top:-21px;background-size:18px 12px} .innovat2 .swiper-button-next{background-image:url(../img/innright.png);right:calc(-3.85vw + -42px)} .innovat2 .swiper-button-next:hover{background-image:url(../img/innright_cur.png)} .innovat2 .swiper-button-prev{background-image:url(../img/innleft.png);left:calc(-3.85vw + -42px)} .innovat2 .swiper-button-prev:hover{background-image:url(../img/innleft_cur.png)} .innovat2 .swiper-button-next:hover, .innovat2 .swiper-button-prev:hover{background-color:#0f4b9f} .cultiva{padding:92px 0 100px} .culttop .pagetitle .cntitle{text-align:center} .culttop .culttext{color:#414141;line-height:2.857;margin:24px 0 48px;text-align:center} .cultitem{width:30.76%;margin-right:2.53%;margin-bottom:55px} .cultitem:nth-of-type(3n){margin-right:0} .cultitem .textbox{margin-top:24px} .cultitem .title{color:#414141;font-size:16px;text-align:center} .cultitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .cultitem:hover .title{color:#004099;font-weight:bold} .teamslide .swiper-button-next, .teamslide .swiper-button-prev{width:42px;height:42px;border:2px solid #fff;border-radius:42px;top:calc(50% - 29px);margin-top:-21px;opacity:1;background-size:18px auto} .teamslide .swiper-button-next{background-image:url(../img/innright_cur.png);right:calc((100vw - 81.3vw) / 2)} .teamslide .swiper-button-prev{background-image:url(../img/innleft_cur.png);left:calc((100vw - 81.3vw) / 2)} .teamslide .img{background-color:#000} .teamslide .img img{opacity:0.3;width:100%} .teamslide .textbox{margin-top:32px} .teamslide .textbox .title{color:#004099;font-weight:bold;font-size:16px;text-align:center;opacity:0} .teamslide{padding-bottom:120px} .teamslide .swiper-slide-active .img img{opacity:1} .teamslide .swiper-slide-active .textbox .title{opacity:1} .team{padding:92px 0 58px} .teamtop .culttext{margin:36px 0 0 0} @media (max-width:1620px){ .teamslide .swiper-button-next{right:calc((100vw - 84.3vw) / 2)} .teamslide .swiper-button-prev{left:calc((100vw - 84.3vw) / 2)} } @media (max-width:1440px){ .innovat1 .text1{padding-right:500px;margin:30px 0 45px;line-height:2.4} .innovat1 .text2{line-height:2.4;padding-right:710px} .innovat1 .img1{width:448px} .innovat1 .img2{width:346px;right:294px} .innovat1 .entext{font-size:82px} .innovat2 .swiper-button-next{right:calc(-1.2vw + -42px)} .innovat2 .swiper-button-prev{left:calc(-1.2vw + -42px)} .innovat2{padding:74px 0 90px} .cultiva{padding:72px 0 80px} .cultitem{margin-bottom:35px} .teamslide{padding-bottom:90px} .team{padding:60px 0 40px} .teamslide .swiper-button-next{right:8vw)} .teamslide .swiper-button-prev{left:8vw)} .teamslide .textbox{margin-top:22px} } @media (max-width:1280px){ .innovat1 .text1{padding-right:440px;margin:20px 0 35px;line-height:2.2} .innovat1 .text2{line-height:2.2;padding-right:600px} .innovat1 .img1{width:398px} .innovat1 .img2{width:316px;right:244px} .innovat1 .entext{font-size:78px} .innovat2{padding:74px 30px 90px} .innovat2 .swiper-button-next{right:-25px} .innovat2 .swiper-button-prev{left:-25px} .teamslide .swiper-button-next{right:calc((100vw - 92.3vw) / 2)} .teamslide .swiper-button-prev{left:calc((100vw - 92.3vw) / 2)} } @media (max-width:1024px){ .innovat1{padding:45px 0} .innovat1 .text1{width:100%;padding-right:0;margin:15px 0 5px;line-height:1.8} .innovat1 .img1{width:100%;position:static} .innovat1 .entext{position:static;font-size:30px;text-align:center;margin:20px 0} .innovat1 .text2{padding-right:0;line-height:1.8} .innovat1 .img2{width:100%;position:static} .innovat2{padding:0 40px 45px} .innovat2 .swiper-button-prev{left:0} .innovat2 .swiper-button-next{right:0} .innovat2 .swiper-button-next, .innovat2 .swiper-button-prev{width:30px;height:30px;background-size:12px auto} .innovat2 .textbox{margin-top:20px} .innovat2 .title{font-size:14px} .cultiva{padding:45px 0} .culttop .culttext{line-height:1.8;margin:25px 0} .cultitem{width:100%;margin-right:0;margin-bottom:25px} .cultitem .img img{width:100%} .cultitem .textbox{margin-top:10px} .cultitem .title{font-size:14px} .team{padding:45px 0 20px} .teamtop .culttext{margin:20px 0 0 0} .teamslide{padding-bottom:45px} .teamslide .textbox{margin-top:14px} .teamslide .textbox .title{font-size:14px} .teamslide .swiper-button-next, .teamslide .swiper-button-prev{width:30px;height:30px;margin-top:-15px;background-size:12px auto;top:calc(50% - 16px)} .teamslide .swiper-button-next{right:15px} .teamslide .swiper-button-prev{left:15px} } .busin{padding:94px 0} .busintop{padding-bottom:50px;border-bottom:1px solid #ededed} .busintop .pagetitle .cntitle{text-align:center} .busintop .title{color:#004099;font-size:18px;font-weight:bold;text-align:center;margin:12px 0 32px} .busintop .text{color:#666;line-height:2.4;text-align:center} .businitems{margin:60px 0 10px} .businitem{width:32.05%;margin-right:1.925%;margin-bottom:40px;position:relative;display:block} .businitem:nth-of-type(3n){margin-right:0} .businitem .textbox{width:100%;height:56px;background-color:rgba(0,0,0,0.5);display:flex;align-items: center;position:absolute;bottom:0;left:0;padding:10px 20px} .businitem .textbox .inner {width: 100%;text-align: center;} .businitem .textbox .more {text-align: left;} .businitem .title{font-size:18px;height:36px;line-height:36px;color:#fff;font-weight:bold;text-align:center;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .businitem .text{color:#fff;text-align:center;line-height:30px;height:0px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .businitem .more{width:130px;height:0;overflow:hidden;padding-left:20px;font-weight:bold;border-radius:42px;margin:0 auto;line-height:38px;color:#fff;background-image:url(../img/innright_cur.png);background-repeat:no-repeat;background-position:right 20px center} .businitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} @media (min-width:1024px){ .businitem:hover .textbox{height:100%;padding:20px;background-color:rgba(0,64,153,0.7)} .businitem:hover .title{font-size:24px} .businitem:hover .text{margin:16px 0 26px;height:90px} .businitem:hover .more{height:42px;border:2px solid #fff} } .businmore{width:202px;height:50px;line-height:44px;margin:0 auto;color:#004099;font-weight:bold;border:2px solid #004099;border-radius:50px;padding-left:55px;cursor:pointer;background-image:url(../img/busindown.png);background-repeat:no-repeat;background-position:right 55px center} .businmore:hover{background-color:#004099;color:#fff;background-image:url(../img/busindown_cur.png)} .businser1{padding:90px 0 115px} .businser1top .text{color:#666;line-height:2.143;margin:26px 0 56px;text-align:center} .businser1slide{position:relative} .businser1slide .textbox{width:calc(100% - 963px);position:relative;overflow:hidden;background-color:#f6f6f6;padding:74px 60px 210px 112px} .businser1slide .img{width:963px} .businser1slide .img img{width:100%} .businser1slide .titlebox{border-bottom:1px solid #999} .businser1slide .title{font-size:38px;font-weight:bold;color:#414141;padding-bottom:48px;display:inline-block;vertical-align:middle;position:relative} .businser1slide .title:after{content:"";width:100%;height:4px;background-color:#004099;position:absolute;bottom:-1px;left:0} .businser1slide .name{font-size:24px;font-weight:bold;margin:88px 0 24px} .businser1slide .text{max-height:160px;overflow-y:auto} .businser1slide .text::-webkit-scrollbar{width:4px} .businser1slide .text::-webkit-scrollbar-thumb{background-color:#004099;border-radius:4px} .businser1slide .text::-webkit-scrollbar-track{background-color:#f4f9ff} .businser1slide .text p{color:#666;line-height:2.143} .businser1icon{position:absolute;left:0;bottom:-10px;z-index:2} .businser1numbox{width:50px;height:50px;z-index:2;position:absolute;bottom:150px;left:112px;background-image:url(../img/businser1line.png);background-repeat:no-repeat;background-position:left 16px center} .businser1numbox .curnum{color:#414141;font-size:24px;font-weight:bold;font-family:Arial} .businser1numbox .pagenum{color:rgba(65,65,65,0.5);font-size:16px;margin-top:6px;text-align:right;font-weight:bold;font-family:Arial} .busin1itemsbox{width:58px;height:100%;position:absolute;left:calc(100% - 963px);top:0;z-index:2} .businser1items{width:100%;height:100%} .businser1item{width:100%;height:calc(25% - 1px);margin-bottom:1px;padding:0 18px;font-size:18px;cursor:pointer;position:relative;z-index:2;font-weight:bold;background-color:rgba(255,255,255,0.9);display:flex;align-items:center} .businser1item:nth-last-of-type(1){width:100%;height:25%;margin-bottom:0} .businser1item.cur{background-color:rgba(255,255,255,0);color:#fff} .busin1itemsbox .showbox{width:100%;height:25%;position:absolute;top:0;left:0;background-color:#004099} .businser1slide .swiper-button-next, .businser1slide .swiper-button-prev{width:55px;height:55px;background-color:#fff;border-radius:55px;border:1px solid #004099;opacity:1;background-size:18px auto;margin-top:-27px} .businser1slide .swiper-button-next{background-image:url(../img/innright.png);right:-27px} .businser1slide .swiper-button-prev{background-image:url(../img/innleft.png);left:-27px} .businser1top .pagetitle .cntitle{text-align:center} .businser1slide .swiper-slide{overflow:hidden} .businser2items{margin-top:52px} .businser2item{width:33.33%;position:relative;display:block;cursor:pointer} .businser2item .img img{width:100%} .businser2item .showbox{width:100%;height:100%;position:absolute;top:0;left:0;padding:44px 48px} .businser2item .showbox .textbox{margin-top:3px;margin-left:16px} .businser2item .showbox .et{color:#666;font-size:16px;line-height:1.2;font-family:'colabold'} .businser2item .showbox .ct{font-size:16px;margin-top:5px;font-weight:bold} .businser2item .hidebox{width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,30,72,0.8);opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center} .businser2item .hidebox .icon{width:60px;margin:0 auto} .businser2item .hidebox .et{width:100%;color:#fff;font-size:16px;line-height:1.2;font-family:'colabold';margin:26px 0 6px;text-align:center} .businser2item .hidebox .ct{width:100%;color:#fff;font-size:16px;line-height:1.2;font-weight:bold;text-align:center} .businser2item .hidebox .more{width:42px;margin:36px auto 0} .businser2item .line{width:88%;height:84%;border:1px solid #fff;position:absolute;top:8%;left:6%;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .businser2item:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .businser2item:hover .line{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1);transition:0.5s ease-in-out 0.2s;-webkit-transition:0.5s ease-in-out 0.2s;-moz-transition:0.5s ease-in-out 0.2s} .businser2item:hover .hidebox{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .businser2item:hover .showbox{opacity:0} .businser3{padding:82px 0 138px;background-color:#f6f6f6} .businser3item{width:17.3%;margin-right:3.375%;padding:64px 0 62px;background-color:#fff;align-items:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;justify-content:center;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center} .businser3item:nth-of-type(5n){margin-right:0} .businser3item .icon{width:88px;height:88px;position:relative;margin:0 auto} .businser3item .icon img{width::100%;height:100%;position:absolute;top:0;left:0} .businser3item .icon img:nth-of-type(2){opacity:0} .businser3item{position:relative;z-index:2} .businser3item .tit{margin:36px 0 12px;text-align:center;font-size:24px;font-weight:bold} .businser3item .te{text-align:center;color:#666} .businser3item .num{width:100%;font-size:150px;line-height:1;font-family:'ailelig';color:rgba(0,64,153,0.05);text-align:center;position:absolute;bottom:22px;left:0} .businser3item:hover{background-color:#004099} .businser3item:hover .icon img:nth-of-type(1){opacity:0} .businser3item:hover .icon img:nth-of-type(2){opacity:1} .businser3item:hover .tit, .businser3item:hover .te{color:#fff} .businser3item:hover .num{color:rgba(255,255,255,0.05)} @media (max-width:1620px){ .businser1slide .textbox{width:calc(100% - 883px);padding:60px 50px 210px 82px} .businser1slide .img{width:883px} .busin1itemsbox{left:calc(100% - 883px)} .businser1slide .name{margin:60px 0 18px} .businser1numbox{left:82px} } @media (max-width:1440px){ .busin{padding:65px 0} .businser3{padding:60px 0 98px} .busintop .text{line-height:2} .busintop .title{margin:8px 0 20px} .busintop{padding-bottom:35px} .businitem{margin-bottom:30px} .businitems{margin:40px 0 10px} .businser1{padding:60px 0 85px} .businser1slide .textbox{width:calc(100% - 803px);padding:45px 40px 160px 60px} .businser1slide .img{width:803px} .busin1itemsbox{left:calc(100% - 804px)} .businser1slide .name{margin:45px 0 15px;font-size:20px} .businser1slide .title{font-size:32px;padding-bottom:30px} .businser1icon{width:343px} .businser1numbox{bottom:120px;left:60px} .businser2item .showbox{padding:30px 35px} .businser2item .showbox .icon{width:48px} .businser2item .showbox .et,.businser2item .showbox .ct, .businser2item .hidebox .ct{font-size:14px} .businser2item .hidebox .icon{width:48px} .businser2item .hidebox .et{font-size:14px;margin:16px 0 4px} .businser2item .hidebox .more{width:30px;margin:25px auto 0} .businser3item{width:18.5%;margin-right:1.875%;padding:50px 0 48px} .businser3item .icon{width:68px;height:68px} .businser3item .num{font-size:122px;bottom:15px} .businser3item .tit{margin:26px 0 8px} .businser1top .text{margin:18px 0 35px} } @media (max-width:1280px){ .businser1slide .textbox{width:calc(100% - 723px);padding:45px 40px 160px 60px} .businser1slide .img{width:723px} .busin1itemsbox{left:calc(100% - 724px)} .businser1slide .name{margin:35px 0 10px} .businser1slide .title{font-size:26px;padding-bottom:25px} .businser1icon{width:343px} .businser1numbox{bottom:120px;left:60px} } @media (max-width:1024px){ .busin{padding:45px 0} .busintop .text{line-height:1.8} .busintop .title{margin:4px 0 15px} .busintop{padding-bottom:25px} .businitem{width:100%;margin-right:0;margin-bottom:20px} .businitems{margin:20px 0 10px} .businitem .textbox{width:100%;height:auto;padding:25px 20px;position:static;background-color:#004099} .businitem .title{font-size:16px;height:24px;line-height:24px} .businitem .text{line-height:22px;height:66px;margin:6px 0 20px} .businitem .more{width:106px;height:34px;font-size:12px;line-height:32px;border:1px solid #fff;padding-left:15px;font-weight:normal;background-position:right 15px center;background-size:12px auto} .businitem .img img{width:100%} .businser1{padding:45px 0} .businser1top .text{line-height:1.8;margin:15px 0} .businser1slide .textbox{width:100%;padding:30px 20px 120px} .businser1slide .img{width:100%} .busin1itemsbox{width:100%;left:6%;height:40px;bottom:-100%;display:none} .businser1items{display:flex} .businser1slide .name{margin:25px 0 10px;font-size:16px} .businser1slide .title{font-size:18px;padding-bottom:15px} .businser1slide .text p{line-height:1.8} .businser1slide .title:after{height:2px} .businser1icon{width:65%;bottom:-3px} .businser1numbox{bottom:60px;left:20px} .businser1slide{padding:0 15px} .businser1item{width:25%;height:40px;line-height:40px;font-size:16px;text-align:center;margin-bottom:0} .businser1slide .swiper-button-next, .businser1slide .swiper-button-prev{width:30px;height:30px;margin-top:-15px;background-size:12px auto} .businser1slide .swiper-button-next{right:0px} .businser1slide .swiper-button-prev{left:0px} .businser2item{width:50%} .businser2item .showbox{padding:25px} .businser2item .showbox .icon{width:40px} .businser2item .showbox .et,.businser2item .showbox .ct, .businser2item .hidebox .ct{font-size:14px} .businser2item .hidebox .icon{width:40px} .businser2item .hidebox .et{font-size:14px;margin:8px 0 2px} .businser2item .hidebox .more{width:26px;margin:15px auto 0} .businser3{padding:45px 0} .businser3item{width:48%;margin-right:4%;margin-bottom:20px;padding:35px 15px} .businser3item:nth-of-type(5n){margin-right:4%} .businser3item:nth-of-type(2n){margin-right:0} .businser3item .icon{width:48px;height:48px} .businser3item .num{font-size:88px} .businser3item .tit{margin:15px 0 4px;font-size:16px} .businser3item .te{font-size:13px} } @media (max-width:768px){ .businser2item{width:100%} } .case{padding:94px 0 100px} .casetop .pagetitle .cntitle{text-align:center} .casetop .text{color:#666;text-align:center;margin-top:10px} .casenav{margin:52px 0 54px;padding:34px 40px;background-color:#f6f6f6;position:relative;z-index:3} .casesel{margin-right:64px} .casesel .left,.casesearch .text{color:#666;font-size:16px;margin-right:18px;font-weight:bold;line-height:40px} .casesel .right{position:relative;z-index:3} .caseseltop{width:12.4vw;height:40px;border-radius:5px;border:1px solid #d2d2d2;padding:0 18px;cursor:pointer} .caseseltop .text{width:calc(100% - 27px);margin-right:10px;color:#999;line-height:38px} .caseseltop .icon{height:38px;line-height:38px} .caseseltop .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .caseselitems{width:100%;position:absolute;top:60px;left:0;background-color:#f6f6f6;max-height:138px;overflow-y:auto;z-index:-1;opacity:0;visibility:hidden;box-shadow:0 4px 22px 0 rgba(0,0,0,0.06)} .caseselitems::-webkit-scrollbar{width:4px} .caseselitems::-webkit-scrollbar-thumb{background-color:#004099;border-radius:4px} .caseselitems::-webkit-scrollbar-track{background-color:#dde8f7} .caseselitem{line-height:22px;color:#999;cursor:pointer;padding:8px 18px} .caseselitem:hover{color:#004099;font-weight:bold} .casesel.cur {position: relative;z-index: 10;} .casesel.cur .caseselitems{z-index:9;opacity:1;visibility:visible;top:40px} .casesel.cur .caseseltop .icon img{transform:rotate(180deg)} .casesel.cur .caseseltop .text{color:#004099;font-weight:bold} .casesearch .input{width:12.4vw} .casesearch .input input{width:100%;height:40px;background-color:transparent;border-radius:5px;border:1px solid #d2d2d2;padding:0 18px} .casesearch .input input::-webkit-input-placeholder{color:#999} .casesearch .btn{width:108px;height:40px;margin-left:37px;line-height:40px;background-color:#004099;cursor:pointer;border-radius:5px;padding-left:20px;color:#fff;font-size:16px;font-weight:bold;background-image:url(../img/casesearchbtn.png);background-repeat:no-repeat;background-position:right 19px center} .caseitem{width:30.76%;display:block;margin-bottom:2.135vw;margin-right:3.86%;position:relative} .caseitem:nth-of-type(2), .caseitem:nth-of-type(3n){margin-right:0} .caseitem .bot{width:100%;height:60px;padding-left:26px;background-color:rgba(0,64,143,0.8);position:absolute;bottom:0;left:0} .caseitem .title{width:calc(100% - 80px);margin-right:20px;color:#fff;font-size:18px;line-height:60px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .caseitem .more{width:60px;height:60px;background-color:#004099;position:relative;overflow:hidden} .caseitem .more img{width:18px;height:12px;position:absolute;top:50%;margin-top:-6px;left:50%;margin-left:-9px} .caseitem .more img:nth-of-type(2){left:-50%} .caseitem:nth-of-type(1){width:65.38%} .caseitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .caseitem:hover .more img:nth-of-type(2){left:50%} .caseitem:hover .more img:nth-of-type(1){left:150%} .casedet{padding:100px 0 160px} .casedettop .title{color:#414141;font-size:30px;font-weight:bold;text-align:center} .casedettop .other{text-align:center;margin-top:12px} .casedettop .otherlist{color:#999;margin:0 8px;display:inline-block;vertical-align:middle} .casedetbox{padding:84px 130px 136px;background-color:#f6f6f6;margin-top:52px} .casedetimgbox{width:650px;height:434px;position:relative} .casedetimg{position:absolute;top:0;left:0;opacity:0} .casedetimg.cur{opacity:1} .casedetslide{width:164px;margin:0 20px;height:434px;position:relative} .casedetslide .swiper-container{height:374px} .casedetslide .swiper-slide{width:100%;cursor:pointer} .casedetslide .swiper-slide:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;border:3px solid #004099;opacity:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s;box-sizing:border-box} .casedetslide .swiper-slide.cur:after{opacity:1} .casedetslide .swiper-button-next, .casedetslide .swiper-button-prev{width:40px;height:40px;background-color:#fff;border:2px solid #004099;border-radius:40px;margin-top:0;top:auto;bottom:0;opacity:1;background-size:18px 12px} .casedetslide .swiper-button-next{background-image:url(../img/innright.png);right:38px} .casedetslide .swiper-button-next:hover{background-image:url(../img/innright_cur.png)} .casedetslide .swiper-button-prev{background-image:url(../img/innleft.png);left:38px} .casedetslide .swiper-button-prev:hover{background-image:url(../img/innleft_cur.png)} .casedetslide .swiper-button-next:hover, .casedetslide .swiper-button-prev:hover{background-color:#004099} .casedettext{width:calc(100% - 854px);padding:52px 54px;background-color:#fff;min-height:434px;color:#666;line-height:2.143} .casedetcont{margin:62px 0 80px;padding-bottom:70px;border-bottom:1px solid #dadada} .casedetcont p span{line-height:2.143} .casedetboxbot .pagers{width:300px} .casedetboxbot .pagerslist:nth-of-type(1){margin-bottom:14px} .casedetboxbot .pagers .name{color:#999} .casedetboxbot .pagers .text{width:calc(100% - 58px);display:block;height:19px;line-height:19px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .casedetboxbot .pagers a.text:hover{color:#004099} .cadetsharelist{width:40px;height:40px;margin-right:20px;border-radius:40px;border:1px solid #e1e1e1;background-repeat:no-repeat;background-position:center center;cursor:pointer} .cadetsharelist:nth-last-of-type(1){margin-right:0} .cadetsharelist:hover{background-color:#004099;border-color:#004099} .cadetsharelist[data-wx]{background-image:url(../img/pagewx.png)} .cadetsharelist[data-wx]:hover{background-image:url(../img/pagewx_cur.png)} .cadetsharelist[data-wb]{background-image:url(../img/pagewb.png)} .cadetsharelist[data-wb]:hover{background-image:url(../img/pagewb_cur.png)} .cadetsharelist[data-qq]{background-image:url(../img/pageqq.png)} .cadetsharelist[data-qq]:hover{background-image:url(../img/pageqq_cur.png)} .casedetboxbot .return{width:310px;height:50px;background-color:#004099;margin:0 calc((100% - 772px) / 2);display:block;text-align:center;line-height:50px;color:#fff} .casedetboxbot .return:hover{transform:translateY(-10px)} @media (max-width:1620px){ .casedetbox{padding:70px 110px 116px} .casedetimgbox{width:570px;height:380px} .casedetslide{width:134px;height:380px} .casedetslide .swiper-container{height:320px} .casedettext{width:calc(100% - 744px);padding:42px 44px;min-height:380px} .casedetslide .swiper-button-prev{left:20px} .casedetslide .swiper-button-next{right:20px} } @media (max-width:1440px){ .case{padding:75px 0 80px} .casesel{margin-right:40px} .caseseltop, .casesearch .input{width:15vw} .caseitem{margin-bottom:2.335vw} .casedetbox{padding:50px 80px 86px} .casedetimgbox{width:480px;height:320px} .casedetslide{width:106px;height:320px} .casedetslide .swiper-container{height:260px} .casedettext{width:calc(100% - 626px);padding:42px 44px;min-height:320px} .casedetslide .swiper-button-next, .casedetslide .swiper-button-prev{width:36px;height:36px} .casedetslide .swiper-button-prev{left:10px} .casedetslide .swiper-button-next{right:10px} } @media (max-width:1024px){ .case{padding:45px 0} .casetop .text{margin-top:6px} .casenav{margin:25px 0;padding:20px 15px} .casesel .left, .casesearch .text{font-size:14px} .casesel{width:100%;margin-right:0;margin-bottom:15px} .casesel:nth-of-type(2n){margin-right:0} .casesel .left{width:42px;margin-right:10px} .casesel .right{width:calc(100% - 54px)} .caseseltop{width:100%;padding:0 10px} .casesearch .text{margin-right:10px} .casesearch .btn{width:88px;font-size:14px;margin-left:15px;background-size:13px auto;padding-left:15px;background-position:right 14px center} .casesearch .input{width:calc(100% - 157px)} .casesearch .input input{padding:0 10px} .caseselitem{padding:6px 10px;line-height:20px} .caseitem:nth-of-type(1){width:100%} .caseitem{width:100%;margin-right:0;margin-bottom:20px} .caseitem .bot{height:40px;padding-left:15px} .caseitem .title{width:calc(100% - 50px);margin-right:10px;font-size:14px;line-height:40px;height:40px} .caseitem .more{width:40px;height:40px} .casedet{padding:45px 0} .casedettop .title{font-size:20px} .casedettop .otherlist{font-size:12px;margin:0 4px} .casedettop .other{margin-top:4px} .casedetbox{margin-top:30px;padding:25px 20px} .casedetslide .swiper-container{height:auto} .casedetimgbox{width:100%;height:auto} .casedetimg{position:static;opacity:1;display:none} .casedetimg.cur{display:block} .casedetslide{width:100%;height:auto;padding:0 45px;margin:10px 0 0} .casedetslide .swiper-button-next, .casedetslide .swiper-button-prev{width:30px;height:30px;bottom:50%;margin-bottom:-15px;background-size:12px auto} .casedetslide .swiper-button-next{right:0} .casedetslide .swiper-button-prev{left:0} .casedetslide .swiper-slide:after{border-width:2px} .casedettext{width:100%;margin-top:10px;padding:15px;line-height:1.8;min-height:inherit} .casedetcont p span{line-height:1.8} .casedetcont{margin:25px 0;padding-bottom:25px} .casedetboxbot .pagers{width:100%} .casedetboxbot .pagerslist:nth-of-type(1){margin-bottom:6px} .casedetboxbot .return{width:100%;margin:15px 0 30px} .cadetsharelist{width:30px;height:30px;margin-right:10px;background-size:100% 100%} } .news{padding:88px 0 98px} .newstop .pagetitle .cntitle{text-align:center} .newsitems{margin-top:50px} .newsitem{width:30.76%;margin-right:3.86%;display:block;margin-bottom:60px} .newsitem:nth-of-type(3n){margin-right:0} .newsitem .img img{width:100%} .newsitem .textbox{border:1px solid #ededed} .newsitem .top{padding:24px 28px 22px} .newsitem .title{font-size:18px;font-weight:bold;height:26px;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newsitem .text{color:#666;margin-top:18px;line-height:2.143;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .newsitem .bot{border-top:1px solid #ededed;padding:0 28px;height:60px} .newsitem .date{color:#999;line-height:60px;font-family:Arial} .newsitem .more{padding-left:30px;position:relative;line-height:60px;color:#666;font-weight:bold} .newsitem .more:after{content:"";width:20px;height:2px;background-color:#004099;position:absolute;top:50%;margin-top:-1px;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .newsitem .more:before{content:"";width:20px;height:2px;background-color:#fff;opacity:0;position:absolute;top:50%;margin-top:-1px;left:-20px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .newsitem:hover{box-shadow:1px 1.732px 20px 0px rgba(14, 5, 10, 0.1)} /* .newsitem:hover .textbox{border-color:#00} */ .newsitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .newsitem:hover .title{color:#004099} .newsitem:hover .bot{background-color:#004099;border-top-color:#004099} .newsitem:hover .date, .newsitem:hover .more{color:#fff} .newsitem:hover .more:after{left:-20px;opacity:0} .newsitem:hover .more:before{left:0px;opacity:1} .newsdet{padding:94px 0} .newsdetleft{width:calc(100% - 390px);padding-right:130px} .newsdettop .title{font-size:30px;font-weight:bold;color:#414141;line-height:50px} .newsdettop .other{margin-top:18px} .newsdettop .otherlist{margin-right:20px;color:#999} .newsdetcon{margin-top:42px;border-top:1px solid #ededed;padding-top:42px} .newsdetcon p span{line-height:2.143;color:#666} .newsdetright{width:390px} .newsdetrtop{background-color:#f6f6f6;padding:38px 40px} .newsdetrtop .cntitle{font-size:24px;font-weight:bold;color:#414141} .newsrecom{margin-top:30px} .newsrecomlist{display:block;margin-bottom:38px} .newsrecomlist:nth-last-of-type(1){margin-bottom:0} .newsrecomlist .title{color:#414141;font-size:16px;font-weight:bold;height:48px;line-height:24px;margin:12px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2} .newsrecomlist:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .newsrecomlist:hover .title{color:#004099} .newsrecomlist .date{font-family:Arial;color:#999} .newsdetrbot{padding:30px 40px;background-color:#f6f6f6;margin-top:20px} .newsdetpagerlist{margin-bottom:16px} .newsdetpagerlist:nth-last-of-type(1){margin-bottom:26px} .newsdetpagerlist .name{color:#999;font-size:14px;line-height:20px} .newsdetpagerlist .text{width:calc(100% - 74px);color:#333;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .newsdetsharelist{width:40px;height:40px;border-radius:38px;margin-right:20px;border:1px solid #e0e0e0;cursor:pointer;background-repeat:no-repeat;background-position:center center} .newsdetsharelist[data-wx]{background-image:url(../img/pagewx.png)} .newsdetsharelist[data-wx]:hover{background-image:url(../img/pagewx_cur.png)} .newsdetsharelist[data-wb]{background-image:url(../img/pagewb.png)} .newsdetsharelist[data-wb]:hover{background-image:url(../img/pagewb_cur.png)} .newsdetsharelist[data-qq]{background-image:url(../img/pageqq.png)} .newsdetsharelist[data-qq]:hover{background-image:url(../img/pageqq_cur.png)} .newsdetsharelist:hover{background-color:#004099;border-color:#004099} .newsreturn{width:100%;height:50px;line-height:50px;color:#fff;margin-top:52px;background-color:#004099;text-align:center;display:block} .idea1{padding:66px 0;border-bottom:1px solid #ededed} .idea1 .img{width:50%} .idea1 .img img{width:100%} .idea1 .textbox{width:50%;padding:30px 0 0 80px} .idea1 .title{color:#414141;font-size:38px;font-weight:bold} .idea1 .name{color:#004099;font-size:18px;font-weight:bold;line-height:1.8;margin:20px 0 24px} .idea1 .text{color:#666;line-height:2.143} .idea2{padding:65px 0 92px;position:relative} .idea2 .swiper-button-next, .idea2 .swiper-button-prev{width:42px;height:42px;top:calc(50% - 26px);margin-top:-21px;opacity:1;background-size:18px auto;background-color:#fff;border:2px solid #004099;border-radius:42px} .idea2 .swiper-button-next:hover, .idea2 .swiper-button-prev:hover{background-color:#004099} .idea2 .swiper-button-next{background-image:url(../img/innright.png);right:calc(-42px + -3.125vw)} .idea2 .swiper-button-next:hover{background-image:url(../img/innright_cur.png)} .idea2 .swiper-button-prev{background-image:url(../img/innleft.png);left:calc(-42px + -3.125vw)} .idea2 .swiper-button-prev:hover{background-image:url(../img/innleft_cur.png)} .idea2 .img img{width:100%} .idea2 .title{color:#414141;font-size:16px;text-align:center;margin-top:24px} .idea2 .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .idea2 .swiper-slide:hover .title{color:#004099;font-weight:bold} @media (max-width:1440px){ .news{padding:68px 0 78px} .newsitems{margin-top:35px} .newsitem{margin-bottom:40px} .newsdetleft{width:calc(100% - 340px);padding-right:90px} .newsdetright{width:340px} .newsdet{padding:70px 0} .idea1 .title{font-size:30px} .idea1 .name{font-size:16px;margin:14px 0 16px} .idea1 .textbox{padding:20px 0 0 60px} .idea1 .text{line-height:1.8} .idea2 .swiper-button-next{right:calc(-42px + -1.5vw)} .idea2 .swiper-button-prev{left:calc(-42px + -1.5vw)} } @media (max-width:1280px){ .idea2{padding:65px 40px 92px} .idea2 .swiper-button-next{right:-20px} .idea2 .swiper-button-prev{left:-20px} } @media (max-width:1024px){ .news, .newsdet, .idea1{padding:45px 0} .newsitems{margin-top:25px} .newsitem{width:100%;margin-right:0;margin-bottom:20px} .newsitem .top{padding:20px 15px} .newsitem .title{font-size:16px;height:24px;line-height:24px} .newsitem .text{line-height:1.8;margin-top:8px;height:78px} .newsitem .bot{height:40px;padding:0 15px} .newsitem .date, .newsitem .more{line-height:40px} .newsdetleft{width:100%;padding-right:0} .newsdettop .title{font-size:20px;line-height:30px} .newsdettop .otherlist{width:100%;margin-right:0} .newsdettop .other{margin-top:10px} .newsdetcon{margin-top:25px;padding-bottom:25px} .newsdetcon p span{line-height:1.8} .newsdetrtop, .newsdetrbot{padding:30px} .newsdetrtop .cntitle{font-size:18px} .newsdetright{width:100%} .newsrecomlist{margin-bottom:20px} .newsrecom{margin-top:20px} .newsrecomlist .title{font-size:14px;line-height:22px;height:44px;margin:6px 0} .newsdetpagerlist{margin-bottom:6px} .newsdetpagerlist:nth-last-of-type(1){margin-bottom:15px} .newsdetsharelist{width:30px;height:30px;margin-right:10px;background-size:100% 100%} .newsreturn{height:40px;line-height:40px;margin-top:25px} .idea1 .img, .idea1 .img img{width:100%} .idea1 .title{font-size:18px} .idea1 .name{font-size:15px;margin:6px 0 15px} .idea1 .textbox{width:100%;padding:15px 0 0} .idea1 .text{line-height:1.8} .idea2{padding:35px 45px 45px} .idea2 .swiper-button-next, .idea2 .swiper-button-prev{width:30px;height:30px;margin-top:-15px;top:calc(50% - 15px);background-size:12px auto} .idea2 .swiper-button-next{right:0px} .idea2 .swiper-button-prev{left:0px} .idea2 .title{font-size:14px;margin-top:10px} } .recruit{padding:88px 0 100px} .recruittop .pagetitle .cntitle{text-align:center} .recruititems{margin:50px 0 20px} .recruititem{width:23.07%;cursor:pointer;background-color:#fff;margin-bottom:40px;margin-right:2.57%;border:1px solid #ededed;padding:38px} .recruititem:nth-of-type(4n){margin-right:0} .recruititem .top{padding-bottom:20px;border-bottom:1px solid #ededed} .recruititem .top .icon{position:relative} .recruititem .top .icon:after{content:"";width:100%;height:3px;background-color:#004099;position:absolute;bottom:20px;left:0} .recruititem .top .title{width:calc(100% - 40px);color:#414141;font-size:20px;font-weight:bold;height:28px;margin-left:15px;line-height:28px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .recruititem .text{color:#999;line-height:2.143;height:122px;overflow:hidden;margin:32px 0 68px} .recruititem .more{width:100%;height:50px;background-color:#f6f6f6;color:#666;font-weight:bold;text-align:center;line-height:50px} .recruititem:hover{box-shadow:1px 1.732px 20px 0px rgba(14, 5, 10, 0.1);border-color:#fff} .recruititem:hover .more{background-color:#004099;color:#fff} .recalertbox{width:960px;height:700px;background-color:#fff;padding:55px 60px 30px;position:absolute;top:50%;left:50%;z-index:20;margin-top:-350px;margin-left:-480px;opacity:0;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0)} .recalertbox.cur{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .recalertbox .top{padding-bottom:25px;border-bottom:1px solid #e0e0e0} .recalertbox .top .title{width:calc(100% - 46px);margin-right:20px;color:#414141;font-size:30px;font-weight:bold} .recalertbox .top .close{cursor:pointer;margin-top:10px} .recalertbox .content{margin:32px 0 56px;height:386px;overflow-y:auto} .recalertbox .content::-webkit-scrollbar{width:4px} .recalertbox .content::-webkit-scrollbar-thumb{background-color:#004099} .recalertbox .content::-webkit-scrollbar-track{background-color:#f3f8ff} .recalertbox .content .list{margin-bottom:26px} .recalertbox .content .list:nth-last-of-type(1){margin-bottom:0} .recalertbox .content .list .name{color:#004099;font-size:16px;font-weight:bold} .recalertbox .content .list .text{color:#666;margin-top:10px;line-height:2.143} .recalertbox .btn{width:120px;height:44px;background-color:#004099;border-radius:44px;display:block;color:#fff;text-align:center;line-height:44px;} .cont1{padding:90px 0} .cont1title{color:#414141;font-size:38px;font-weight:bold;text-align:center} .cont1box{margin-top:65px} .cont1map{width:909px;height:558px} .cont1map #map{width:100%;height:100%;overflow:hidden} .cont1mapimg{width:100%;height:100%;object-fit:cover} .cont1box .textbox{width:calc(100% - 909px);height:558px;background-color:#f6f6f6;padding:80px 40px 0 130px} .cont1list{margin-bottom:40px} .cont1list:nth-last-of-type(1){margin-bottom:0} .cont1list .rightbox{width:calc(100% - 142px);margin-left:40px;padding-top:20px} .cont1list .title{color:#414141;font-size:18px;font-weight:bold} .cont1list .text{color:#666;margin-top:12px} .cont2{position:relative} .cont2 .swiper-container {padding: 0 20px 30px;margin: 0 -20px} .cont2 .swiper-button-next, .cont2 .swiper-button-prev{width:42px;height:42px;border-radius:42px;border:2px solid #004099;top:calc(50% - 96px);margin-top:-21px;opacity:1;background-size:18px auto} .cont2 .swiper-button-next:hover, .cont2 .swiper-button-prev:hover{background-color:#004099} .cont2 .swiper-button-next{background-image:url(../img/innright.png);right:calc(-3.125vw + -42px)} .cont2 .swiper-button-next:hover{background-image:url(../img/innright_cur.png)} .cont2 .swiper-button-prev{background-image:url(../img/innleft.png);left:calc(-3.125vw + -42px)} .cont2 .swiper-button-prev:hover{background-image:url(../img/innleft_cur.png)} .cont2 .swiper-slide{background-color:#fff;height:auto;box-shadow:0px 0px 20px 0px rgba(0, 0, 0, 0.07)} .cont2 .swiper-slide:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .cont2 .swiper-slide .textbox{padding:26px 42px 32px} .cont2 .swiper-slide .title{color:#414141;font-size:18px} .cont2 .swiper-slide .text{color:#414141;font-weight:bold;margin:10px 0 35px} .cont2 .swiper-slide .mapbtn{width:130px;height:42px;padding-left:18px;display:block;border-radius:42px;border:2px solid #004099;line-height:38px;color:#004099;font-weight:bold;background-image:url(../img/cont2icon.png);background-repeat:no-repeat;background-position:right 18px center} .cont3{padding:64px 0 100px;background-color:#f6f6f6;margin-top:115px} .cont3 .pagetitle .cntitle{text-align:center} .cont3 .pagetitle .text{color:#666;text-align:center;margin-top:14px} .cont3form{margin:52px 0 60px} .cont3form .list{width:30.76%;margin-right:3.86%;margin-bottom:52px;padding:0 15px 15px;border-bottom:1px solid #e1e1e1} .cont3form .list:nth-of-type(3n){margin-right:0} .cont3form .list.last{width:100%;margin-bottom:0} .cont3form .list .icon{width:20px;line-height:40px} .cont3form .list .icon img{display:inline-block;vertical-align:middle;margin-bottom:3px} .cont3form .list .text{width:80px;color:#414141;margin:0 10px;line-height:40px} .cont3form .list .input{width:calc(100% - 122px)} .cont3form .list input{width:100%;height:40px;background-color:transparent} .cont3form .list textarea{width:100%;height:40px;background-color:transparent} .cont3btn{width:130px;height:44px;margin:0 auto;text-align:center;background-color:#fff;border-radius:44px;font-weight:bold;line-height:40px;color:#004099;border:2px solid #004099} .cont3btn:hover{background-color:#004099;color:#fff;margin-top:-5px;cursor:pointer} @media (max-width:1620px){ .cont1map{width:809px} .cont1box .textbox{width:calc(100% - 809px);padding:80px 40px 0 110px} } @media (max-width:1440px){ .recruit{padding:68px 0 75px} .recruititems{margin:40px 0 10px} .recruititem{padding:28px;margin-bottom:30px} .recruititem .text{margin:25px 0 45px} .recalertbox{width:800px;height:580px;padding:40px 45px 25px;margin-left:-400px;margin-top:-290px} .recalertbox .top .title{font-size:24px} .recalertbox .content{margin:25px 0 40px;height:340px} .recalertbox .content .list .text{line-height:1.8} .cont1{padding:65px 0} .cont1title{font-size:30px} .cont1box{margin-top:45px} .cont1map{width:709px;height:488px} .cont1list{margin-bottom:30px} .cont1box .textbox{width:calc(100% - 709px);height:488px;padding:70px 30px 0 90px} .cont2 .swiper-button-next{right:calc(-1.5vw + -42px)} .cont2 .swiper-button-prev{left:calc(-1.5vw + -42px)} .cont3{padding:70px 0 75px;margin-top:80px} .cont3form{margin:35px 0 40px} } @media (max-width:1280px){ .cont1map{width:629px;height:448px} .cont1box .textbox{width:calc(100% - 629px);height:448px;padding:60px 20px 0 70px} .cont1list{margin-bottom:25px} .cont1list .icon{width:88px} .cont1list .rightbox{width:calc(100% - 120px);margin-left:30px} .cont2{padding:0 40px} .cont2 .swiper-button-next{right:-25px} .cont2 .swiper-button-prev{left:-25px} .cont2 .swiper-slide .textbox{padding:20px 30px 25px} } @media (max-width:1024px){ .recruit, .cont1{padding:45px 0} .recruititems{margin:25px 0 10px} .recruititem{width:48%;margin-right:4%;margin-bottom:20px;padding:15px} .recruititem:nth-of-type(2n){margin-right:0} .recalertbox{width:92%;height:80vh;padding:30px 20px;margin-left:-46%;margin-top:0;top:10vh} .recalertbox .top .title{width:calc(100% - 30px);font-size:18px;margin-right:10px} .recalertbox .content{margin:20px 0 30px;height:340px} .recalertbox .content .list .text{line-height:1.6} .recalertbox .top .close{width:18px;margin-top:3px} .recalertbox .top{padding-bottom:15px} .recalertbox .content .list{margin-bottom:20px} .recalertbox .btn{width:98px;height:36px;line-height:36px} .cont1title{font-size:18px} .cont1box{margin-top:25px} .cont1map{width:100%;height:300px} .cont1list{margin-bottom:20px} .cont1box .textbox{width:100%;height:auto;padding:30px 20px} .cont1list .icon{width:48px} .cont1list .rightbox{width:calc(100% - 70px);margin-left:20px;padding-top:3px} .cont1list .title{font-size:14px} .cont1list .text{margin-top:2px} .cont2 .swiper-button-next, .cont2 .swiper-button-prev{width:30px;height:30px;background-size:12px auto} .cont2 .swiper-container {padding: 0;margin: 0 auto} .cont2 .swiper-slide {box-shadow: none;} .cont2 .swiper-button-next{right:0} .cont2 .swiper-button-prev{left:0} .cont2 .swiper-slide .img img{width:100%} .cont2 .swiper-slide .textbox{padding:20px 15px;background: #fbfbfb} .cont2 .swiper-slide .title{font-size:16px} .cont2 .swiper-slide .text{margin:6px 0 15px} .cont2 .swiper-slide .mapbtn{width:100px;height:36px;line-height:32px;padding-left:10px;background-size:10px auto;background-position:right 10px center} .cont3{padding:45px 0;margin-top:35px} .cont3form{margin:25px 0 30px} .cont3form .list{width:100%;margin-right:0;margin-bottom:0;padding:0 10px} .cont3form .list .text{margin:0 5px} .cont3form .list .input{width:calc(100% - 112px)} .cont3 .pagetitle .text{margin-top:6px} } @media (max-width:768px){ .recruititem{width:100%;margin-right:0;margin-bottom:20px;padding:35px 20px} .recruititem:nth-of-type(2n){margin-right:0} .recruititem .top .title{width:calc(100% - 32px);font-size:16px;margin-left:10px;height:24px;line-height:24px} .recruititem .top .icon{width:20px} .recruititem .top{padding-bottom:10px} .recruititem .text{line-height:1.8;height:102px;margin:15px 0 25px} .recruititem .more{height:40px;line-height:40px} } .homeabout{padding:98px 0 0} .homeaboutL{width:50%} .homeaboutLtop{padding-right:6.04vw;height:450px;background-image:url(../img/homeaboutbg.png);background-repeat:no-repeat;background-position:right 6.04vw top 3.22vw} .homeaboutLtop .top{position:relative;padding:3.22vw 0 2.604vw 0} .homeaboutLtop .top .titlebox{position:relative;z-index:2} .homeaboutLtop .entitle{font-weight:bold;font-size:36px;font-family:Arial} .homeaboutLtop .cntitle{font-size:18px;margin:0 0 14px} .homeaboutLtop .line{width:30px;height:2px;background-color:#004099} .homeaboutLtop .entitle2{font-weight:bold;color:rgba(0,0,0,0.08);font-size:72px;font-family:Arial;position:absolute;top:1.5vw;left:0} .homeaboutLtop .text{color:#666;line-height:2.143;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .homeaboutLtop .btn{width:130px;height:42px;display:block;margin-top:2.07vw;border:2px solid #004099;color:#004099;border-radius:42px;font-weight:bold;padding-left:18px;line-height:38px;background-image:url(../img/innright.png);background-repeat:no-repeat;background-position:right 18px center} .homeaboutLtop .btn:hover{background-color:#004099;color:#fff;background-image:url(../img/innright_cur.png)} .homeaboutLslide .textbox{width:100%;padding:0 2.82vw;position:absolute;top:2.5vw;left:0;} .homeaboutLslide .textbox .title{color:#fff;font-size:24px} .homeaboutLslide .textbox .text{color:#fff;font-size:18px;margin-top:8px} .homeaboutLslide .swiper-container-horizontal>.swiper-pagination-bullets{text-align:right;padding:0 22px} .homeaboutLslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:14px;height:14px;background-color:#fff;opacity:1} .homeaboutLslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active{background-color:#004099} .homeaboutR{width:50%} .homeaboutR video {width: 100%;} .homeaboutR .sV-play{width:50px;height:50px;margin-top:-25px;margin-left:-25px} .homeaboutR .videobox .sV-img img{width:100%;height:450px;object-fit:cover} .homeaboutR .videobox:hover .sV-img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .homeaboutR .videobox:hover .sV-play{animation:homevideoxz 1.5s linear 0s infinite normal} @keyframes homevideoxz{ from {transform:rotateZ(0deg)} to {transform:rotateZ(360deg)} } .homeaboutR .box{width:100%;padding:0 2.03vw;position:absolute;top:4.8vw;left:0} .homeaboutR .box .numlist{width:25%} .homeaboutR .box .numlist .text, .homeaboutR .box .numlist .unit{color:#999;text-align:center} .homeaboutR .box .numlist .numUp{color:#004099;font-size:48px;font-family:Arial;text-align:center;font-weight:bold;margin-top:10px} .homeaboutR .numbox{position:relative} @media (max-width:1620px){ } @media (max-width:1440px){ .homeabout{padding:70px 0 0} .homeaboutLtop{height:360px;padding-right:4vw;background-position:right 4vw top 0.6vw;background-size:200px auto} .homeaboutLtop .entitle{font-size:28px} .homeaboutLtop .entitle2{font-size:58px;top:1.1vw} .homeaboutLtop .cntitle{font-size:16px} .homeaboutR .videobox .sV-img img{height:360px} .homeaboutR .box{top:4vw} .homeaboutR .box .numlist .numUp{font-size:38px;margin-top:7px} } @media (max-width:1024px){ .homeabout{padding:25px 0 0} .homeaboutL{width:100%} .homeaboutLtop{height:auto;padding-right:0;padding-bottom:25px;background-position:right 4vw top 0.6vw;background-size:200px auto} .homeaboutLtop .top{padding:0 0 4px 0} .homeaboutLtop .entitle{font-size:20px} .homeaboutLtop .entitle2{font-size:38px;top:-3.2vw;line-height:1} .homeaboutLtop .cntitle{margin:0 0 6px 0} .homeaboutLtop .text{line-height:1.8;height:76px} .homeaboutLtop .line{width:16px} .homeaboutLtop .btn{width:106px;height:32px;line-height:28px;margin-top:20px;background-size:14px auto;padding-left:10px;background-position:right 10px center} .homeaboutR{width:100%} .homeaboutR .videobox .sV-img img{height:auto} .homeaboutR .sV-play{width:40px;height:40px;margin-top:-20px;margin-left:-20px} .homeaboutLslide .textbox{top:20px;padding:0 30px} .homeaboutLslide .textbox .title{font-size:16px} .homeaboutLslide .textbox .text{font-size:13px;margin-top:4px} .homeaboutR .numbox{padding:15px 0 35px} .homeaboutR .box{position:static} .homeaboutR .box .numlist .text, .homeaboutR .box .numlist .unit{font-size:12px} .homeaboutR .box .numlist .numUp{font-size:26px;margin-top:5px;line-height:1} .homeaboutLslide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{width:8px;height:8px} } @media (max-width:768px){ .homeaboutR .numbox{padding:15px 0 25px} .homeaboutR .box .numlist{width:50%;margin-bottom:10px} } .homesertop{padding:88px 0 56px;background-image:url(../img/homeserbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .homesertop .pagetitle .cntitle{text-align:center} .homesertop .pagetitle .text{color:#414141;margin-top:10px;font-size:18px;text-align:center} .homeserbot .imgbox{overflow:hidden;height:46.875vw} .homeserbot .imglist{display:block;position:absolute;left:0;top:0;z-index:1;opacity: 0.2;transition: opacity 0.3s ease;} .homeserbot .imglist .img img{width:100%;height:46.875vw} /* .homeserbot .imglist.cur{transform:translateX(0);z-index:2} */ .homeserbot .imglist .white{width:100%;height:100%;display: none;} .homeserbot .imglist .whitelist{width:50%;height:100%;position:absolute;top:0;background-color:#fff;} .homeserbot .imglist .whitelist:nth-of-type(1){left:0} .homeserbot .imglist .whitelist:nth-of-type(2){right:0} .homeserbot .imglist.cur{z-index:2;opacity: 1;} .homeserbot .imglist.cur .whitelist{width:0} .homeserbot .imglist .textbox{width:525px;position:absolute;top:10.625vw;left:calc((100vw - 81.3vw) / 2);transform:translateX(50%);opacity:0;transition:1.4s cubic-bezier(0.61, 0.22, 0.08, 1.02) 0s;-webkit-transition:1.4s cubic-bezier(0.61, 0.22, 0.08, 1.02) 0s;-moz-transition:1.4s cubic-bezier(0.61, 0.22, 0.08, 1.02) 0s} .homeserbot .imglist.cur .textbox{transform:translateX(0);opacity:1;transition:1.4s ease-in-out 0.4s;-webkit-transition:1.4s ease-in-out 0.4s;-moz-transition:1.4s ease-in-out 0.4s} .homeserbot .imglist .cntitle{color:#fff;font-size:30px;font-weight:bold} .homeserbot .imglist .entitle{color:#fff;font-size:24px;font-weight:bold;font-family:Arial;line-height:1;margin:10px 0 26px} .homeserbot .imglist .text{color:#fff;line-height:2.143;height:90px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3} .homeserbot .imglist .more{width:130px;height:42px;display:block;margin-top:2.07vw;border:2px solid #fff;color:#fff;border-radius:42px;font-weight:bold;padding-left:18px;line-height:38px;background-image:url(../img/innright_cur.png);background-repeat:no-repeat;background-position:right 18px center} .homeserbot .imglist .more:hover{background-color:#004099;border-color:#004099;color:#fff} .homeserbot{position:relative} .homeserslide{width:100%;position:absolute;bottom:0;left:0;z-index:3;border-top:1px solid rgba(255,255,255,0.3)} .homeserslide .swiper-slide{height:auto;background-color:rgba(0,0,0,0.1);border-right:1px solid rgba(255,255,255,0.3)} .homeserslide .swiper-slide:nth-of-type(6n){border-right:none} .homeserslide .swiper-slide:after{content:"";width:100%;height:100%;background-color:rgba(0,64,153,0.8);position:absolute;top:0;right:0;transform:scale3d(0,0,0);opacity:0;transition:0.6s ease-in-out 0s;-webkit-transition:0.6s ease-in-out 0s;-moz-transition:0.6s ease-in-out 0s} .homeserslide .swiper-slide.cur:after{transform:scale3d(1,1,1);opacity:1} .homeserslide .swiper-slide .boxflex{padding:52px 50px;position:relative;z-index:2} .homeserslide .swiper-slide .textbox{width:calc(100% - 22px);margin-right:10px} .homeserslide .swiper-slide .cntitle{color:#fff;font-size:18px;font-weight:bold;margin:14px 0 5px} .homeserslide .swiper-slide .entitle{color:#fff;font-size:12px;font-family:Arial} .homeserslide .swiper-slide .more{margin-top:30px} @media (max-width:1620px){ .homeserbot .imglist .textbox{top:8.625vw;left:calc((100vw - 84.3vw) / 2)} } @media (max-width:1440px){ .homeserbot .imglist .textbox{top:6.625vw;left:calc((100vw - 88.3vw) / 2)} .homeserslide .swiper-slide .boxflex{padding:35px 30px} .homeserbot .imglist .cntitle{font-size:26px} .homeserbot .imglist .entitle{font-size:20px} } @media (max-width:1280px){ .homeserbot .imglist .entitle{margin:6px 0 15px} .homeserbot .imglist .textbox{left:calc((100vw - 92.3vw) / 2);top:4.625vw} } @media (max-width:1024px){ .homeserslide{position:relative;border-top:none} .homesertop{padding:40px 0 30px} .homesertop .pagetitle .text{margin-top:4px;font-size:14px} .homeserbot .imglist{overflow:hidden} .homeserbot .imglist .textbox{width:100%;padding:0 15px;left:0;top:20%} .homeserbot .imglist .cntitle{font-size:16px} .homeserbot .imglist .entitle{font-size:12px;margin:6px 0 25px} .homeserbot .imglist .text{display:none} .homeserbot .imglist .more{width:106px;height:32px;line-height:28px;margin-top:20px;background-size:14px auto;padding-left:10px;background-position:right 10px center} .homeserslide .swiper-slide{border-right:none} .homeserslide .swiper-slide .boxflex{padding:25px} .homeserslide .swiper-slide .icon{width:22px} .homeserslide .swiper-slide .cntitle{font-size:14px;margin:6px 0 4px} .homeserslide .swiper-slide .more{margin-top:34px} .homeserslide{padding-bottom:60px;background-color:#f9f9f9} .homeserslide .swiper-pagination{width:100%;text-align:center;bottom:30px} .homeserslide .swiper-pagination-bullet{margin:0 3px} .homeserslide .swiper-pagination-bullet-active{background-color:#2d60a7} } .homeser2{padding:90px 0 100px} .homeser2nav{margin:34px 0 60px;border-bottom:1px solid #e5e5e5;text-align:center} .homeser2navlist{color:#666;font-size:15px;padding:0 10px;font-weight:bold;display:inline-block;vertical-align:middle;position:relative;cursor:pointer;margin:0 18px;padding-bottom:18px} .homeser2navlist:after{content:"";width:0;opacity:0;height:2px;background-color:#004099;position:absolute;bottom:-1px;left:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .homeser2navlist:hover, .homeser2navlist.cur{color:#004099} .homeser2navlist:hover:after, .homeser2navlist.cur:after{width:100%;opacity:1} .homeser2 .pagetitle .cntitle{text-align:center} .homeser2 .pagetitle .text{color:#414141;font-size:18px;text-align:center;margin-top:8px} .homecaitem{width:24.03%;margin-right:1.29%;margin-bottom:20px;position:relative;display:block} .homecaitem:nth-of-type(4n){margin-right:0} .homecaitem .bot{width:100%;height:60px;padding-left:26px;background-color:rgba(0,0,0,0.3);position:absolute;bottom:0;left:0} .homecaitem .title{width:calc(100% - 80px);margin-right:20px;color:#fff;font-size:18px;line-height:60px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .homecaitem .text{color:#fff;height:0px;overflow:hidden;line-height: 1.714} .homecaitem .more{width:60px;height:60px;background-color:rgba(0,0,0,0.7);position:absolute;bottom:0;right:0;overflow:hidden} .homecaitem .more img{width:14px;height:14px;position:absolute;top:50%;margin-top:-7px;left:50%;margin-left:-7px} .homecaitem:hover .bot{height:100%;background-color: rgba(0,64,143,0.8);} .homecaitem:hover .title{font-size:18px;font-weight:bold} .homecaitem:hover .text{height:48px;margin-top:10px} .homecaitem:hover .more{right:20px;bottom:20px;border-color:rgba(255,255,255,0.4);background-color:rgba(255,255,255,0.2);transform:rotateZ(360deg);} .homecaitem:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .homeser2bot .list{display:none} .homeser2bot .list.cur{display:block} .homeser2bot .allmore{width:130px;height:42px;margin:40px auto 0;display:block;border:2px solid #004099;color:#004099;border-radius:42px;font-weight:bold;padding-left:18px;line-height:38px;background-image:url(../img/innright.png);background-repeat:no-repeat;background-position:right 18px center} .homeser2bot .allmore:hover{background-color:#004099;transform:scale(1.15);color:#fff;background-image:url(../img/innright_cur.png)} .homeser2bot .swiper-wrapper{flex-wrap:wrap;-webkit-flex-wrap:wrap;-moz-box-flex:wrap;-ms-flex-wrap:wrap} .homeser2bot .box{position:relative} .homeser2bot .swiper-button-next, .homeser2bot .swiper-button-prev{width:30px;height:30px;border:2px solid #004099;bottom:0;border-radius:30px;top:auto;margin-top:-15px;background-size:12px auto;display:none} .homeser2bot .swiper-button-next:hover, .homeser2bot .swiper-button-prev:hover{background-color:#004099} .homeser2bot .swiper-button-next{background-image:url(../img/innright.png);right:calc(50% - 40px)} .homeser2bot .swiper-button-next:hover{background-image:url(../img/innright_cur.png)} .homeser2bot .swiper-button-prev{background-image:url(../img/innleft.png);left:calc(50% - 40px)} .homeser2bot .swiper-button-prev:hover{background-image:url(../img/innleft_cur.png)} @media (max-width:1440px){ .homeser2{padding:65px 0 70px} } @media (max-width:1024px){ .homeser2{padding:45px 0} .homeser2 .pagetitle .text{font-size:14px;margin-top:3px} .homeser2nav{display:none} .homecaitem{margin-bottom:0} .homecaitem .img img{width:100%} .homeser2bot{margin-top:25px} .homecaitem .more{width:30px;height:30px} .homecaitem .more img{width:10px;height:10px;margin-left:-5px;margin-top:-5px} .homecaitem .bot{height:30px;padding-left:10px} .homecaitem .title{width:calc(100% - 40px);margin-right:10px;font-size:13px;line-height:30px;height:30px} .homeser2bot .allmore{display:none} .homeser2bot .box{padding-bottom:50px} .homeser2bot .swiper-button-next, .homeser2bot .swiper-button-prev{display:block} } .homenew{padding:85px 0 105px;background-image:url(../img/homenewbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .homenew .pagetitle .cntitle{text-align:center} .homenew .pagetitle .text{font-size:18px;margin-top:8px;text-align:center} .homenewslide{margin-top:55px;position:relative} .homenewslide .swiper-button-next, .homenewslide .swiper-button-prev{width:42px;height:42px;background-size:18px auto;border-radius:42px;border:2px solid #004099;opacity:1;top:calc(50% - 102px);margin-top:-21px} .homenewslide .swiper-button-next:hover, .homenewslide .swiper-button-prev:hover{background-color:#004099} .homenewslide .swiper-button-next{background-image:url(../img/innright.png);right:calc(-3.125vw + -42px)} .homenewslide .swiper-button-next:hover{background-image:url(../img/innright_cur.png)} .homenewslide .swiper-button-prev{background-image:url(../img/innleft.png);left:calc(-3.125vw + -42px)} .homenewslide .swiper-button-prev:hover{background-image:url(../img/innleft_cur.png)} .homenewslide .textbox{padding:44px 30px 26px;background-color:#fff;position:relative} .homenewslide .date{width:130px;height:42px;background-color:#004099;text-align:center;line-height:42px;color:#fff;font-weight:bold;font-family:Arial;font-size:18px;position:absolute;left:0;top:-21px} .homenewslide .title{font-size:18px;line-height:26px;height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .homenewslide .text{color:#666;line-height:1.714;margin:18px 0 24px;height:48px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1} .homenewslide .more{color:#666;font-weight:bold;position:relative} .homenewslide .more:after{content:"";width:20px;height:2px;background-color:#004099;position:absolute;left:-30px;top:50%;margin-top:-1px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .homenewslide .box:hover .img img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05)} .homenewslide .box:hover .title{color:#004099;font-weight:bold} .homenewslide .box:hover .more{color:#004099} @media (min-width:1024px){ .homenewslide .box:hover .more:after{width:40px;left:-50px} } .homenewslide .box .img img{width:100%} .homenewslide .box{display:block;box-shadow:2.5px 4.33px 15px 0px rgba(14, 5, 10, 0.05)} .homenewmore{width:130px;height:42px;margin:58px auto 0;display:block;border:2px solid #004099;color:#004099;border-radius:42px;font-weight:bold;padding-left:18px;line-height:38px;background-image:url(../img/innright.png);background-repeat:no-repeat;background-position:right 18px center} .homenewmore:hover{background-color:#004099;transform:scale(1.15);color:#fff;background-image:url(../img/innright_cur.png)} @media (max-width:1440px){ .homenew{padding:65px 0 80px} .homenewslide{margin-top:40px} .homenewslide .swiper-button-next{right:calc(-1.5vw + -42px)} .homenewslide .swiper-button-prev{left:calc(-1.5vw + -42px)} } @media (max-width:1280px){ .homenewslide{padding:0 40px} .homenewslide .swiper-button-next{right:-20px} .homenewslide .swiper-button-prev{left:-20px} } @media (max-width:1024px){ .homenew{padding:45px 0} .homenewslide{margin-top:25px} .homenewslide .swiper-button-next, .homenewslide .swiper-button-prev{width:30px;height:30px;margin-top:-15px;top:calc(50% - 80px);background-size:12px auto} .homenewslide .swiper-button-next{right:0px} .homenewslide .swiper-button-prev{left:0px} .homenewmore{width:106px;height:32px;line-height:28px;margin:25px auto 0} .homenewslide .date{width:90px;height:30px;line-height:30px;top:-30px;font-size:14px} .homenewslide .textbox{padding:20px 20px 30px} .homenewslide .title{font-size:16px;font-weight:bold;height:24px;line-height:24px} .homenewslide .text{margin:6px 0 14px} .homenewslide .more:after{width:14px;left:-24px} .homenew .pagetitle .text{font-size:14px;margin-top:5px} } .homepan{padding:90px 0 102px} .homepan .pagetitle .cntitle{text-align:center} .homepan .pagetitle .text, .homehon .pagetitle .text{font-size:18px;margin-top:8px;text-align:center} .homepan .swiper-container {padding: 15px;margin: 0 -15px;} .homepanslide{padding-bottom:75px;margin-top:51px;position:relative} .homepanslide .swiper-pagination{width:100%;text-align:center;bottom:10px} .homepanslide .swiper-pagination-bullet{opacity:1;background-color:#dedede;position:relative;margin:0 10px;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .homepanslide .swiper-pagination-bullet:after{content:"";width:18px;height:18px;box-sizing:border-box;border-radius:10px;border:1px solid #004099;position:absolute;top:50%;left:50%;margin-top:-9px;margin-left:-9px;transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);opacity:0;transition:0.5s ease-in-out 0s;-webkit-transition:0.5s ease-in-out 0s;-moz-transition:0.5s ease-in-out 0s} .homepanslide .swiper-pagination-bullet-active{background-color:#004099} .homepanslide .swiper-pagination-bullet-active:after{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .homepanslide .swiper-slide{background-color:#fff;padding:5px} .homepanslide .swiper-slide:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:2;opacity:0;box-shadow:0px 0px 15px 0px rgba(14, 5, 10, 0.15);transform:scale3d(0,0,0);-webkit-transform:scale3d(0,0,0);-moz-transform:scale3d(0,0,0);transition:0.6s ease-in-out 0s;-webkit-transition:0.6s ease-in-out 0s;-moz-transition:0.6s ease-in-out 0s} .homepanslide .swiper-slide:hover:after{opacity:1;transform:scale3d(1,1,1);-webkit-transform:scale3d(1,1,1);-moz-transform:scale3d(1,1,1)} .homepanslide .swiper-slide img{width:100%;position:relative;z-index:3} .homebot{padding:92px 0 88px} .homebottext{position:relative} .homebot .entitle{color:rgba(0,0,0,0.05);font-size:140px;font-weight:bold;text-align:center;line-height:1;font-family:Arial} .homebot .cntitle{color:#004099;font-size:48px;line-height:64px;text-align:center;font-weight:bold;width:100%;position:absolute;top:50%;margin-top:-32px;left:0} .homehon{padding:90px 0;background-image:url(../img/homenewbg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover} .homehon .pagetitle .cntitle{text-align:center} .homehon .swiper-button-next, .homehon .swiper-button-prev{width:42px;height:42px;background-size:18px auto;border-radius:42px;border:2px solid #004099;opacity:1;top:calc(50% - 24px);margin-top:-21px} .homehon .swiper-button-next:hover, .homehon .swiper-button-prev:hover{background-color:#004099} .homehon .swiper-button-next{background-image:url(../img/innright.png);right:calc(-3.125vw + -42px)} .homehon .swiper-button-next:hover{background-image:url(../img/innright_cur.png)} .homehon .swiper-button-prev{background-image:url(../img/innleft.png);left:calc(-3.125vw + -42px)} .homehon .swiper-button-prev:hover{background-image:url(../img/innleft_cur.png)} .homehonslide{margin-top:56px;position:relative} .homehonslide .img{padding:20px;background-color:#fff} .homehonslide .textbox{margin-top:26px} .homehonslide .title{color:#414141;font-size:16px;text-align:center} .homehonslide .swiper-slide:hover .img{box-shadow:2.5px 4.33px 15px 0px rgba(14, 5, 10, 0.05)} .homehonslide .swiper-slide:hover .title{color:#004099;font-weight:bold} @media (max-width:1800px){ .homebot .entitle{font-size:120px} } @media (max-width:1620px){ .homebot .entitle{font-size:110px} } @media (max-width:1440px){ .homepan{padding:65px 0 72px} .homepanslide{padding-bottom:60px;margin-top:46px} .homebot{padding:72px 0 68px} .homebot .entitle{font-size:100px} .homebot .cntitle{font-size:38px;line-height:52px;margin-top:-26px} .homehon{padding:65px 0} .homehonslide{margin-top:40px} .homehon .swiper-button-next{right:calc(-1.5vw + -42px)} .homehon .swiper-button-prev{left:calc(-1.5vw + -42px)} } @media (max-width:1280px){ .homebot .entitle{font-size:90px} .homebot .cntitle{font-size:32px;line-height:44px;margin-top:-22px} .homehonslide{padding:0 40px} .homehon .swiper-button-next{right:-20px} .homehon .swiper-button-prev{left:-20px} } @media (max-width:1024px){ .homepan{padding:45px 0} .homepan .swiper-container {padding: 0;margin: 0 auto;} .homepan .pagetitle .text, .homehon .pagetitle .text{font-size:14px;margin-top:4px} .homepanslide{padding-bottom:45px;margin-top:20px} .homebot .entitle{font-size:68px} .homebot{padding:30px 0} .homehon .swiper-button-next, .homehon .swiper-button-prev{width:30px;height:30px;margin-top:-15px;top:calc(50% - 18px);background-size:12px auto} .homehon .swiper-button-next{right:0px} .homehon .swiper-button-prev{left:0px} .homehonslide{margin-top:25px} .homehonslide .img{padding:10px} .homepanslide .swiper-slide{padding:2px} .homehon{padding:45px 0} .homehonslide .textbox{margin-top:10px} .homehonslide .title{font-size:13px} } @media (max-width:768px){ .homebot .entitle{font-size:58px} .homebot .cntitle{font-size:26px;line-height:40px;margin-top:-20px} } @media (max-width:640px){ .homebot .entitle{font-size:48px} } @media (max-width:480px){ .homebot .entitle{font-size:30px} .homebot .cntitle{font-size:18px;line-height:28px;margin-top:-14px} } @media (max-width:370px){ .homebot .entitle{font-size:26px} .homebot .cntitle{font-size:14px;line-height:20px;margin-top:-10px} } @media (max-width:1440px){ } @media (max-width:1024px){ } /*寮圭獥 20210706 start */ .mask{display:none;width:100%;height:100%;background:rgba(0,0,0,.5);position:fixed;left:0;top:0;z-index:60} .pic-modal-box{position:fixed;left:0;top:0;z-index:61;display:none} .pic-modal-box .main{width:100%;height:100%;position:fixed;left:0;top:0;z-index:40;display:flex;display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;align-items:center} .pic-modal-box .w1200{width:1200px;margin:0 auto;background:#fff} .pic-modal-box .info,.pic-modal-box .pic{padding-left:100px;padding-right:100px} .pic-modal-box .info{position:relative;border-bottom:1px solid #f7f8f9} .pic-modal-box .name{font-size:30px;color:#333;line-height:100px;padding-right:30px} .pic-modal-box .pic{padding-top:80px;padding-bottom:80px} .pic-modal-box .pic img{max-height:65vh;object-fit:contain;display: block;width: 100%;} .pic-modal-box .close{display:inline-block;width:22px;height:22px;background:url(../img/close2.png) no-repeat center center;background-size:contain;position:absolute;right:100px;top:50px;z-index:10;transition:transform .3s ease;-webkit-transition:transform .3s ease;-moz-transition:transform .3s ease;-ms-transition:transform .3s ease;-o-transition:transform .3s ease} .pic-modal-box .close:hover{transform:rotate(90deg)} @media screen and (max-width:1600px){.pic-modal-box .name{font-size:28px}} @media screen and (max-width:1366px){.pic-modal-box .name{font-size:26px} .pic-modal-box .pic img{max-height:60vh} } @media screen and (max-width:1024px){.pic-modal-box .main{padding:0 15px} .pic-modal-box .w1200{width:100%;padding:0} .pic-modal-box .info,.pic-modal-box .pic{padding-left:20px;padding-right:20px} .pic-modal-box .name{font-size:20px;line-height:50px;padding-right:20px} .pic-modal-box .pic{padding-top:30px;padding-bottom:30px} .pic-modal-box .pic img{max-height:85vh} .pic-modal-box .close{width:16px;height:16px;right:20px;top:20px} } /*寮圭獥 20210706 start */