/* banner */
.banner{position: relative;margin-top: 4.7vw;overflow: hidden;}
.banner:after{content:'';position:absolute;left:0;top:0;width:100%;height:100%;background: linear-gradient(90deg,rgb(8 18 30 / 0.28) 0%,rgb(8 18 30 / 0.28) 45%,rgba(8,18,30,0) 72%);pointer-events:none;}
.banner .img img{width: 100%;height: 100%;object-fit: cover;transition: ease .5s;}
.banner .info{position: absolute;top: 50%;left: 0;width: 100%;transform: translate(0, -50%);z-index: 9;}
.banner .info .t1{font-size: 1vw;border-radius: 50px;border: 2px solid #ffffff;padding: .58vw 1.28vw;color: #ffffff;width: max-content;}
.banner .info h1{font-size: 2.61233vw;font-weight:bold;color: #fff;width:max-content;letter-spacing: 5px;margin: .58vw 0 1vw;}
.banner .info h2{font-weight: 100;font-size: 1.05vw;color: #fff;}
@media screen and (max-width: 1080px){
.banner{margin-top: 91px;}
.banner .info .t1{font-size: 16px;padding: 6px 16px;}
.banner .info h1{font-size: 30px;margin: 10px 0 20px;}
.banner .info h2{font-size: 18px;}
}
@media screen and (max-width:768px){
.banner{margin-top: 84px;}
.banner .info h1{font-size: 24px;letter-spacing: 2px;}
.banner .info h2{font-size: 16px;}
}
@media screen and (max-width:520px){
.banner{margin-top: 76px;}
.banner .img{height: 220px;}
.banner .img img{width:100%;height: 100%;object-fit:cover;}
.banner .info .t1{font-size: 13px;padding: 4px 10px;}
.banner .info h1{font-size: 20px;margin: 10px 0 15px;}
.banner .info h2{font-size: 13px;width: auto;filter: drop-shadow(0px 1px 3px #999);line-height: 1.45;}
}


/* lnav */
.lnav{background: #fff;box-shadow: 1px 5px 10px rgb(0 0 0 / 10%);}
.lnav ul{display: flex;align-items: center;justify-content: center;}
.lnav ul li{padding:1vw 2.28vw;margin-right: 3px;position: relative;}
.lnav ul li:after{content:"";display:block;position:absolute;top: 0;right: 0;width:0;height: 100%;background: linear-gradient(0deg,#36C0FB 0,#337dfe 100%);transition:all .5s;}
.lnav ul li.cur:after,.lnav ul li.active:after,.lnav ul li:hover:after{width:100%;left: 0;right: auto;}
.lnav ul li:last-child{margin-right:0}
.lnav ul li a{color:#000;font-size:.88819vw;position: relative;z-index: 9;transition:all .5s;}
.lnav ul li.cur a,.lnav ul li.active a,.lnav ul li:hover a{color:#fff;transition: all 0.5s;}
@media screen and (max-width: 1080px){
.lnav ul li{padding: 15px 25px;}
.lnav ul li a{font-size: 16px;}
}
@media screen and (max-width: 768px){
.lnav{overflow-x: scroll;}
.lnav .w1600{width: 100%;}
.lnav ul{width: max-content;}
}
@media screen and (max-width: 520px){
.lnav ul li{padding: 10px 25px;}
.lnav ul li:after{bottom: -5%;}
.lnav ul li a{font-size: 14px;}
}


/* crumb */
.crumb{padding-top: 1.28vw;}
.crumb .w1600{display:flex;color:#999;font-size:.835947vw;align-items:center;justify-content: flex-end;}
.crumb img{width:.835947vw;margin-right:.18vw}
.crumb a{margin:0 .5vw}
.crumb a:hover{text-decoration:revert;color:#337dfe}
@media screen and (max-width: 1080px){
.crumb{margin-top: 20px;}
.crumb .w1600{font-size: 15px;}
.crumb img{width: 15px;margin-right: 6px;}
.crumb a{margin: 0 8px;}
}
@media screen and (max-width: 520px){
.crumb .w1600{font-size: 14px;}
.crumb img{width: 14px;margin-right: 5px;}
.crumb a{margin: 0 6px;}
}


/* about */
.about{padding: 5vw 0;}
.about img{width: 100%;}
.about .t1{font-size: 1.35vw;text-align: center;}
@media only screen and (max-width:1080px){
.about{padding: 60px 0;}
.about .t1{font-size: 26px;}
}
@media only screen and (max-width:520px){
.about{padding: 30px 0;}
.about .t1{font-size: 22px;}
}



/* newslist */
.newslist{padding: 4.5vw 0;}
.newslist .item{position: relative;border: 1px solid #F1F4F9;border-radius: 15px;overflow: hidden;box-shadow: 0 0 2px rgb(0 0 0 / 10%);margin-bottom: 1.5vw;padding: 1vw;}
.newslist .item:nth-last-child(1){margin-bottom: 0;}
.newslist .item:after{content:"";display:block;position:absolute;right: 0;bottom: 0;width:0;height: 2px;transition:all .5s;background: linear-gradient(0deg,#36C0FB 0,#337dfe 100%);}
.newslist .item:hover:after{width:100%;left: 0;right: auto;}
.newslist .item a{display: flex;align-items: center;}
.newslist .item .img{padding-bottom: 15%;position: relative;overflow: hidden;width: 20%;border-radius: 10px;}
.newslist .item .img img{transition: all .5s ease;height: 100%;width: 100%;object-fit: cover;position: absolute;}
.newslist .item:hover .img img{transform:scale(1.04)}
.newslist .item .info{width:50%;margin:0 15% 0 5%}
.newslist .item .info .lb{font-size:.835947vw;border-radius:50px;border:1px solid #337dfe;padding:.2vw 1vw;color:#337dfe;width:max-content;margin-bottom:1vw}
.newslist .item .info .t1{font-size:1.05vw;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;color:#000;margin:1vw 0}
.newslist .item:hover .info .t1{color: #337dfe;}
.newslist .item .info .t2{color:#7f7f7f;font-size:.835947vw;line-height:1.68;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newslist .item .rg .date{display:flex;align-items:center;}
.newslist .item .rg .date img{width:1.045vw;margin-right:5px}
.newslist .item .rg .date p{color: #7f7f7f;font-size:.835947vw;font-weight: bold;}
.newslist .item .rg .bt{width: 2.247vw;height: 2.247vw;border: 1px solid #A0A0A0;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto;margin-right: 0;margin-top: 2.58vw;position: relative;overflow: hidden;}
.newslist .item .rg .bt:before{content:'';position:absolute;width: 110%;height: 110%;left: -1px;top: -1px;transform:scale(0);background: linear-gradient(90deg,#36C0FB 0,#337dfe 100%);border-radius:50%;transition: cubic-bezier(0.4,.4,0,1) .5s;z-index:-1;}
.newslist .item .rg .bt i{color: #A0A0A0;font-size: 1vw;position: relative;z-index: 9;}
.newslist .item:hover .rg .bt{border: 1px solid #337dfe;}
.newslist .item:hover .rg .bt i{color: #fff;}
.newslist .item:hover .rg .bt:before{transform: none;}
@media screen and (max-width: 1080px){
.newslist{padding: 60px 0;}
.newslist .item{padding: 15px;border-radius: 10px;margin-bottom: 15px;}
.newslist .item a{justify-content: space-between;}
.newslist .item .img{border-radius: 5px;}
.newslist .item .info{margin: 0;}
.newslist .item .info .lb{font-size: 15px;padding: 6px 20px;margin-bottom: 15px;}
.newslist .item .info .t1{font-size: 18px;-webkit-line-clamp: 1;}
.newslist .item .info .t2{font-size: 14px;}
.newslist .item .rg{width: auto;}
.newslist .item .rg .date img{width:18px}
.newslist .item .rg .date p{font-size: 15px;}
.newslist .item .rg .bt{width: 36px;height: 36px;margin-top: 20px;}
.newslist .item .rg .bt i{font-size: 16px;}
}
@media screen and (max-width: 680px){
.newslist .item a{flex-wrap: wrap;}
.newslist .item .info{margin-top: 20px;}
.newslist .item .img{width: 100%;padding-bottom: 60%;}
}
@media screen and (max-width: 520px){
.newslist{padding: 30px 0;}
.newslist .item{padding: 10px;}
.newslist .item a{justify-content: space-between;}
.newslist .item .info{width: 60%;margin-top: 15px;}
.newslist .item .info .lb{font-size: 14px;padding: 4px 14px;margin-bottom: 10px;}
.newslist .item .info .t1{font-size: 15px;}
.newslist .item .info .t2{font-size: 13px;}
.newslist .item .rg .date img{width: 17px;}
.newslist .item .rg .date p{font-size: 14px;}
.newslist .item .rg .bt{width: 32px;height: 32px;margin-top: 15px;}
}


/* nright */
.nright{width: 26%;}
.nright .wrap{padding: 1.5vw;background: #fff;margin-bottom: 1vw;border-radius: 5px;}
.nright .wrap .tit{font-size: 1.2vw;position: relative;color: #333;font-weight: bold;margin-bottom: 1.2vw;padding-bottom: 1.2vw;border-bottom: 1px solid #eee;}
.nright .wrap ul li{margin-bottom: 1.2vw;padding-bottom: 1.2vw;border-bottom: 1px solid #eee;}
.nright .wrap ul li:nth-last-child(1){margin-bottom: 0;}
.nright .wrap ul li .t1{font-size: .88819vw;line-height: 1.68;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;transition:all .35s;color: #333;}
.nright .wrap ul li .date{color: #666;font-size: .8vw;margin-top: .5vw;}
.nright .wrap ul li:hover .t1{color: #337dfe;}
.nright .wrap .bom{background: #337dfe;padding: 1.28vw;border-radius: 8px;margin-top: 5%;}
.nright .wrap .bom .logo{text-align: center;}
.nright .wrap .bom .logo img{filter: brightness(0) invert(1);width: 7vw;}
.nright .wrap .bom .img{text-align: center;}
.nright .wrap .bom .img img{width:7vw}
.nright .wrap .bom h3{font-size: 1.28vw;color:#fff;text-align:center;margin: .8vw 0;}
.nright .wrap .bom p{font-size:.835947vw;color:#fff;text-align: center;margin-top: .5vw;}
@media screen and (max-width:1080px){
.nright{width: 25%;}
.nright .wrap{padding: 20px;}
.nright .wrap .tit{font-size: 18px;margin-bottom: 20px;padding-left: 10px;}
.nright .wrap ul li{margin-bottom: 15px;}
.nright .wrap ul li .t1{font-size: 15px;-webkit-line-clamp: 1;}
.nright .wrap ul li .date{font-size: 14px;margin-top: 8px;}
.nright .wrap .bom{padding: 20px;}
.nright .wrap .bom .logo img{width: 100px;}
.nright .wrap .bom .img img{width: 100px;}
.nright .wrap .bom h3{font-size: 17px;margin: 15px 0;}
.nright .wrap .bom p{font-size: 15px;margin-top: 8px;}
}
@media screen and (max-width:768px){
.nright{width: 100%;margin-top: 20px;}
}
@media screen and (max-width:520px){
.nright{margin-top: 15px;}
.nright .wrap{padding: 10px;}
.nright .wrap .tit{margin-bottom: 15px;}
.nright .wrap ul li{margin-bottom: 10px;}
.nright .wrap ul li .t1{font-size: 14px;}
.nright .wrap ul li .date{font-size: 13px;margin-top: 5px;}
}



/* news */
.news{background: #f6f6f6;padding-bottom: 4.5vw;}
.news .w1600{display: flex;flex-wrap: wrap;justify-content: space-between;}
.news .crumb{padding-top: 0;padding: 1.28vw 0 4.5vw;}
.news .crumb .w1600{justify-content: flex-end;}
.news .cent{width: calc(73% - 5vw);padding: 2.5vw;background: #fff;}
.news .cent .title{font-size: 1.58vw;color: #3e3838;font-weight: bold;}
.news .cent .date{color:#666;font-size:.85vw;margin: 1.5vw 0;}
.news .cent .cont{border-bottom: 1px solid #f5f5f5;border-top: 1px solid #f5f5f5;padding: 1.5vw 0;}
.news .cent .cont p{font-size:.85vw;line-height:2;color:#333;text-indent:2em;margin:.35vw 0}
.news .cent .cont iframe{display: block;margin: 0 auto;max-width: 100%;}
.news .cent .cont img{text-align:center;margin:.5vw auto;display:flex;justify-content:center;text-indent:0}
.news .cent .cont table{border-spacing: 0;border-collapse: collapse;width: auto;margin: 10px 0;}
.news .cent .cont table td,.news .cent .cont table th{border-color:#cbcbcb !important;font-size:.85vw;line-height:1.68;font-weight:400;color:#4e5769;padding: .5vw;width: initial;text-align: center;border-style: solid !important;border-width: 1px !important;}
.news .cent .cont table td span,.news .cent .cont table td,.news .cent .cont table th span{font-family: initial !important;}
.news .cent .cont .video{overflow: hidden;margin-top: 2%;text-align: center;}
.news .cent .cont .video video{max-width: 100%;width: 800px;height: 500px;}
.news .cent ul{margin-top: 2vw;}
.news .cent ul li{margin-top: 1.28vw;font-size: .85vw;color: #333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news .cent ul li:hover{color: #337dfe;}
@media screen and (max-width:1080px){
.news{padding-bottom: 60px;}
.news .crumb{padding: 20px 0 60px;}
.news .cent{padding: 25px;width: calc(73% - 50px);}
.news .cent .title{font-size: 20px;}
.news .cent i{height: 20px;margin: 15px 0;}
.news .cent .date{font-size: 14px;padding: 15px 0;}
.news .cent .cont p{font-size: 14px;margin: 5px 0;}
.news .cent .cont table{width: max-content;}
.news .cent .cont table td,.news .cent .cont table th{padding: 4px;}
.news .cent .cont .video video{height: 400px;}
.news .cent ul{margin-top: 20px;}
.news .cent ul li{font-size: 15px;margin-top: 15px;}
}
@media screen and (max-width:768px){
.news .cent{width: auto;}
}
@media screen and (max-width:520px){
.news{padding-bottom: 30px;}
.news .crumb{padding: 20px 0 30px;}
.news .cent{padding: 15px;}
.news .cent .title{font-size: 18px;}
.news .cent i{margin: 10px 0;}
.news .cent .date{font-size: 13px;}
.news .cent .cont p{line-height: 1.68;}
.news .cent .cont table td,.news .cent .cont table th{font-size: 12px;padding: 3px;text-align: center;}
.news .cent ul li{font-size: 14px;margin-top: 12px;}
}



/* client */
.client{padding: 4.5vw 0;}
.client .title{position: relative;font-size: 1.68vw;font-weight: bold;color: #3e3838;text-align: center;}
.client .title:before{content:"";width:4rem;height:.5rem;background: #337ffe;position:absolute;bottom:-1.5rem;left:50%;margin-left:-2rem;border-radius:.625rem;}
.client .title:after{content:"";width:4rem;height:.25rem;background:#fff;position:absolute;bottom:-1.25rem;left:50%;margin-left:-2rem}
.client ul{display:flex;flex-wrap:wrap;margin-top: 4.5vw;}
.client ul li{width: calc(15.833333% - 4px);border-radius:4px;display:flex;align-items:center;justify-content:center;height:5.4vw;border: 2px solid #f4f4f4;margin-right: 1%;margin-bottom: 1%;box-shadow: 0 0 12px rgb(0 0 0 / 6%);}
.client ul li:hover{border: 2px solid #337dfe;}
.client ul li:nth-child(6n+6){margin-right: 0;}
.client ul li img{max-width:72%;max-height:66%;}
@media screen and (max-width:1080px){
.client{padding: 60px 0;}
.client .title{font-size: 28px;}
.client .title:before{width: 60px;height: 4px;bottom: -15px;margin-left: -30px;border-radius: 10px;}
.client .title:after{content:"";width: 60px;height: 4px;bottom: -20px;margin-left: -30px;}
.client ul{margin-top: 40px;}
.client ul li{width: calc(23.875% - 4px);height: 65px;}
.client ul li:nth-child(6n+6){margin-right: 1%;}
.client ul li:nth-child(4n+4){margin-right: 0;}
}
@media screen and (max-width:520px){
.client{padding: 30px 0;}
.client .title{font-size: 22px;}
.client .title:before{width: 40px;height: 3px;margin-left: -20px;}
.client .title:after{content:"";width: 40px;height: 3px;margin-left: -20px;}
.client ul li{width: calc(32.65% - 4px);}
.client ul li:nth-child(6n+6){margin-right: 1%;}
.client ul li:nth-child(4n+4){margin-right: 1%;}
.client ul li:nth-child(3n+3){margin-right: 0;}
}



/* videolist */
.videolist{padding: 4.5vw 0;}
.videolist .item{position: relative;width: 23.875%;margin-right: 1.5%;margin-bottom: 1.5%;}
.videolist .item:nth-child(4n+4){margin-right: 0;}
.videolist .item .pic{position: relative;}
.videolist .item .pic .img{position:relative;overflow: hidden;border-radius: 10px;padding-bottom: 63%;}
.videolist .item .pic .img img{transition:all .5s ease;width:100%;height: 100%;position: absolute;object-fit: cover;}
.videolist .item:hover .pic .img img{transform: scale(1.04);}
.videolist .item .pic .play{position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);z-index: 9;}
.videolist .item .pic .play:after,.videolist .item .pic .play:before{content:'';background:#fff;height:100%;width:100%;border-radius:50%;z-index: -1;position:absolute;left:0;top:0;opacity:0;-webkit-animation: fadein1 1.5s linear infinite .75s;}
.videolist .item .pic .play img{width: 3.135vw;}
.videolist .item .info{padding: 1vw;}
.videolist .item .info .t1{color: #3D3D3E;font-size: .88819vw;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;text-align: center;}
.videolist .item .info .t2{color:#5b6676;font-size:.834947vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;margin-top:.5vw}
@-webkit-keyframes fadein1{0%{-webkit-transform:scale(1);opacity:.5}
100%{-webkit-transform:scale(2);opacity:0}
}
@media only screen and (max-width:1080px){
.videolist{padding: 60px 0;}
.videolist .item{width: 49%;}
.videolist .item:nth-child(odd){margin-right: 2%;}
.videolist .item:nth-child(even){margin-right: 0;}
.videolist .item .pic .play img{width: 50px;}
.videolist .item .pic .img{border-radius: 10px;}
.videolist .item .info{padding: 15px;padding-bottom: 0;}
.videolist .item .info .t1{font-size: 18px;}
.videolist .item .info .t2{font-size: 13px;margin-top: 10px;}
}
@media only screen and (max-width:520px){
.videolist{padding: 30px 0;}
.videolist .item .pic .play img{width: 40px;}
.videolist .item .pic .img{border-radius: 10px;}
.videolist .item .info{padding: 10px;padding-bottom: 0;}
.videolist .item .info .t1{font-size: 15px;}
.videolist .item .info .t2{margin-top: 6px;}
}



/* pnav */
.pnav{width: 20%;position: sticky;top: 5.8vw;height: max-content;}
.pnav .top{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px dashed #CCC;padding-bottom: .8vw;margin-bottom: 1.35vw;}
.pnav .top .title{font-size: 1.58vw;color: #333;letter-spacing:1px;position: relative;padding-left: 1.8vw;}
.pnav .top .title::after{position: absolute;content: "";left: 12px;top: 20%;width: 4px;height: 70%;background: #337dfe;transform: skewX(-15deg);}
.pnav .top .title::before{position: absolute;content: "";left: 0;top: 20%;width: 4px;height: 70%;background: #337dfe;transform: skewX(-15deg);}
.pnav .top .pmenu{background: #337dfe;padding: 5px 18px;border-radius: 30px;display:none;cursor: pointer;}
.pnav .top .pmenu p{color: #fff;font-size: 16px;}
.pnav .ul{border-left:.28vw solid #ccc}
.pnav .ul li{position:relative;border-bottom:1px solid #dcdcdc;width: 95%;margin:0 auto;margin-right:0;}
.pnav .ul li.cur:after,.pnav .ul li:hover:after{position:absolute;content:"";left: -1.1vw;top:0;height:3.2vw;width:.28vw;background:#337dfe;}
.pnav .ul li:before{position: absolute;content: "";right: 0;top: 50%;transform: translate(0 , -50%);width: .835947vw;height: .835947vw;background: url(../images/h_bt.png);opacity: 0;}
.pnav .ul li:hover:before{opacity: 1;}
.pnav .ul li .sd{display:flex;justify-content:space-between;align-items:center;width:100%;line-height:3.2vw;}
.pnav .ul li .sd a{font-size:.95vw;color:#333;transition: .3s;}
.pnav .ul li:hover .sd a{transform: translateX(5px);}
.pnav .ul li.cur .sd a,.pnav .ul li:hover .sd a{color: #337DFE;}
@media only screen and (max-width:1080px){
.pnav{width: 25%;}
.pnav .top{margin-bottom: 15px;padding-bottom: 15px;}
.pnav .top .title{font-size: 20px;padding-left: 30px;}
.pnav .ul{border-left: 4px solid #ccc;}
.pnav .ul li .sd{line-height: 50px;}
.pnav .ul li.cur::after, .pnav .ul li:hover::after{left: -8%;height: 50px;width: 4px;}
.pnav .ul li .sd a{font-size: 16px;}
}
@media only screen and (max-width:768px){
.pnav{width: 100%;margin-bottom: 30px;position: relative;top: 0;}
.pnav .top .pmenu{display: block;}
.pnav .ul{opacity: 0;position: absolute;background: #fff;width: 100%;box-shadow: 0 0 5px rgba(0, 0, 0, .1);transition: all .75s;z-index: -1;transform: translateY(100%);}
.pnav .ul.on{opacity: 1;z-index: 15;transform: translateY(-4%);}
.pnav .ul li.cur::after, .pnav .ul li:hover::after{left: -6.2%;}
.pnav .ul li .sd{line-height: 45px;}
.pnav .ul li .sd a{font-size: 15px;}
}
@media only screen and (max-width:520px){
.pnav{margin-bottom: 10px;}
.pnav .top .title{font-size: 16px;}
.pnav .top .pmenu{padding: 4px 15px;border-radius: 20px;}
}



/* productlist */
.productlist{padding: 4.5vw 0;}
.productlist .wrap{display: flex;justify-content: space-between;flex-wrap: wrap;}
.productlist .list{width: 72%;}
.productlist .list .cont img{max-width: 100%;}
.productlist .list .cont strong{font-size: 1.2vw;font-weight: bold;margin-bottom: 1vw;display: block;}
.productlist .list .cont p{font-size: .835947vw;color: #333;margin: .2vw 0;}
.productlist .item{position: relative;width: calc(48.5% - 4px);margin-bottom: 3%;margin-right: 3%;box-shadow: 0px 2px 10px #eee;border: 2px solid rgba(130, 162, 189, 0.2);transition: all .4s;border-radius: 20px;overflow: hidden;}
.productlist .item:nth-child(even){margin-right: 0;}
.productlist .item a{display: block;background: #fff;padding: 1vw;}
.productlist .item .top{display: flex;justify-content: flex-end;align-items: center;}
.productlist .item .top .icon{border-radius:30%;background: linear-gradient(0deg,#36C0FB 0,#337dfe 100%);width:2.2vw;height:2.2vw;display:flex;justify-content:center;align-items:center;transition: all .4s;}
.productlist .item .top .icon i{transform: rotate(-45deg);font-size: .941vw;color: #fff;}
.productlist .item .img{overflow:hidden;text-align:center;margin:.5vw 0}
.productlist .item .img img{transition: all .4s;}
.productlist .item .t1{color:#333;font-size: .88819vw;transition: all .4s;margin: .58vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.productlist .item .t1 i{color: #fff;background: #a09c9c;padding: .35vw .58vw;border-radius: 50px;margin-right: .28vw;line-height: 2;}
.productlist .item:hover{border: 2px solid #337DFE;}
.productlist .item:hover .top .icon{border-radius: 50%;}
.productlist .item:hover .img img{transform: scale(1.06)}
@media only screen and (max-width:1080px){
.productlist{padding: 60px 0;}
.productlist .list .cont strong{font-size: 18px;margin-bottom: 15px;}
.productlist .list .cont p{font-size: 15px;margin: 5px 0;}
.productlist .item{border-radius: 10px;}
.productlist .item .top .bt{font-size: 1.7vw;}
.productlist .item .top .icon{width: 40px;height: 40px;}
.productlist .item .top .icon i{font-size: 20px;}
.productlist .item .img{margin: 10px 0;}
.productlist .item .t1{font-size: 1.6vw;}
.productlist .item .t1 i{padding: 5px 10px;}
}
@media only screen and (max-width:768px){
.productlist .list{width: 100%;}
.productlist .item .top .icon{width: 34px;height: 34px;}
.productlist .item .t1{font-size: 15px;margin: 8px 0;}
}
@media only screen and (max-width:520px){
.productlist{padding: 30px 0;}
.productlist .list{justify-content: space-between;}
.productlist .list .cont strong{font-size: 16px;margin-bottom: 10px;}
.productlist .list .cont p{font-size: 14px;margin: 5px 0;}
.productlist .item{border-radius: 8px;border: 1px solid rgba(130, 162, 189, 0.2);width: calc(48.5% - 2px);}
.productlist .item a{padding: 10px;}
.productlist .item .top .icon{width: 28px;height: 28px;}
.productlist .item .top .icon img{width: auto;}
.productlist .item .img img{width: auto;}
.productlist .item .t1{font-size: 14px;}
}



/* product */
.product{padding-bottom: 4.5vw;}
.product .crumb .w1600{justify-content: initial;color: #000;padding: 1.35vw 0;align-items: center;}
.product .crumb a{color: #333;}
.product .crumb a:after{background: #333;}
.product .crumb img{filter: invert(.6);}
.product .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product .pcont{background: #fff;height: max-content;width: 72%;box-shadow: 0px 0px 8px rgb(0 0 0 / 10%);}
.product .pcont>div{padding: 2vw;}
.product .pcont .title{padding-bottom: 1.5vw;border-bottom: 1px solid #d2d2d2;margin-top: 4vw;position: relative;font-size: 1.35vw;padding-left: 1vw;margin-bottom: 2vw;font-weight: bold;color: #333;}
.product .pcont .title:after{position: absolute;content: "";left: 0;top: 8%;width: 4px;height: 45%;background-image: linear-gradient(90deg,#337dfe,#337dfe);}
.product .pcont .pro{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product .pcont .pro .pro_img{width: 55%;position: relative;}
.product .pcont .pro .pro_img .img{text-align: center;}
.product .pcont .pro .pro_img .img img{mix-blend-mode: multiply;filter: brightness(1.05) contrast(1.1);}
.product .pcont .pro .pro_img .pro1{margin-top: 20px;}
.product .pcont .pro .pro_img .pro1 .img{border: 1px solid #E6E7E9;}
.product .pcont .pro .pro_img .pro1 .swiper-slide-thumb-active .img{border: 1px solid #337dfe;}
.product .pcont .pro .pro_img .pro2{padding: 1px;border: 1px solid #E6E7E9;}
.product .pcont .pro .pro_img .pro2 .swiper-wrapper{z-index: 3;align-items: center;}
.product .pcont .pro .pro_img .pro2 .img{height: 100%;}
.product .pcont .pro .pro_img .pro2 .swiper-button-next{width: 2vw;background:#00000075;top: 50%;right:2%;height: 2vw;border-radius: 50%;transition:all .5s;opacity: 0;}
.product .pcont .pro .pro_img .pro2 .swiper-button-prev{left:2%;width: 2vw;background: #00000075;top: 50%;height: 2vw;border-radius: 50%;transition:all .5s;opacity: 0;}
.product .pcont .pro .pro_img .pro2 .swiper-button-next:after,.product .pcont .pro .pro_img .pro2 .swiper-button-prev:after{font-size: .85vw;color:#fff;}
.product .pcont .pro .pro_img .pro2:hover .swiper-button-next,.product .pcont .pro .pro_img .pro2:hover .swiper-button-prev{opacity: 1;}
.product .pcont .pro .pro_info{width: 40%;}
.product .pcont .pro .pro_info .t1{font-size: 1.58vw;color: #3e3838;font-weight: bold;margin-top: .35vw;}
.product .pcont .pro .pro_info .lb{color: #337dfe;font-size: .88819vw;font-weight: bold;}
.product .pcont .pro .pro_info .text{padding: 1vw 0;border-top: 1px solid #eee;border-bottom: 1px solid #eee;margin: 1.5vw 0;line-height: 2;color: #666;font-size: .835947vw;}
.product .pcont .pro .pro_info ul{display: flex;align-items: center;justify-content: space-between;}
.product .pcont .pro .pro_info ul li{width: 47%;}
.product .pcont .pro .pro_info ul li .bt{transition: all .5s;line-height: 2.2vw;text-align: center;margin-top: 1.5vw;border-radius: 10px;border: 1px solid #337dfe;background: linear-gradient(135deg, #fff 50%, #337dfe 50%);background-size: 200% 200%;background-position: 100% 100%;}
.product .pcont .pro .pro_info ul li .bt a{color: #ffffff;font-size: .88819vw;font-weight: bold;transition: all .5s;}
.product .pcont .pro .pro_info ul li .bt:hover{background-position: 0% 0%;}
.product .pcont .pro .pro_info ul li .bt:hover a{color: #337dfe;}
.product .pcont .pdel{margin-top: 3vw;}
.product .pcont .pdel .cont img{text-align: center;margin: .5vw auto;display: flex;justify-content: center;}
.product .pcont .pdel .cont p{font-size: .835947vw;color: #666;line-height:2;}
.product .pcont .pdel .cont p span{font-size: .9vw !important;}
.product .pcont .pdel .cont table{border-spacing: 0;border-collapse: collapse;width: 100% !important;margin: 20px 0;}
.product .pcont .pdel .cont table td{border: 1px solid #eee;border-color: #cbcbcb !important;font-size: .85vw;line-height: 1.68;font-weight: 400;color: #4e5769;padding: .5vw;width: initial;text-align: center;border-style: solid !important;border-width: 1px !important;}
.product .pcont .pdel .cont table td p{font-family: Roboto-Regular !important;}
.product .pcont .pdel .cont table td span{font-family: Roboto-Regular !important;}
.product .pcont .pxz{margin-top: 3vw;}
.product .pcont .pxz ul li .info{padding: 2vw;box-shadow: 0 0 1px 1px #3f74fe14;border-radius: 8px;transition:all .5s;margin: 1vw auto;border: 1px solid #eee;}
.product .pcont .pxz ul li .info .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.58vw}
.product .pcont .pxz ul li .info .top h3{color: #337dfe;font-size: 1.15vw;line-height:1.3;font-weight:700;}
.product .pcont .pxz ul li .info .top .num{position: relative;}
.product .pcont .pxz ul li .info .top .num .n{display:block;-webkit-text-fill-color:transparent;-webkit-text-stroke: 1px #337dfe;font-size: 2.58vw;position:relative;font-weight:700;margin-left:auto;}
.product .pcont .pxz ul li .info .top .num .n2{color: #337dfe;position:absolute;top:0;left:0;opacity:0;transform:translate(25%,25%);transition:all .5s;}
.product .pcont .pxz ul li .info .text{color:#666;font-size:.835947vw;line-height:1.8;}
.product .pcont .pxz ul li:hover .info{box-shadow: 0 2px 6px rgba(63,116,254,.25);transform: translate3d(0,-8px,0);}
.product .pcont .pxz ul li:hover .info .top .num .n2{opacity: 1;transform: translate(3px,3px);}
.product .pcont .plx{margin-top: 3vw;}
.product .pcont .plx .input{margin-bottom:1vw}
.product .pcont .plx .input input{border:1px solid #e0dfdf;width: calc(100% - 2vw);height:2.5vw;line-height:2.5vw;color:#333;font-size:.8vw;padding:0 1vw;border-radius:10px}
.product .pcont .plx .input textarea{border:1px solid #e0dfdf;width: calc(100% - 2vw);height:7vw;line-height:3vw;color:#333;font-size:.8vw;padding:0 1vw;border-radius:10px;font-family:AlibabaPuHuiTi-Regular;}
.product .pcont .plx .input.code{position:relative}
.product .pcont .plx .input.code img{position:absolute;top:0;right:0;height:2.5vw}
.product .pcont .plx .input input:focus,.product .pcont .plx .input textarea:focus{border: 1px solid #337dfe;}
.product .pcont .plx .submit{text-align: center;}
.product .pcont .plx .submit input{line-height: 2.5vw;height: 2.5vw;width: 28%;border: 1px solid #337dfe;background: linear-gradient(135deg, #fff 50%, #337dfe 50%);background-size: 200% 200%;background-position: 100% 100%;color: #fff;font-size: .85vw;border-radius: 15px;transition: all 0.3s ease;margin-top: 1vw;font-weight: bold;}
.product .pcont .plx .submit input:hover{background-position: 0% 0%;color: #333;}
.product .pcont .prem{margin-top: 3vw;}
.product .pcont .prem .item{position: relative;width: 31.3333%;margin-bottom: 3%;margin-right: 3%;}
.product .pcont .prem .item:nth-child(3n+3){margin-right: 0;}
.product .pcont .prem .item a{display: block;background: #fff;padding: 1vw;border-radius: 20px;box-shadow: 0px 2px 10px #eee;border: 2px solid rgba(130, 162, 189, 0.2);transition: all .4s;}
.product .pcont .prem .item .top{display: flex;justify-content: flex-end;align-items: center;}
.product .pcont .prem .item .top .icon{border-radius:30%;background: linear-gradient(0deg,#36C0FB 0,#337dfe 100%);width:2.2vw;height:2.2vw;display:flex;justify-content:center;align-items:center;transition: all .4s;}
.product .pcont .prem .item .top .icon i{transform: rotate(-45deg);font-size: .941vw;color: #fff;}
.product .pcont .prem .item .img{overflow:hidden;text-align:center;margin:.5vw 0}
.product .pcont .prem .item .img img{transition: all .4s;}
.product .pcont .prem .item .t1{color:#333;font-size: .88819vw;transition: all .4s;margin: .58vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.product .pcont .prem .item .t1 i{color: #fff;background: #a09c9c;padding: .35vw .58vw;border-radius: 50px;margin-right: .28vw;line-height: 2;}
.product .pcont .prem .item:hover a{border: 2px solid #337DFE;}
.product .pcont .prem .item:hover .top .icon{border-radius: 50%;}
.product .pcont .prem .item:hover .img img{transform: scale(1.06)}
@media screen and (max-width:1080px){
.product{padding: 60px 0;margin-top: 55px;}
.product .crumb .w1600{padding: 20px 0;margin-top: 20px;}
.product .pcont{width: 73%;}
.product .pcont>div{padding: 25px;}
.product .pcont .pro .pro_img .pro2 .swiper-button-next,.product .pcont .pro .pro_img .pro2 .swiper-button-prev{width: 36px;height: 36px;}
.product .pcont .pro .pro_img .pro2 .swiper-button-next:after, .product .pcont .pro .pro_img .pro2 .swiper-button-prev:after{font-size: 14px;}
.product .pcont .pro .pro_info .t1{font-size: 24px;margin-top: 8px;}
.product .pcont .pro .pro_info .lb{font-size: 15px;}
.product .pcont .pro .pro_info .text{padding: 15px 0;margin: 20px 0;font-size: 15px;}
.product .pcont .pro .pro_info ul{flex-wrap: wrap;}
.product .pcont .pro .pro_info ul li{width: 45%;}
.product .pcont .pro .pro_info ul li .bt{line-height: 35px;margin-top: 5px;}
.product .pcont .pro .pro_info ul li .bt a{font-size: 16px;}
.product .pcont .title{padding-left: 15px;font-size: 22px;margin-top: 40px;padding-bottom: 15px;margin-bottom: 25px;}
.product .pcont .title:after{top: 15%;}
.product .pcont .pdel{margin-top: 40px;}
.product .pcont .pdel .cont p{font-size: 15px;}
.product .pcont .pdel .cont p span{font-size: 15px !important;}
.product .pcont .pdel .cont table{border-spacing: 20px 0;}
.product .pcont .pdel .cont table td{font-size: 14px;padding: 15px 0;}
.product .pcont .pxz{margin-top: 40px;}
.product .pcont .pxz ul li .info{padding: 20px;margin: 10px auto;}
.product .pcont .pxz ul li .info .top{margin-bottom: 15px;}
.product .pcont .pxz ul li .info .top h3{font-size: 18px;}
.product .pcont .pxz ul li .info .top .num .n{font-size: 36px;}
.product .pcont .pxz ul li .info .text{font-size: 15px;}
.product .pcont .plx .input{margin-bottom:2vw}
.product .pcont .plx .input input{width: calc(100% - 3vw);height: 3.5vw;line-height: 3.5vw;font-size: 1.2vw;padding: 0 1.5vw;border-radius: 6px;}
.product .pcont .plx .input textarea{width: calc(100% - 3vw);height: 10vw;line-height: 6vw;font-size: 1.2vw;padding: 0 1.5vw;border-radius: 6px;}
.product .pcont .plx .submit input{line-height: 3.5vw;height: 3.5vw;width: 28%;font-size: 1.35vw;border-radius: 10px;}
.product .pcont .prem .item{width: 48.5%;}
.product .pcont .prem .item:nth-child(odd){margin-right: 2%;}
.product .pcont .prem .item:nth-child(even){margin-right: 0;}
.product .pcont .prem .item a{border-radius: 10px;}
.product .pcont .prem .item .top .bt{font-size: 1.7vw;}
.product .pcont .prem .item .top .icon{width: 40px;height: 40px;}
.product .pcont .prem .item .top .icon i{font-size: 20px;}
.product .pcont .prem .item .img{margin: 10px 0;}
.product .pcont .prem .item .t1{font-size: 1.6vw;}
.product .pcont .prem .item .t1 i{padding: 5px 10px;}
}
@media screen and (max-width:950px){
.product .pcont .pro .pro_img{width: 100%;}
.product .pcont .pro .pro_info{width: 100%;margin-top: 20px;}
}
@media screen and (max-width:768px){
.product{padding:40px 0 60px;margin-top: 75px;}
.product .pcont{width:100%;}
.product .pcont .plx .input{margin-bottom: 20px;}
.product .pcont .plx .input input{width: calc(100% - 30px);height: 35px;line-height: 35px;font-size: 13px;padding: 0 15px;}
.product .pcont .plx .input textarea{width: calc(100% - 3vw);height: 10vw;line-height: 3.5vw;font-size: 1.2vw;padding: 0 1.5vw;}
.product .pcont .plx .submit input{line-height: 35px;height: 35px;width: 35%;font-size: 15px;}
.product .pcont .prem .item .top .icon{width: 34px;height: 34px;}
.product .pcont .prem .item .t1{font-size: 15px;margin: 8px 0;}
}
@media screen and (max-width:580px){
.product{padding:30px 0;}
.product .crumb .w1600{margin-top: 10px;}
.product .pcont>div{padding: 20px;}
.product .pcont .pro .pro_img .pro2 .swiper-button-next,.product .pcont .pro .pro_img .pro2 .swiper-button-prev{width: 36px;height: 36px;top: 50%;opacity: 1;}
.product .pcont .pro .pro_img .pro2 .swiper-button-next:after, .product .pcont .pro .pro_img .pro2 .swiper-button-prev:after{font-size: 14px;}
.product .pcont .pro .pro_info .t1{font-size: 20px;margin-top: 5px;}
.product .pcont .pro .pro_info .lb{font-size: 14px;}
.product .pcont .pro .pro_info .text{padding: 10px 0;margin: 15px 0;font-size: 14px;}
.product .pcont .pro .pro_info ul li{width: 47.5%;}
.product .pcont .pro .pro_info ul li .bt{line-height: 35px;border-radius: 8px;}
.product .pcont .pro .pro_info ul li .bt a{font-size: 14px;}
.product .pcont .title{font-size: 18px;margin-top: 25px;padding-bottom: 20px;margin-bottom: 20px;}
.product .pcont .title:after{top: 8%;}
.product .pcont .pdel{margin-top: 25px;}
.product .pcont .pdel .cont p{font-size: 14px;}
.product .pcont .pdel .cont p span{font-size: 14px !important;}
.product .pcont .pxz{margin-top: 25px;}
.product .pcont .pxz ul li .info{padding: 15px;margin: 6px auto;}
.product .pcont .pxz ul li .info .top{margin-bottom: 10px;}
.product .pcont .pxz ul li .info .top h3{font-size: 16px;width: 80%;line-height: 1.5;}
.product .pcont .pxz ul li .info .top .num .n{font-size: 32px;}
.product .pcont .pxz ul li .info .text{font-size: 14px;}
.product .pcont .plx .input{margin-bottom: 15px;}
.product .pcont .plx .input input{font-size: 12px;}
.product .pcont .plx .input textarea{height: 80px;line-height: 35px;font-size: 12px;padding: 0 15px;}
.product .pcont .plx .submit input{line-height: 32px;height: 32px;width: 32%;font-size: 14px;border-radius: 5px;margin: 6px 0 10px;}
.product .pcont .prem .item:nth-child(3){display: none;}
.product .pcont .prem .item a{border-radius: 8px;padding: 10px;border: 1px solid rgba(130, 162, 189, 0.2);}
.product .pcont .prem .item .top .icon{width: 28px;height: 28px;}
.product .pcont .prem .item .top .icon img{width: auto;}
.product .pcont .prem .item .img img{width: auto;}
.product .pcont .prem .item .t1{font-size: 14px;}
}



/* contact01 */
.contact01{padding: 4.5vw 0;}
.contact01 .in_tit .tit{justify-content: center;}
.contact01 .in_tit h2{text-align: center;color: #e52229;}
.contact01 .cont{display: flex;justify-content: space-between;align-items: center;position: relative;}
.contact01 .cont .left{box-shadow: 0 0 5px 0 #a1a1a1;background:#fff;width: 26%;border-radius:5px;z-index:99;position:absolute;left:0;}
.contact01 .cont .left .info{position:relative;padding:2.5vw}
.contact01 .cont .left .info .logo img{width:8.5vw}
.contact01 .cont .left .info .text{margin:1.58vw 0}
.contact01 .cont .left .info .text span{color:#00a2e9;font-size:.941vw;font-weight:700}
.contact01 .cont .left .info .text p{font-size:.835947vw;color:#333;margin:.28vw 0 .58vw}
.contact01 .cont .left .info .img img{width:5.8vw}
.contact01 .cont .left .info .img i{font-size:.835947vw;color:#333;margin-top:.5vw;line-height:1.6;width:100%}
.contact01 .cont .right{overflow:hidden;margin:0 auto;margin-right:0;width: 75%;}
.contact01 .cont .right .img img{width:100%;border-radius:5px}
@media screen and (max-width:1080px){
.contact01{padding: 60px 0;}
.contact01 .cont{margin: 100px 0 60px;}
.contact01 .cont .left{width: 58%;}
.contact01 .cont .left .info{padding: 30px;}
.contact01 .cont .left .info .logo img{width: 168px;}
.contact01 .cont .left .info .text{margin: 20px 0;}
.contact01 .cont .left .info .text span{font-size: 16px;}
.contact01 .cont .left .info .text p{font-size: 14px;margin: 8px 0 16px;}
.contact01 .cont .left .info .img img{width: 90px;}
.contact01 .cont .left .info .img i{font-size: 14px;}
}
@media screen and (max-width:768px){
.contact01 .cont{flex-wrap: wrap;margin: 0;}
.contact01 .cont .left{width: 100%;position: initial;border-radius: 0;}
.contact01 .cont .right{width: 100%;}
.contact01 .cont .right .img img{border-radius: 0;}
}
@media screen and (max-width:520px){
.contact01{padding: 30px 0;}
.contact01 .cont .left .info{padding: 20px;}
.contact01 .cont .left .info .logo img{width: 128px;}
.contact01 .cont .left .info .text{margin: 15px 0;}
.contact01 .cont .left .info .text span{font-size: 15px;}
.contact01 .cont .left .info .text p{margin: 5px 0 10px;}
}


/* contact02 */
.contact02{padding-bottom: 4.5vw;}
.contact02 .in_tit .tit{justify-content: center;}
.contact02 .in_tit h2{text-align: center;}
.contact02 .form .input{display:flex;margin-bottom:1.2vw;justify-content: space-between;}
.contact02 .form .input .li{width: 48.5%;padding-right:1.8vw;}
.contact02 .form .input .li:last-child{padding-right:0;}
.contact02 .form .input .li.w100{width: 100%;}
.contact02 .form input{width:100%;border-bottom:1px solid #c9c9c9;padding: 1.1vw 0;font-size: .835947vw;color:#333;font-family:Roboto-Regular;background:transparent;}
.contact02 .form textarea{width:100%;border-bottom:1px solid #c9c9c9;padding:.9vw 0;height:4.6vw;font-size:.83vw;color:#333;font-family:Roboto-Regular;background:transparent;resize:none;}
.contact02 .form input::placeholder,.contact02 .form textarea::placeholder{color:#999;}
.contact02 .form input:focus,.contact02 .form textarea:focus{border-bottom: 1px solid #337dfe;}
.contact02 .form .sub{margin-top:2vw;display:flex;justify-content: center;}
.contact02 .form .sub button{background: none;}
.contact02 .form .sub .reset{margin-right: 1vw;}
.contact02 .form .sub .reset:after{background: #333333;}
@media screen and (max-width:1080px){
.contact02{padding-bottom: 60px;}
.contact02 .form input,.contact02 .form textarea{padding: 15px 0;font-size: 14px;}
.contact02 .form textarea{height: 70px;}
.contact02 .form .sub{margin-top: 30px;}
.contact02 .form .sub .reset{margin-right: 15px;}
.contact02 .form .reset,.contact02 .form .submit{padding: 10px 26px;font-size: 15px;}
}
@media screen and (max-width: 520px){
.contact02{padding-bottom: 30px;}
.contact02 .form input,.contact02 .form textarea{padding: 15px 0;font-size: 14px;}
.contact02 .form textarea{height: 70px;}
.contact02 .form .sub{margin-top: 20px;}
.contact02 .form .reset,.contact02 .form .submit{padding: 10px 26px;font-size: 15px;}
}



/* about01 */
.about01{padding: 4.5vw 0;}
.about01 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about01 .cont .left{width: 47.5%;position: sticky;top: 8.8vw;height: max-content;}
.about01 .cont .left .img{margin-top: 3vw;}
.about01 .cont .left .img img{width: 100%;}
.about01 .cont .right{width: 47.5%;padding-top: 8vw;}
.about01 .cont .right .text p{font-size: .88819vw;line-height: 2;margin: .28vw 0;text-indent: 2em;}
.about01 .cont .right ul{display: flex;justify-content: space-between;flex-wrap: wrap;margin-top: 1vw;}
.about01 .cont .right ul li{width: 50%;margin-top: 2vw;}
.about01 .cont .right ul li .num{display:flex;align-items:baseline;}
.about01 .cont .right ul li .num span{font-size: 3vw;color:#e60012;font-weight:bold;line-height: .8;}
.about01 .cont .right ul li .num i{font-size:1vw;color: #e60012;font-weight:bold;margin-left:.2vw;}
.about01 .cont .right ul li .num em{font-size:1vw;color:#e60012;font-weight:bold;font-style:normal;margin-left:.15vw;}
.about01 .cont .right ul li p{font-size: .835947vw;color: #000;margin-top: .28vw;}
@media screen and (max-width: 1080px){
.about01{padding: 60px 0;}
.about01 .cont .right{padding-top: 60px;}
.about01 .cont .right .text p{font-size: 15px;margin: 6px 0;}
.about01 .cont .right ul li{margin-top: 30px;}
.about01 .cont .right ul li .num span{font-size: 40px;}
.about01 .cont .right ul li .num i,.about01 .cont .right ul li .num em{font-size: 14px;}
.about01 .cont .right ul li p{font-size: 15px;margin-top: 6px;}
}
@media screen and (max-width: 768px){
.about01 .cont .left{width: 100%;position: initial;}
.about01 .cont .right{width: 100%;padding-top: 20px;}
}
@media screen and (max-width: 520px){
.about01{padding: 30px 0;}
.about01 .cont .right{padding-top: 10px;}
.about01 .cont .right .text p{font-size: 14px;margin: 4px 0;}
.about01 .cont .right ul li{margin-top: 20px;}
.about01 .cont .right ul li .num span{font-size: 30px;}
.about01 .cont .right ul li p{font-size: 14px;}
}


/* about02 */
.about02{padding: 4.5vw 0;background: url(../images/ab2_bg.jpg);background-size: cover;overflow: hidden;}
.about02 .top{display: flex;align-items: center;justify-content: space-between;}
.about02 .top .in_tit{margin-bottom: 0;}
.about02 .cont{margin-top: 3.58vw;}
.about02 .cont .ab2{overflow: initial;}
.about02 .cont .item .img{padding: 2vw 1vw;overflow:hidden;position:relative;display:flex;align-items:center;justify-content:center;background:#D8D8D8;border-radius: 5px;min-height: 22.2vw;}
.about02 .cont .item .img img{max-width: 75%;transition:all .5s;}
.about02 .cont .item .info{margin-top: .5vw;padding: 1vw;position: relative;}
.about02 .cont .item .info .t1{font-weight:500;font-size:1.28vw;color:#337dfe;position: relative;}
.about02 .cont .item .info .t1:after{position: absolute;content: "";left: -2%;top: 24%;background: linear-gradient(0deg,#36C0FB 0,#337dfe 100%);height: 70%;width: 4px;}
.about02 .cont .item .info .t2{font-size:.835947vw;color:#666;line-height:1.68;margin-top: .35vw;}
@media screen and (max-width: 1080px){
.about02{padding: 60px 0;}
.about02 .cont .item .img{padding: 30px 10px;min-height: 230px;}
.about02 .cont .item .info .t1{font-size: 18px;}
.about02 .cont .item .info .t1:after{top: 20%;height: 66%;}
.about02 .cont .item .info .t2{font-size: 15px;margin-top: 8px;}
}
@media screen and (max-width: 520px){
.about02{padding: 30px 0;}
.about02 .cont .item .img{padding: 20px 10px;min-height: 240px;}
.about02 .cont .item .info .t1:after{top: 21%;height: 66%;width: 3px;}
.about02 .cont .item .info .t2{font-size: 14px;margin-top: 6px;}
}



/* about03 */
.about03{padding-bottom: 4.5vw;}
.about03 .top{display: flex;align-items: center;justify-content: space-between;}
.about03 .top .in_tit{margin-bottom: 0;}
.about03 ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about03 ul li{background: url(../images/ab3_bg.jpg);box-shadow: 0 0 6px 2px #3f74fe26;border-radius: 8px;width: 49%;transition:all .5s;background-size: cover;background-position: bottom;margin: 1% 0;}
.about03 ul li .info{padding: 2vw;}
.about03 ul li .info .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.58vw}
.about03 ul li .info .top .icon{border-radius: 8px;padding: .4vw;background-image: linear-gradient(90deg, #36C0FB, #337dfe);}
.about03 ul li .info .top .icon img{width: 2.613vw;}
.about03 ul li .info .top .num{position: relative;}
.about03 ul li .info .top .num .n{display:block;-webkit-text-fill-color:transparent;-webkit-text-stroke:1px #3489fe;font-size: 2.58vw;position:relative;font-weight:700;margin-left:auto;}
.about03 ul li .info .top .num .n2{color:#3489fe;position:absolute;top:0;left:0;opacity:0;transform:translate(25%,25%);transition:all .5s}
.about03 ul li .info .t1{color:#333;font-size:1.25392vw;line-height:1.3;font-weight:700;margin-bottom:1vw}
.about03 ul li .info .text{color:#666;line-height: 2;font-size: .88819vw;}
.about03 ul li .info .text a{color: #337DFE;}
.about03 ul li .info .text a:hover{text-decoration: underline;}
.about03 ul li:hover{box-shadow: 0 15px 30px rgba(63,116,254,.25);transform: translate3d(0,-8px,0);}
.about03 ul li:hover .info .top .num .n2{opacity: 1;transform: translate(3px,3px);}
@media screen and (max-width: 1080px){
.about03{padding:0 0 60px 0;}
.about03 ul li{width: 48.5%;}
.about03 ul li .info{padding: 25px;}
.about03 ul li .info .top{margin-bottom: 20px;}
.about03 ul li .info .top .icon{padding: 10px;}
.about03 ul li .info .top .icon img{width: 36px;}
.about03 ul li .info .top .num .n{font-size: 36px;}
.about03 ul li .info .t1{font-size: 20px;margin-bottom: 15px;}
.about03 ul li .info .text{font-size: 15px;}
}
@media screen and (max-width: 850px){
.about03 ul{flex-wrap: wrap;}
.about03 ul li{width:100%;margin: 1.5% 0;}
.about03 ul li .info{padding: 20px;}
}
@media screen and (max-width: 520px){
.about03{padding:0 0 30px 0;}
.about03 ul li .info{padding: 15px;}
.about03 ul li .info .top{margin-bottom: 15px;}
.about03 ul li .info .top .icon{padding: 8px;}
.about03 ul li .info .top .icon img{width: 32px;}
.about03 ul li .info .top .num .n{font-size: 32px;}
.about03 ul li .info .t1{font-size: 18px;margin-bottom: 10px;}
.about03 ul li .info .text{font-size: 14px;line-height: 26px;}
}


/* advantag */
.advantag{background: url(../images/ad_bg.jpg) center center no-repeat;position: relative;background-size: cover;background-attachment: fixed;padding-bottom: 4.5vw;}
.advantag .crumb{padding-top: 0;padding: 1.28vw 0 4.5vw;}
.advantag .crumb .w1600{justify-content: flex-end;}
.advantag .cont{position: relative;margin-top: 5vw;}
.advantag .item{display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 8vw;}
.advantag .item:nth-last-child(1){margin-bottom: 0;}
.advantag .item .bg{width: 52vw;position: relative;}
.advantag .item .bg img{width: 100%;}
.advantag .item .text{background-color: #fff;width: 32vw;box-shadow: 0 0 6px 2px #3f74fe26;padding: 2vw;z-index: 99;transform: translateY(-4vw);position: absolute;right: 0;}
.advantag .item .text .big{font-size: 3.5vw;color: #3489fe;font-weight: bold;margin-bottom: 1vw;display: flex;align-items: center;}
.advantag .item .text .big i{width: 1.8vw;height: 3px;background: #3489fe;margin-right: .5vw;display: block;}
.advantag .item .text p{font-size: .9vw;line-height: 1.8;color: #333;}
.advantag .item:nth-child(even){flex-direction: row-reverse;}
.advantag .item:nth-child(even) .text{right: auto;left: 0;}
@media screen and (max-width:1080px){
.advantag{padding-bottom: 60px;}
.advantag .crumb{padding: 20px 0 60px;}
.advantag .cont{margin-top: 90px;}
.advantag .item{margin-bottom: 90px;}
.advantag .item .bg{width: 68%;}
.advantag .item .text{width: 60%;padding: 30px;transform: translateY(-50px);}
.advantag .item .text .big{font-size: 40px;margin-bottom: 20px;}
.advantag .item .text .big i{width: 28px;}
.advantag .item .text p{font-size: 15px;height: 110px;overflow-y: scroll;}
}
@media screen and (max-width:768px){
.advantag .cont{margin-top: 40px;}
.advantag .item{margin-bottom: 40px;}
.advantag .item .bg{width: 100%;}
.advantag .item .text{width: 100%;position: initial;transform: translateY(0);}
.advantag .item .text p{height: auto;overflow: initial;}
}
@media screen and (max-width:520px){
.advantag{padding-bottom: 30px;}
.advantag .crumb{padding: 20px 0 30px;}
.advantag .item{margin-bottom: 25px;}
.advantag .item .text{padding: 15px;}
.advantag .item .text .big{font-size: 32px;margin-bottom: 15px;}
.advantag .item .text p{font-size: 14px;line-height: 24px;}
}


/* honor-wrap */
.honor-wrap{padding:4.5vw 0}
.honor-tip{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1vw;margin:0 0 2vw}
.honor-tip p{font-size:.85vw;color:#666;line-height:1.9}
.honor-tip p b{color:#337dfe;font-weight:600}
.honor-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.2vw}
.honor-grid .item{min-width:0;background:#fff;border:1px solid #eceff3;border-radius:4px;padding:1vw;transition:.28s ease;overflow:hidden}
.honor-grid .item:hover{border-color:#337dfe;box-shadow:0 10px 26px rgba(51,125,254,.14);transform:translateY(-4px)}
.honor-grid .item a{display:block;text-decoration:none}
.honor-grid .pic{min-width:0;position:relative;width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:3px;overflow:hidden}
.honor-grid .pic img{max-width:100%;max-height:100%;object-fit:contain;transition:.35s ease}
.honor-grid .item:hover .pic img{transform:scale(1.04)}
.honor-grid .tt{font-size:.82vw;color:#333;line-height:1.65;margin:.85vw 0 0;text-align:center;height:2.6vw;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.honor-grid .item:hover .tt{color:#337dfe}
.honor-empty{padding:6vw 0;text-align:center;color:#888;font-size:1vw}
@media screen and (max-width:1080px){
.honor-wrap{padding:60px 0}
.honor-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.honor-grid .pic{height:auto}
.honor-grid .tt{font-size:15px;height:auto}
.honor-tip p{font-size:15px}
}
@media screen and (max-width:750px){
.honor-wrap{padding:30px 0}
.honor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.honor-grid .item{padding:10px}
.honor-grid .pic{height:auto}
.honor-grid .tt{font-size:13px;margin-top:8px}
}