@import url(common.css); /* 引用公共样式 */
/*------------------------------------------以下开始,以上为保留样式--------------------------------------------------*/
:root{
    --shou-height:100vh;
    --overshow:visible;
}
@keyframes animIn {
    from{display:block;margin-top:10px;opacity:0;}
    to{margin-top:0;opacity:1;}
}
@keyframes amin1{
    0%{margin-bottom:0;}
    100%{margin-bottom: 5px;}
}
body,html{font-size:14px;font-family:'Microsoft YaHei','Microsoft YaHei UI','system-ui','moth';overflow:var(--overshow);}
.center{max-width:1480px;}
.bg4,.bg4-hover:hover{background:#1980cf;}
.bg5,.bg5-hover:hover{background:#1980cf;background:linear-gradient(90deg,#2686d0,#00a3de);}
.bg6,.bg6-hover:hover{background:#64aa30;}
.bg7,.bg7-hover:hover{background:#64aa30;background:linear-gradient(90deg,#64aa30,#aed487);}
.bg8,.bg8-hover:hover{background:rgb(25 128 207 / 60%);}
.bg9,.bg9-hover:hover{background:#f0f0f0;}
.bg10{background:#eef5ff;}
.co4,.co4-hover:hover{color:#1980cf;}
.co5,.co5-hover:hover{color:#64aa30;}
.co6,.co6-hover:hover{color:#d00;}
.co7,.co7-hover:hover{color:#000;}
.sha1{box-shadow:0 1px 3px rgba(0,0,0,.05);}
.grid{display:grid;}
.grid-item{width:100%;overflow:hidden;}
.scale-box{overflow:hidden;}
.scale-inner{transition:ease .3s;}
.scale-box:hover .scale-inner{transform:scale(1.15,1.15);}
.top1-contain{display:grid;grid-template-columns:180px auto 125px;grid-auto-flow:column;grid-template-areas:"top11 top12 top13";align-items:center;}
.top11{grid-area:top11;margin-left:0;}
.top12{grid-area:top13;margin-right:0;}
.top13{grid-area:top12;width:100%;}
.lang-c2{left:0;right:0;background:#fff;box-shadow:0 1px 2px 1px rgba(0,0,0,.1);padding:12px 0;display:none;width:72px;}
.lang-item{padding:8px 10px;margin:-7px 0;}
.lang-item:hover{background:rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.03) inset;color:#1980cf;}
.lang-ctrl:hover .lang-c2{display:block;}
.bot13b{display:grid;grid-template-columns:repeat(3,1fr);align-items:start;gap: 20px;}
.bot11,.bot12,.bot13{margin-left:0;}
.btn1 .icon{width:14px;height:19px;vertical-align:text-top;}
.btn1{display:inline-block;padding:8px;border:1px solid #fff;border-radius:25px;min-width:120px;text-align:center;}
.s1ctrl{position:absolute;z-index:100;bottom:165px;left:40px;}
.s1-arrow .icon{width:40px;height:40px;vertical-align:top;cursor:pointer;}
.btn1:hover{background:#fff;color:#64aa30!important;}
.countup-start{bottom:calc(var(--shou-height) + 95px);}
.s12b{display:grid;grid-template-columns:repeat(6,1fr);align-items:start;}
.s12cb{padding:20px 10px;}
.s12c1 .countup{font-size:3.2em;font-weight:bold;}
.shou-mouse{position:absolute;color:#fff;bottom:20px;left:50%;text-align:center;transform:translateX(-50%);animation: amin1 ease-out .5s  infinite alternate;}
.shou-mouse .icon{width:36px;height:36px;cursor:pointer;}
.shou-ctrl{right:30px;top:50%;transform:translateY(-50%);z-index:300;}
.shou-ctrl-item::before{content:"";width:4px;height:4px;background:#fff;border-radius:50%;display:block;box-shadow:0 0 2px 1px rgba(0,0,0,.5);}
.shou-ctrl-item{padding:8px;margin:12px 0;border:1px solid transparent;border-radius:50%;cursor:pointer;}
.shou-ctrl-item.active{border-color:#1980cf;}
.shou-ctrl-item.active::before{background:#1980cf;}
.s1c2{max-width:1480px;padding:30px 60px;color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;box-sizing:border-box;}
.s2bg img{height:100%;}
.sbt1-img{height:100%;}
/*.sbt2{white-space:nowrap;}*/
.s3c3{width:45px;height:4px;margin:10px 0 30px;}
.s4c23{-webkit-line-clamp:6;height:12em;line-height:2em;margin-bottom:4em;}
.s4c22{border-bottom:1px solid #fff;opacity:.5;margin:30px auto;}
.s4c24{margin-left:160px;}
.s42b{background:rgba(19,102,165,.8);}
.s5{background:url(/images/b3.png);background-size:cover;}
.mnavca{display:block;padding:10px 30px;border-radius:30px;}
.mnavca:hover{color:#1980cf;}
.mnavc.active .mnavca{background:#1980cf;color:#fff;}
.caselist-mcab{padding:10px 15px;border-radius:25px;}
.caselist-mc.active .caselist-mcab{background:#e9f6ff;color:#1980cf;}
.page a:hover, .page span{background:#1980cf;border-color:#1980cf;color:#fff;}
.wzcb{grid-template-columns: 320px 1fr;gap:30px;}
.a12b{display:grid;grid-template-columns:repeat(4,250px);justify-content:space-between;row-gap:60px;}
.a32-yw11{font-size:1.6em;line-height:1em;}
.a32-yw12,.a32-yw2c2{font-size:12px;}
.a32-yw1{margin-bottom:20px;}
.a32-yw2c{padding:5px 0;}
.a41{margin-bottom:-15px;}
.a5{background-image:url(/images//b4.jpg);}
.a521cb{height:60px;display:grid;place-content:center;padding-bottom:40px;transition:ease .6s;}
.a521cb::after{content:"";width:0;height:12px;border:0 solid transparent;border-left:1px solid #fff;position:absolute;left:50%;bottom:0;z-index:10;transition:ease .6s;}
.a521c.slick-current .a521cb{font-size:1.8em;font-weight:bold;}
.a521c.slick-current .a521cb::after{height:0;border-width:25px 15px 0 15px;border-top-color:#fff;border-left:15px solid transparent;transform:translate(-50%,60%);}
.a521 .slick-list{padding-bottom:15px!important;}
.a522{margin-top:-15px;max-width:1080px;padding:0 60px;}
.a522 .borb{border-color:rgba(255,255,255,.5)!important;}
.a523{max-width:980px;}
.a523cb{max-width:610px;box-sizing:border-box;padding:40px 60px;background:rgba(255,255,255,.7);border-radius:10px;}
.a523c2 li{padding-left:20px;position:relative;}
.a523c2 li::before{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#1980cf;left:0;top:1.2em;margin-top:-4px;}
.a5-arrow{font-size:2em;background:#fff;color:#1980cf;position:absolute;width:40px;text-align:center;border-radius:50%;line-height:38px;height:40px;padding:3px;transform:translateY(-50%);}
.a62b{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;}
.a62c2{position:absolute;left:0;right:0;bottom:0;padding:100px 15px 15px;background:linear-gradient(transparent,#1980cf);}
.a62c22{-webkit-line-clamp:2;height:3.2em;}
.a7{background-image:url(/images/b5.jpg);}
.a712c{display:inline-block;padding:8px 20px;background:#fff;border-radius:25px;font-size:16px;text-align:center;min-width:60px;margin-right:20px;cursor:pointer;}
.a712c.active{background:#d0e8f1;color:#1980cf;}
.a713c{display:none;}
.a713c.active{display:block;line-height:2em;font-size:16px;font-weight:bold;}
.a713b{padding-right:30px;height:360px;overflow:hidden;overflow-y:auto;margin-right:-30px;}
.a713-scroll{top:0;position:absolute;bottom:0;left:0;width:5px;background:#ddd;opacity:.8;box-shadow:0 0 2px rgba(0,0,0,.05) inset;user-select:none;border-radius:4px;overflow:hidden;opacity:0;visibility:hidden;}
.a713-scroll-bar{height:100%;position:absolute;top:0;left:0;width:100%;background:#1980cf;border-radius:4px;}
.a713-scroll-show{opacity:1;visibility:visible;}
.yw121b{margin:0 20px 15px 0;border-radius:10px;box-shadow:20px 15px 0 #1980cf;text-align:center;overflow:hidden;background:#f6f6f6;padding:10px;}
.yw32c11{background:#f6f6f6;padding:10px;border-radius:10px;overflow:hidden;text-align:center;}
.yw32c11 .yw32c11-img{max-width:80%;margin:auto;}
.scroll-box{overflow:hidden;white-space:nowrap;user-select:none;}
.scroll-inner{overflow:auto;padding-bottom:30px;margin-bottom:-30px;text-align:center;}
.scroll-item{display:inline-block;}
.yw312-btn,.yw412-btn{padding:10px 20px;border-radius:30px;}
.yw312c.active .yw312-btn,.yw412c.active .yw412-btn{background:#1980cf;color:#fff;}
.yw312{border:1px solid #eaeaea;border-radius:30px;}
.yw312b{margin:-1px;}
.yw42cb{display:grid;grid-template-columns:repeat(3,1fr);gap:20px 30px;}
.yw4{background:#f9f9f9;}
.yw42c-more{line-height:40px;background:#f3f3f3;}
.yw42c-more-icon{background:#1980cf;width:40px;border-radius:50%;display:inline-block;margin-right:40px;}
.zpcb{padding:40px 30px;border-radius:7px;}
.zpc2{display:none;}
.zpc111{width:35px;height:35px;line-height:35px;text-align:center;border-radius:50%;display:block;font-weight:bold;}
.zpc2b{display:grid;grid-template-columns:repeat(4,1fr);}
.zpc2c{width:100%;}
.zpcb .borb{border-color:#ddd;}
.zpcb{transition:ease .3s;}
.zpcb.active{background:#f4f4f4;margin:30px auto;}
.zpcb.active .zpc3{display:none;}
.zpcb.active .zpc2{display:block;}
.zpcb.active .zpc1-icon::before{content:"\e67e";}
.ct11b{display:grid;grid-template-columns:repeat(3,minmax(200px,1fr));gap:30px;}
.ct11cb{max-width:300px;}
.ct11c1-icon{width:49px;height:49px;padding:10px;border-radius:50%;background:#1567b1;position:relative;left:-5px;margin-bottom:30px;}
.ct11c21{margin-bottom:8px;}
.map-panel-box{height:480px;}
.zpbq:hover{cursor:pointer;background:#64aa30;}
.s3ccb:hover{text-decoration:underline;}
.a2hide-shade{left:0;right:0;bottom:100%;height:150px;background:linear-gradient(transparent,#fff 80%);}
.a2hide{display:none;}
.a2-hide .a2hide{display:block;}
.a2-hide .a22{height:300px;overflow:hidden;}
.sha-t{box-shadow:0 -1px 3px rgba(0,0,0,.05);}
.bot2{height:58px;}
.lyinp{border:1px solid #ddd;height:48px;border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,.05) inset;}
.lybtn{border-radius:10px;box-shadow: 1px 1px 3px rgba(0,0,0,.05);}
.a722{height:600px;background:url(/images/qm13.png) bottom right,url(/images/qm13.png) center right;background-size: 100% 80px, 60% 80px;background-repeat:no-repeat;}
.a722cc1{width:140px;height:220px;margin-bottom:35px;position:relative;}
.a722cc1-img{width:100%;height:auto;position:absolute;bottom:0;left:0;max-height:100%;object-fit:contain;object-position:bottom;}
.a722c{opacity:0;visibility:hidden;width:60%;top:25px;box-sizing:border-box;padding:0 40px;max-width:940px;left:40%;overflow:hidden;}
.a722c.active{opacity:1;visibility:visible;}
.a722cc{padding:0 15px;}
.a722cb{margin:0 -15px;}
.bot113{display:grid;grid-template-columns:repeat(3,1fr);gap:5px 20px;}
.a22{text-indent: 2em;}
.s62c1-img-box{padding:61.864407% 0;}
.photo-list{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;}
.photo-c11{background:#f1f1f3;padding:62.142857% 0;}

@media screen and (min-width:769px) {
    .all{min-width:1280px;}
    /*.top1{height:95px;}*/
    .top1-panel{background:rgba(255,255,255,.5);backdrop-filter:blur(4px);}
    .top1b{max-width:1820px;}
    .top131{width:85%;max-width:1080px;margin-right:0;}
    .navb{display:grid;grid-auto-flow:column dense;}
    .navc{position:relative;padding:25px 0;}
    .navc2{position:absolute;top:100%;padding-top:5px;min-width:calc(100% + 30px);left:-15px;}
    .navc1-ab{font-size:16px;}
    .navc.active .navc1::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;border-radius:3px;background:#1980cf;}
    .navc.active .navc1-ab,.navc:hover .navc1-ab{color:#1980cf;}
    .navcb,.navccb{box-shadow: 0 1px 2px 1px rgba(0,0,0,.1);padding:12px 0;background:#fff;display:none;position:relative;}
    .navcc,.navccc{padding:8px 15px;white-space:nowrap;margin:-5px 0;}
    .navcc2{position:absolute;left:100%;top:0;padding-left:5px;}
    .navcc:hover, .navccc:hover{background:rgba(0,0,0,.05);box-shadow:0 1px 2px rgba(0,0,0,.03) inset;}
    .navcc:hover .navcca, .navccc:hover .navccca{color:#1980cf;}
    .navc:hover .navcb,.navcc:hover .navccb{display:block;}
    .navcca,.navccca{padding-right:20px;}
    .navcca:before,.navccca:before{content:"\e602";font-family:layui-icon;float:right;margin-left:20px;margin-right:-8px;}
    .top13{display:block!important;}
    .bot1b{display:grid;grid-template-columns:11fr 5fr 7fr;gap:30px;}
    .bot13{width:100%;}
    .bot112{width:460px;margin-top:30px;margin-left:0;}
    .bot122{width:240px;margin-top:15px;margin-left:0;}
    .bot1{padding:40px 0 100px;border-top:3px solid #f0f0f0;}
    .shou-item{height:var(--shou-height);overflow:hidden;overflow-y:auto;display:grid;align-items:center;}
    .shou-bot{height:auto;}
    .shou-bot .bot1{border:none;} 
    .shou{height:var(--shou-height);overflow:hidden;}
    .s1c1-img{height:var(--shou-height);}
    .s1c2{max-width:1480px;padding:30px 60px;color:#fff;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;box-sizing:border-box;}
    .s1c21{font-size:4.8em;font-weight:bold;text-shadow:1px 2px 5px rgba(0,0,0,.5);margin-bottom:80px;}
    .s12{position:absolute;background:rgba(0,0,0,.5);left:0;right:0;bottom:0;color:#fff;}
    .s2b{display:grid;grid-template-columns:repeat(2, 1fr);align-items:center;}
    .s21-img{height:var(--shou-height);}
    .s22b{width:70%;}
    .sbt2{font-size:3.6em;}
    .sbt1{left:40px;}
    .s2bg{height:300px;bottom:-60px;right:-50px;}
    .s3b{display:grid;grid-template-columns:repeat(2,1fr);}
    .s3c{height:100%;display:grid;place-items:center;width:100%;cursor:pointer;}
    .s3c1{position:relative;left:-5px;}
    .s3cc{padding:8px 0;}
    .s3c-hide{max-height:0;overflow:hidden;transition:ease .7s;}
    .s3c.active .s3c-hide{max-height:100vh;}
    .s3cbg{opacity:0;transition:ease .7s;}
    .s3c.active .s3cbg{opacity:.8;}
    .s3b::after{content:"";position:absolute;top:0;bottom:0;left:50%;border-right:1px solid #fff;z-index:10;opacity:.5;}
    .s3c1-icon{width:96px;height:96px;}
    .s3cb{max-width:80%;}
    .s41-cimg{height:var(--shou-height);}
    .s42{position:absolute;right:0;width:45%;top:50%;transform:translateY(-50%);}
    .s42b{padding:10% 15% 10% 10%;}
    .s4ctrl{left:10%;bottom:10%;margin-bottom:15px;}
    .s5list{display:grid;grid-template-columns:repeat(3,1fr);margin:0 -40px;}
    .s5item{width:100%;overflow:hidden;box-sizing:border-box;padding:40px;border-left:1px solid #eaeaea;}
    .s5c4-img{height:270px;}
    .m121{margin-bottom:80px;font-size:4em;}
    .caselist{grid-template-columns:repeat(3,1fr);gap:30px;}
    .casec1-img{height:min(30vw,280px);}
    .wzc1-img{height:210px;}
    .a12c1-img{width:104px;height:104px;margin-bottom:15px;}
    .a32b{display:grid;grid-template-columns:270px 350px 270px;justify-content:center;column-gap:20px;grid-template-areas:"a b c";}
    .a321{grid-area:b;}
    .a32-yw{width:100%;box-sizing:border-box;border:0 solid #1980cf;border-width:0 3px;padding:0 15px;}
    .a33b{display:grid;grid-template-columns:1fr 300px;grid-template-areas:"a b";column-gap:50px;}
    .a331{grid-area: b;}
    .a521{max-width:980px;}
    .a713-outer{width:480px;margin-left:0;}
    .a72{position:absolute;right:0;top:240px;left:0;}
    .a721{width:70%;margin-right:0;}
    .yw122b{padding-left:75px;}
    .yw32cb{display:grid;column-gap:75px;grid-template-columns:repeat(1,1fr);}
    .yw42cc1-img{height:305px;border-radius:10px;}
    .lybtn{line-height:52px;height:52px;}
    
}
@media screen and (max-width:768px) {
    :root{--overshow:visible!important;}
    .top1{height:60px;}
    .all{min-width:480px;}
    .top13{position:fixed;left:0;right:0;top:60px;bottom:0;background:#fff;padding:20px;overflow:auto;width:auto;border-top:1px solid #f0f0f0;display:none;}
    .top1-contain{padding:10px 0;grid-template-columns:150px auto 160px;}
    .navc1-ab{padding:15px;border-bottom:1px solid #f0f0f0;}
    .navc1-a:before,.navcca:before,.navccca:before{content:"\e602";font-family:layui-icon;float:right;margin-left:10px;}
    .navc1-a:before{margin-top:15px;margin-right:15px;}
    .navcb{padding:10px;background:rgba(0,0,0,.05);}
    .navcc1{padding:5px;}
    .navccb{padding:0 5px;}
    .navccc{padding:5px 0 5px 20px;}
    .bot1b{display:grid;gap:30px;}
    .bot13b{gap:20px;}
    .bot112,.bot122{margin-top:15px;}
    .bot1{padding:30px 0 60px;border-top:2px solid #f0f0f0;}
    .s12b{grid-template-columns:repeat(3,1fr);}
    .s1c1-img{height:60vw;}
    .s1ctrl{bottom:auto;top:60vw;margin-top:-45px;left:20px;}
    .s1-arrow .icon{width:30px;height:30px;}
    .s1-arrow{margin:0 5px;}
    .s12{padding:10px 20px 20px;}
    .s12c1 .countup{font-size:2em;}
    .s12cb{padding: 8px;}
    .s12c2{font-size:13px;}
    .s1c21{font-size:1.8em;font-weight:bold;text-shadow:0 1px 3px rgba(0,0,0,.5);margin-bottom:30px;}
    .s1c2{padding:20px;}
    .fe16-sm{font-size:1.6em;}
    .fe14-sm{font-size:1.4em;}
    .fe13-sm{font-size:1.3em;}
    .fe12-sm{font-size:1.2em;}
    .f14-sm{font-size:14px;}
    .f13-sm{font-size:13px;}
    .s2bg{bottom:-60px;right:-50px;}
    .sbt2{font-size:2em;}
    .sbt1{height:90px;left:20px;}
    .s22{padding:30px 20px 50px;}
    .s21-img{height:60vw;}
    .s3c{margin:30px auto;padding:40px 20px;text-align:center;border-radius:7px;overflow:hidden;width:80%;}
    .s3b{padding:30px 5px;}
    .s3c1-icon{width:60px;height:60px;}
    .s3c3{width:40px;height:2px;margin:10px auto 20px;}
    .s3cb{font-size:16px;}
    .s3c2{font-size:1.6em;padding:8px 0;}
    .s3cc{padding:3px 0;}
    .s3cbg{opacity:.8;}
    .s42{padding:60px 5px;position:relative;z-index:10;}
    .s42b{padding:40px 20px;border-radius:7px;width:80%;}
    .s41{position:absolute;left:0;right:0;bottom:0;top:0;}
    .s4ctrl{bottom:38px;}
    .s4c24{margin-left:120px;}
    .s41-cimg{height:544px;}
    .s5 .center.layui-fluid{padding:60px 5px;}
    .s5b{width:calc(80% + 40px);}
    .s5item{padding:30px 0 40px;border-top:1px solid #eaeaea;}
    .m2{padding:15px 0;}
    .caselist{grid-template-columns:repeat(2,1fr);gap:15px;}
    .casec1-img{height:30vw;}
    .casec2{padding:15px 10px;}
    .wzcb{grid-template-columns:200px 1fr;gap:20px;}
    .wzc22b{-webkit-line-clamp:2;height:3.2em;}
    .wzc22{padding:15px 0;}
    .wzc1-img{height:135px;}
    .a12b{grid-template-columns:repeat(3,1fr);gap:30px;}
    .a12c1-img{width:80px;height:80px;margin-bottom:10px;}
    .w100-sm{width:100%;}
    .w95-sm{width:95%;}
    .a3{text-align:center;}
    .a32-ywb{background:#effaff;border:2px solid #1980cf;border-radius:10px;box-sizing:border-box;padding:40px 20px;margin-top:40px;color:#1980cf;}
    .a32-yw,.a331{width:80%;}
    .a32-yw11{margin-bottom:5px;}
    .a41{text-align:center;}
    .a523c2 li::before{width:8px;height:8px;margin-top:-4px;}
    .a523cb{width:80%;padding:30px;}
    .a51{position:relative;top:15px;}
    .a5-arrow{font-size:1.6em;padding:0;}
    .a522{padding:0 50px;}
    .a62b{grid-template-columns:repeat(1,1fr);gap:30px;width:85%;}
    .a713b{height:auto;}
    .yw32c1{margin-bottom:15px;}
    .yw312-btn{padding:8px 15px;}
    .yw42cb{grid-template-columns:repeat(2,1fr);gap:10px 15px;}
    .yw42cc1-img{height:32vw;}
    .padtb12-sm{padding:12px 0;}
    .zpc111{width:32px;height:32px;line-height:32px;}
    .zpc2b{grid-template-columns:repeat(2,1fr);gap:10px;}
    .zpcb{padding:30px 10px;}
    .ct11b{grid-template-columns:auto;}
    .ct11c{width:100%;}
    .ct11cb{max-width:90%;}
    .ct11c1-icon{width:40px;height:40px;padding:10px;}
    .ct11c1{float:left;margin-right:10px;}
    .ct11c2{overflow:hidden;}
    .map-panel-box{height:300px;}
    .lyinp{height:42px;}
    .a722{background-size:auto 60px;height:600px;}
    .a722c{width:100%;top:35px;padding:0 30px;left:0;}
    .a722cc1{margin-bottom:42px;}
    .a713cb{max-height:10000vh;}
    .bot113{grid-template-columns:repeat(2,1fr);}
    .photo-list{grid-template-columns:repeat(2,1fr);gap:30px 20px;}
}
@media screen and (max-width:575px) {
}