﻿@import url(https://css02.v15cdn.com/m433/message.css);
/* indexnum */
.home-num .list{background:rgba(0,0,0,.6)}
.home-num .list li p{margin-top:1em;text-align:center}
.home-num .list li:hover .icon{background-color:var(--color)}
.home-num .list li .icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;mask:no-repeat center;mask-size:40px;background-color:#fff;transition:all .1s linear}
.home-num .list li:nth-child(1) .icon{mask-image:url(/uploads/36605/nz/page1-icon1.png)}
.home-num .list li:nth-child(2) .icon{mask-image:url(/uploads/36605/nz/page1-icon2.png)}
.home-num .list li:nth-child(3) .icon{mask-image:url(/uploads/36605/nz/page1-icon3.png)}
.home-num .list li:nth-child(4) .icon{mask-image:url(/uploads/36605/nz/page1-icon4.png)}
.home-num .list li:nth-child(5) .icon{mask-image:url(/uploads/36605/nz/page1-icon5.png)}
/* indespro */.indespro{background:#eee;padding:100px 0}
.indespro .indespro-top{position:relative;margin-bottom:50px}
.indespro .indespro-item{display:flex;flex-wrap:wrap;justify-content:space-between;transform:scale(.9);opacity:0;overflow:hidden;visibility:hidden;transition:all .3s linear;display:none}
.indespro .indespro-item.active{transform:scale(1);opacity:1;overflow:inherit;visibility:inherit;display:flex}
.indespro .indespro-item .indespro-left{flex:1;padding-right:50px;display:flex;flex-direction:column;justify-content:space-between}
.indespro .indespro-left .indespro-title{font-size:30px;font-weight:600}
.indespro .indespro-left ul li{padding-bottom:5px}
.indespro .indespro-left .indespro-text{font-size:20px;font-weight:600}
.indespro .indespro-left .indespro-desc{color:#778282;line-height:1.6}
.indespro .indespro-left .indespro-more a{display:inline-flex;align-items:center;font-size:18px;color:#504747;border-bottom:1px solid #404040;transition:all .2s linear}
.indespro .indespro-left .indespro-more a:hover{color:var(--color);border-bottom:1px solid var(--color)}
.indespro .indespro-item .indespro-right{width:69%;overflow:hidden}
.indespro .indespro-right img{position:relative;aspect-ratio:998/552;object-fit:cover}
.indespro .indespro-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}
.indespro .indespro-bottom li{width:17.5%;margin-top:10px;text-align:center;background:#202020;padding:8px;color:#fff;cursor:pointer;transition:all .3s linear}
.indespro .indespro-bottom li.active,.indespro .indespro-bottom li:hover{background:var(--color)}
/* page2 */
.home-about{background:top center no-repeat;padding-bottom:50px}
.home-about .aboutinfo .list li{width:50%}
.home-about>.l-wrap{align-items:stretch}
.home-about .aboutimg{position:relative}
.home-about .aboutimg iframe,.home-about .aboutimg img,.home-about .aboutimg lite-youtube,.home-about .aboutimg video{width:100%;height:100%;object-fit:cover}
.home-about .aboutimg .about-play{display:inline-flex;justify-content:center;align-items:center;width:60px;height:60px;border-radius:50%;background:rgba(0,0,0,.5);position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:4px solid #fff}
.home-about .aboutimg .about-play em{color:#fff;font-size:36px}
.home-about .honor-list{position:relative;padding:70px 0 3%}
.home-about .honor-list ul{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between}
.home-about .honor-list ul::before{position:absolute;content:"";background:url(/uploads/36605/nz/page2-9.png);width:100%;height:46px;left:0;top:100%}
.home-about .honor-list ul li{width:18.5%}
.home-about .honor-list ul li img{width:100%;transition:all .1s linear}
.home-about .honor-list ul li img:hover{transform:translateY(-10px)}
/* service */
.home-service{background:#eee;padding:3% 0}
.home-service .list{margin-top:30px}
.home-service .list li{display:flex;flex-wrap:wrap;justify-content:space-between}
.home-service .list li .img{width:33.333%}
.home-service .list li .img img{position:relative;height:100%;width:100%;object-fit:cover}
.home-service .list li .info{flex:1;background:#2c2c2c;color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:3% 5%;transition:all .1s linear;position:relative}
.home-service .list li .info:hover{background:var(--color)}
.home-service .list li .info:hover .more{background-color:#fff;color:var(--color)}
.home-service .list li .info .title{font-size:var(--fontsize24);font-weight:var(--fontbold6)}
.home-service .list li .info .des{margin:10px 0 20px;line-height:1.6}
.home-service .list li .info .more{min-width:123px;height:34px;display:inline-flex;align-items:center;justify-content:center;padding:0 15px;background:var(--color);color:#fff;border-radius:17px;transition:all .1s linear}
.home-service .list li:nth-child(1) .info:hover::after{border-color:transparent var(--color) transparent transparent}
.home-service .list li:nth-child(1) .info::after{content:"";position:absolute;left:-10px;top:50%;width:0;height:0;border-style:solid;border-width:10px 10px 10px 0;border-color:transparent #2c2c2c transparent transparent;z-index:2;transition:all .1s linear}
.home-service .list li:nth-child(2) .info:nth-child(1):hover::after{border-color:transparent transparent transparent var(--color)}
.home-service .list li:nth-child(2) .info:nth-child(1)::after{content:"";position:absolute;right:-9px;top:50%;width:0;height:0;border-style:solid;border-width:10px 0 10px 10px;border-color:transparent transparent transparent #2c2c2c;z-index:2;transition:all .1s linear}
.home-service .list li:nth-child(2) .info:nth-child(3):hover::after{border-color:transparent transparent var(--color) transparent}
.home-service .list li:nth-child(2) .info:nth-child(3)::after{content:"";position:absolute;top:-10px;left:50%;width:0;height:0;border-style:solid;border-width:0 10px 10px 10px;border-color:transparent transparent #2c2c2c transparent;z-index:2;transition:all .1s linear}
/* page4 */
.page4{padding:3% 0}
.page4 .home-des,.page4 .home-title{color:#fff}
.page4 .list{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between}
.page4 .list li{width:32%;border-radius:9px;border:2px solid #ebeef1;text-align:center;padding:40px;color:#fff;background:rgba(21,91,151,.51);margin-bottom:2em}
.page4 .list li .icon{width:67px;height:67px;background:var(--color);color:#fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:30px;margin-bottom:10px;font-weight:var(--fontbold6)}
.page4 .list li .icon sub{font-size:18px;margin-top:8px}
.page4 .list li .p1{font-size:20px;font-weight:var(--fontbold6)}
.page4 .list li .p2{font-size:18px}
/* page5 */
.page5{padding:4% 0}
.page5 .list{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between}
.page5 .list li{margin-bottom:2em;width:32%;border-radius:9px;overflow:hidden;transition:all .1s linear;position:relative}
.page5 .list li img{width:100%}
.page5 .list li:hover .opacity{opacity:1;visibility:inherit;overflow:inherit}
.page5 .list li .opacity{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px;color:#fff;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;overflow:hidden;transition:all .1s linear}
.page5 .list li .opacity .p1{font-size:24px}
.page5 .list li .opacity .p2{line-height:1.4;font-size:18px}
.page5 .list li .opacity .p2 p{margin-top:10px}
.page5 .more{display:flex;justify-content:center;margin-top:20px}
.home-more2{min-width:200px;height:48px;border-radius:5px;padding:0 20px;font-size:24px;color:#fff;display:inline-flex;align-items:center;justify-content:center;background-color:var(--color);transition:all .1s linear}
.home-more2:hover{opacity:.8}
.indexnews{padding-bottom:5%}
.indexnews .list{margin-top:30px;display:flex;flex-wrap:wrap;justify-content:space-between}
.indexnews .list li{margin-bottom:2em;width:32%;box-shadow:3px 4px 18px 0 rgba(36,36,36,.08);border-radius:8px;overflow:hidden;transition:all .1s linear}
.indexnews .list li:hover{transform:translateY(-10px)}
.indexnews .list li .img{width:100%;display:flex;aspect-ratio:3/2}
.indexnews .list li .img img{width:100%;height:100%;object-fit:cover}
.indexnews .list li .info{padding:20px}
.indexnews .list li .info .date{display:flex;align-items:center}
.indexnews .list li .info .date em{margin-right:10px}
.indexnews .list li .info .title{font-size:20px}
.indexnews .more{display:flex;justify-content:center;margin-top:30px}
.indexcontant{background:var(--color);padding:4% 0}
.indexcontant .l-wrap{display:flex;flex-wrap:wrap;align-items:flex-start;position:relative}
.indexcontant .home-des,.indexcontant .home-title{color:#fff;text-align:left}
.indexcontant .left{width:40%}
.indexcontant .right{flex:1;padding-left:3%}
.indexcontant .wmkcfeedback .send-btn{position:absolute;left:70px;bottom:100px;border-radius:3px;border:1px solid #fff;background:0 0;color:#fff}
.wmkcfeedback .feed-verification img{display:none}
@media screen and (max-width:1600px){.home-about .honor-list ul::before{display:none}
.home-about{padding-bottom:0}}
@media screen and (max-width:1024px){.indespro .indespro-item .indespro-right{width:100%;margin-top:30px}
.indespro .indespro-bottom li{width:30.5%}
.page4 .list li{width:48%}
.page5 .list li{width:48.4%}
.indexnews .list li{width:48.4%}
.indexcontant .wmkcfeedback .send-btn{left:10px;bottom:10px}}
@media screen and (max-width:900px){.indexcontant .left{width:100%}
.indexcontant .right{padding-left:0;margin-top:20px}
.indexcontant .l-wrap{padding-bottom:60px}
.indexcontant .wmkcfeedback .send-btn{bottom:0}}
@media screen and (max-width:768px){.indespro,.home-service,.page4,.page5{padding:40px 0}
.home-more2{font-size:20px}
.indespro .indespro-bottom li{width:49%}
.indespro .indespro-top{margin-bottom:20px}
.home-about .aboutinfo .list li{width:100%}
.home-about .honor-list ul li{width:49%;margin-top:10px}
.home-service .list li .img{width:100%}
.home-service .list li .info{padding:5%}
.home-service .list li:nth-child(1) .info::after,.home-service .list li:nth-child(2) .info:nth-child(1)::after{display:none}
.page4 .list li{width:100%}
.page5 .list li{width:100%}
.indexnews .list li{width:100%}}
.home-banner .swiper-slide>a::after{display:none}
.page4 .list li .p1 {color: #B71013;}