.home-img{ background-repeat:no-repeat; background-position:top center; background-size:cover; height:935px; overflow:hidden; position:relative }
.home-img .title{ position:absolute; z-index:44; left:50%; top:100px; transform:translate(-50%) }
.container-xl.long{ max-width:1530px }
@media(min-width:1200px){ .container-lg{max-width:1430px }
}
.container-xl{ width:100%; padding-right:15px; padding-left:15px; margin-right:auto; margin-left:auto }
.section{ position:relative; height:auto; width:100% }
.section img{ vertical-align:top; max-width:max-content }
.section a{ text-decoration:none }
.part-l{ position:absolute; width:0px; overflow:hidden; z-index:1 }
.part-r{ position:absolute; top:0; left:0; width:100%; height:100% }
.toolbar{ position:absolute; height:100%; left:0px; top:0; width:13px; z-index:99 }
.toolbar:before{ content:""; position:absolute; top:18px; left:-32px; height:36px; width:36px; background:url(../images/mz-bar.png) repeat; opacity:0 }
.toolbar:after{ content:""; position:absolute; top:150px; left:-22px; width:13px; height:416px; display:block; background:url(../images/dragInfo.png) no-repeat center }
.weare-serv-ul{ display:flex }
.weare-serv-ul li{ display:flex; flex-direction:column; justify-content:flex-start; margin-bottom:0; position:relative }
.weare-serv-ul li::before{ content:""; display:block; width:105px; height:105px; margin-right:10px; background-size:100% 100%; background-repeat:no-repeat; position:absolute; left:0; top:50%; transform:translate(0,-50%) }
.weare-serv-ul li:first-child::before{ background-image:url("../images/banner-icon01.png") }
.weare-serv-ul li:nth-child(2){ margin:0 50px }
.weare-serv-ul li:nth-child(2)::before{ background-image:url("../images/banner-icon02.png") }
.weare-serv-ul li:last-child::before{ background-image:url("../images/banner-icon03.png") }
.weare-serv-ul .weare-serv-li-num,.weare-serv-ul .weare-serv-li-p{ margin-left:120px }
.weare-serv-ul .weare-serv-li-num p{ font-size:72px; font-weight:bold; text-align:left }
.weare-serv-ul .weare-serv-li-p{ font-size:24px }
.fulode .tit .p1{ font-weight:bold }
.fulode .tit .p2{ font-weight:bold }
.ind-s2{ margin-bottom:120px }
.ind-s2 .sprect{ margin-top:250px }
.ind-s4{ width:100%; position:relative; background:none }
.ind-s4 .wrap{ position:relative; z-index:3 }
.ind-s4 #particles-js{ background:#f7f7f8; background-size:cover; background-position:50% 50%; background-repeat:no-repeat; width:100%; height:100%; position:absolute; top:0; left:0; z-index:0 }
.product-enter{ width:100%; position:absolute; bottom:20px; z-index:3 }
.product-enter .wrap{ display:flex; justify-content:space-between }
.product-enter-item{ width:30%; background:#00a497; border-radius:10px; overflow:hidden; height:262px; padding:0 30px }
.product-enter-item h1{ font-size:30px; color:#fff; margin-top:20px }
.product-enter-item h2{ font-size:20px; color:#fff; height:64px; overflow:hidden; line-height:32px; margin-top:20px }
.product-enter-item p{ font-size:18px; color:#fff; border-radius:25px; border:1px solid #fff; width:170px; height:50px; line-height:50px; text-align:center; margin-top:20px }
@media(max-width:1200px){ .home-img{background-size:100% auto; background:none; height:auto }
.home-img .part-r{ position:static }
.product-enter{ position:static; bottom:0 }
.product-enter .wrap{ flex-direction:column; padding-bottom:20px }
.product-enter-item{ width:100%; margin-top:20px; height:200px }
.product-enter-item h1{ font-size:16px }
.product-enter-item h2{ font-size:14px }
.product-enter-item p{ height:32px; line-height:32px; font-size:14px }
.ind-s2 .sprect{ margin-top:40px }
}
.mob-nav{ display:none !important }
@media(max-width:1200px){ .mob-nav{display:block !important }
.weare-serv-ul{ display:none }
}
header{ background:rgba(0,0,0,.6); height:72px; position:fixed; z-index:555; left:0; top:103px; width:100% }
nav ul li{ position:relative; float:left; height:100%; text-align:center; display:flex; align-items:center; width:150px }
nav ul li.cur a,nav ul li.on a,nav ul li:hover>a{ background:linear-gradient(to top,rgba(21,230,212,0.4) 0%,rgba(21,230,212,0) 100%) }
nav ul li>a{ position:relative; width:100%; height:100%; text-align:center; font-size:16px; font-weight:bold; color:#fff; display:flex; align-items:center; justify-content:center; line-height:52px; margin-top:20px }
nav ul li>a:hover{ color:#fff }
nav ul li a span{ display:block; font-size:12px; color:#aaa; margin-top:5px }
nav ul li>a::after{ position:absolute; content:""; left:25%; bottom:0px; width:50%; height:3px; background:#00a497; transform:scale(0,1); transition:all .3s }
nav ul li .sub-nav{ position:absolute; visibility:hidden; opacity:0; z-index:1; top:72px; left:50%; padding:10px; width:150px; background:rgba(0,0,0,.6); transform:translateX(-50%); transition:all .2s }
nav ul li .sub-nav a{ color:#fff; display:block; line-height:23px; padding:8px 0; font-size:13px; text-align:center; border-bottom:1px solid rgba(0,0,0,.1) }
nav ul li .sub-nav a:hover{ background:#fff; color:#000 }
nav ul li:hover .sub-nav{ visibility:visible; opacity:1; top:72px }
@media(max-width:1200px){ header{display:none }
}
.info-detail{ margin-top:3% }
.info-detail-nav-wrap{ background:#f4f4f4 }
.info-detail-nav{ width:100%; line-height:88px; display:flex }
.info-detail-nav a{ font-size:20px; color:#4f4f4f; display:block; border-bottom:2px solid rgba(0,0,0,0); padding:0 5% }
.info-detail-nav a.active,.info-detail-nav a:hover{ background:#ececec; font-weight:bold; border-bottom:2px solid #0cd4c4 }
.info-detail-cont-item{ display:flex; justify-content:space-between; align-items:center; margin-top:85px }
.info-detail-cont-item:nth-child(2n){ flex-direction:row-reverse }
.info-detail-cont-item:nth-child(2n) .info-detail-cont-item-right-cont{ margin-right:80px }
.info-detail-cont-item-left{ background:#f4f4f4; width:50%; height:520px; display:flex; justify-content:center; align-items:center }
.info-detail-cont-item-left img{ max-width:80%; max-height:80% }
.info-detail-cont-item-right{ width:50% }
.info-detail-cont-item-right-cont{ margin-left:80px }
.info-detail-cont-item-right-cont h1{ font-size:72px; color:#0cd4c4; font-weight:800 }
.info-detail-cont-item-right-cont h2{ font-size:30px; color:#0cd4c4; margin:40px 0 }
.info-detail-cont-item-right-cont h2::after{ width:98px; height:4px; background:#0cd4c4; content:""; display:block; margin-top:40px }
.info-detail-cont-item-right-cont p{ font-size:20px; color:#404040; line-height:36px }
@media(max-width:1200px){ .info-detail-nav{flex-wrap:wrap; line-height:36px }
.info-detail-nav a{ font-size:14px }
.info-detail-cont{ margin-bottom:32px }
.info-detail-cont-item{ flex-direction:column; margin-top:32px }
.info-detail-cont-item-left,.info-detail-cont-item-right{ width:100% }
.info-detail-cont-item-left{ height:auto; padding:20px 0 }
.info-detail-cont-item-right{ margin-top:20px; margin-right:20px }
.info-detail-cont-item-right-cont{ margin-left:20px }
.info-detail-cont-item-right-cont h1{ font-size:32px }
.info-detail-cont-item-right-cont h2{ font-size:20px; margin:16px 0 }
.info-detail-cont-item-right-cont h2::after{ margin-top:12px }
.info-detail-cont-item-right-cont p{ font-size:14px }
.info-detail-cont-item:nth-child(2n){ flex-direction:column }
.info-detail-cont-item:nth-child(2n) .info-detail-cont-item-right-cont{ margin:0 20px }
}
.info-list{ display:flex; justify-content:space-between }
.info-list-left{ width:23% }
.info-list-left .ny-nav span{ background-color:#ececec; padding:0 5%; font-weight:bold; position:relative }
.info-list-left .ny-nav span::before{ position:absolute; content:""; display:block; border-bottom:2px solid #05a292; bottom:0; left:0; width:100% }
.info-list-left .ny-nav p a{ width:90%; border:0; padding:0 5%; margin-right:0; margin-bottom:0; box-sizing:content-box; text-align:left; font-weight:bold }
.info-list-left .ny-nav p a:hover{ background:#05a292; color:#fff }
.info-list-left .ny-nav p .cur{ background:#05a292; position:relative }
.info-list-left .ny-nav p .cur::after{ background:url("../images/icon-arrow-white.png") no-repeat; background-size:100% 100%; width:11px; height:19px; display:block; content:""; position:absolute; top:50%; margin-top:-10px; right:20px; z-index:3 }
.info-list-right{ width:75%; margin-top:0 }
.info-list-right .info-listb{ background:#f9f9fa }
.info-list-right .info-listb dl{ display:flex; overflow:hidden }
.info-list-right .info-listb dt{ background:#f5f5f7; line-height:38px; border:1px solid rgba(0,0,0,0); padding:10px 20px; width:100px }
.info-list-right .info-listb dd{ padding:10px 0; width:calc(100% - 100px) }
.info-list-right .info-listb a{ float:left; height:38px; line-height:38px; border:1px solid rgba(0,0,0,0); display:block; margin-left:20px; margin-bottom:10px; width:180px; text-align:center; word-break:break-all; overflow:hidden }
.info-list-right .info-listb a.active,.info-list-right .info-listb a:hover{ border:1px solid #0cd4c4; color:#0cd4c4 }
.info-list-right .info-listc{ margin-top:70px }
.info-list-right .info-listc li{ width:31% }
.info-list-right .info-listc li:nth-child(3n){ margin-right:0 }
.info-list-right .info-listc li:nth-child(4n){ margin-right:2% }
@media(max-width:1200px){ .info-list{flex-direction:column }
.info-list-left,.info-list-right{ width:100% }
.info-list .info-listb{ margin-top:20px }
.info-list .info-listc{ margin-top:20px }
.info-list .info-listc li{ width:49%; margin-right:2% !important }
.info-list .info-listc li:nth-child(2n){ margin-right:0 !important }
}
.top{ background:rgba(0,0,0,.6); z-index:666 }
.home-product{ background-repeat:no-repeat; background-position:top center; background-size:cover; overflow:hidden; padding:48px 0 24px; position:relative }
.home-product .wrap{ max-width:1600px; display:flex; justify-content:center; align-items:center }
.home-product .hide{ display:none }
.home-product-item{ width:40%; display:flex; justify-content:center; align-items:center; flex-direction:column }
.home-product-item:first-child .home-product-item-top a{ margin-top:48px }
.home-product-item-img{ width:292px; height:524px; margin:0 12px }
.home-product-item-top{ display:flex; justify-content:space-between }
.home-product-item-top dl{ display:flex; flex-direction:column; justify-content:center; align-items:center; height:524px; transition:opacity .5s ease-in-out }
.home-product-item-top dl.opacity{ opacity:0 }
.home-product-item-top a{ display:flex; justify-content:center; align-items:center; flex-direction:column; margin-top:24px }
.home-product-item-top-bg{ background:url("../images/bg-home-product-item.png") no-repeat; background-size:100% 100%; width:117.6px; height:114.4px; display:flex; justify-content:center; align-items:center; overflow:hidden }
.home-product-item-top img{ max-width:100%; max-height:100% }
.home-product-item-top p{ width:120px; background:rgba(0,0,0,.5); border-radius:5px; overflow:hidden; max-height:64px; text-align:center; font-size:14px; color:#fff; margin-top:10px; overflow:hidden; padding:5px }
.home-product-item-btm{ width:80%; background:#00a497; border-radius:10px; overflow:hidden; margin:60px 0 24px 0; padding:0 30px 20px; box-sizing:content-box }
.home-product-item-btm h1{ font-size:20px; color:#fff; margin-top:20px }
.home-product-item-btm h2{ font-size:14px; color:#fff; height:64px; overflow:hidden; line-height:32px; margin-top:10px }
.home-product-item-btm p{ font-size:14px; color:#fff; border-radius:25px; border:1px solid #fff; width:150px; line-height:40px; text-align:center; margin-top:10px }
@media(max-width:1400px){ .home-product{height:auto; padding:20px 0 }
.home-product .wrap{ flex-direction:column }
.home-product-item{ width:100% }
}
@media(max-width:1200px){ .home-product-item-top{flex-direction:column; justify-content:center }
.home-product-item-top dl{ height:auto; flex-direction:row; justify-content:space-between }
.home-product-item-top dl.opacity{ opacity:1 !important }
.home-product-item-top dl a{ margin:0 10px }
.home-product-item-top .home-product-item-img{ display:none !important }
.home-product-item-top .home-product-item-img.hide{ display:block !important }
.home-product-item-img{ margin:0 auto }
}
.fulode .tit{ top:60% }
.top{ height:70px }
.logo-set img{ height:70px; margin-top:10px }
.lanrel{ margin-top:20px }
.sp-car{ margin-top:10px }
header{ top:70px }
@media(max-width:1200px){ .top{height:auto }
.logo-set img{ height:40px; margin-top:0 }
.lanrel{ margin-top:10px; display:none }
.sp-car{ margin-top:0px }
.home-product-item-top .home-product-item-img:first-child{ display:none }
}
.honor-li-img{ height:220px }
.honor-li-img img{ object-fit:contain; display:block; height:100%; max-width:100% }
@media(max-width:1200px){ .honor-li-img{height:160px }
}
.foot-nav dl{ margin-right:50px }
.foot-nav dl:last-child{ margin-right:0 }
.footer-qrcode{ float:right }
.footer-qrcode img{ width:120px; height:120px }
.footer-qrcode p{ font-size:14px; color:#fff; text-align:center; margin-top:10px }
.lbrela li{ cursor:pointer }