/* banner */
.banner{position:relative;overflow:hidden;}
.banner .img img{width: 100%;}
@media screen and (max-width:1080px){
.banner .img{height: 300px;}
.banner .img img{object-fit: cover;height: 100%;}
}
@media screen and (max-width:520px) {
.banner{margin-top: 63px;}
.banner .img{height: 128px;}
}


/* crumb */
.crumb{padding: 1vw 0;background: #f5f5f5;}
.crumb .w1600{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;line-height: 1.68;}
.crumb .tit{font-size: 1.58vw;font-weight: bold;color: #333;}
.crumb .text{display: flex;align-items: center;}
.crumb .text img{width: .95vw;}
.crumb .text a{font-size: .9vw;color: #666;position: relative;margin: 0 .58vw;}
.crumb .text a:after{position: absolute;content: "";right: 0;top: 20%;width: 2px;height: 60%;background: #fff;transform: skew(-15deg,0deg);display: none;}
.crumb .text a:nth-child(2){margin-left: .28vw;}
.crumb .text a:nth-last-child(1):after{display: none;}
.crumb .text a:hover{text-decoration: revert;}
@media screen and (max-width:1080px){
.crumb{padding: 20px 0;}
.crumb .tit{font-size: 24px;}
.crumb .text img{width: 20px;}
.crumb .text a{font-size: 17px;margin: 0 12px;}
.crumb .text a:nth-child(2){margin-left: 5px;}
}
@media screen and (max-width:520px){
.crumb{padding: 10px 0;}
.crumb .tit{font-size: 22px;}
.crumb .text img{width: 16px;}
.crumb .text a{font-size: 15px;margin: 0 8px;}
.crumb .text a:nth-child(2){margin-left: 5px;}
}


/* contact01 */
.contact01{padding: 4vw 0;}
.contact01 .cont{display: flex;justify-content: space-between;}
.contact01 .cont .title{color: #333;font-size: 2.089866vw;font-weight: bold;margin-bottom: 1.68vw;}
.contact01 .cont .tit{color: #aaa;font-size: .845vw;margin-bottom: 1vw;}
.contact01 .cont .left{border: 4px solid rgba(0,0,0,.05);padding: 2vw;width: 45%;border-radius: 10px;}
.contact01 .cont .left li{display: flex;align-items: center;margin-bottom: 1.5vw;}
.contact01 .cont .left li .icon{position: relative;margin-right: 1vw;width: 2.88vw;height: 2.88vw;display: flex;align-items: center;justify-content: center;}
.contact01 .cont .left li .icon:after{content:'';width:100%;height:100%;top:0;left:0;position: absolute;z-index: -1;border-radius:30%; transform: rotate(45deg);-webkit-transform: rotate(45deg); -webkit-transition: all .5s;transition: all .5s;background:#044493;}
.contact01 .cont .left li:hover .icon:after{border-radius: 50%;}
.contact01 .cont .left li .icon img{width: 1.4vw;}
.contact01 .cont .left li .info{width: calc(100% - 3vw);}
.contact01 .cont .left li .info .t1{font-size:1.05vw;font-weight:700;color:#333}
.contact01 .cont .left li .info .text{font-size:.845vw;color: #aaa;line-height:1.58;margin-top:.5vw;}
.contact01 .cont .left .link{position: relative;margin-bottom: 1.5vw;border-bottom: 1px dashed #eee;}
.contact01 .cont .left .link:after{ position: absolute; right: 0px; bottom: -4px; width: 8px; height: 8px; background:#aaa; content: ''; border-radius: 50%;}
.contact01 .cont .left dl{display: flex;align-items: center}
.contact01 .cont .left dl dd{margin-right: .88vw;}
.contact01 .cont .left dl dd img{width: 2.09vw;border-radius: 10px;}
.contact01 .cont .right{width: 45%;}
.contact01 .cont .right .form .input{margin-bottom:1vw;border: 1px solid #e5e5e5;border-radius: 5px;width: 48.5%;}
.contact01 .cont .right .form .input.w100{width: 100%;margin: 1vw 0 2vw;}
.contact01 .cont .right .form .input input{width: calc(100% - 2vw);height:2.5vw;color:#333;font-size:.8vw;padding:0 1vw;border: 1px solid #fff;box-shadow: -1px 3px 4px 0px rgb(0 0 0 / 10%) inset;border-radius: 5px;}
.contact01 .cont .right .form .input textarea{width: calc(100% - 2vw);height:6.8vw;color:#333;font-size:.8vw;padding:0 1vw;padding-top: 1vw;font-family:AlibabaPuHuiTi-Regular;border: 1px solid #fff;box-shadow: -1px 3px 4px 0px rgb(0 0 0 / 10%) inset;border-radius: 5px;}
.contact01 .cont .right .form .input.none{display: none;}
.contact01 .cont .right .form .input input:focus,.contact01 .cont .right .form .input textarea:focus{border: 1px solid #044493;}
.contact01 .cont .right .form .submit{background: #666666;border-radius: 30px;text-align: center;position: relative;width: max-content;margin: 0 auto;margin-right: 0;}
.contact01 .cont .right .form .submit input{font-size: .9vw;transition: all .5s;color: #fff;z-index: 9;position: relative;background: none;font-weight: bold;padding: .68vw 4vw;}
.contact01 .cont .right .form .submit:before{width:100%;height:100%;position:absolute;left:0;top:0;background: #044493;content:'';border-radius: 40px;transition: all .5s cubic-bezier(.175, .885, .32, 1.275);transform: scale(0);z-index: 1;}
.contact01 .cont .right .form .submit:hover:before{transform: scale(1.05);}
.contact01 .cont .right .form .yzm{width: 45%;height: 2.4vw;background:#e5e7eb;border-radius: 24px;position:relative;overflow:hidden;user-select:none;}
.contact01 .cont .right .form .yzm .mask{height:100%;background:#044493;border-radius:22px 0 0 22px;width:0;transition:.3s}
.contact01 .cont .right .form .yzm .der{width: 2.3vw;height: 2.3vw;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0002;position:absolute;top: 1px;left: 1px;cursor:grab;display:grid;place-items:center;font-weight:700;color:#044493;font-size: 1vw;}
.contact01 .cont .right .form .yzm .tip{display:grid;place-items:center;color:#333;font-size: .8vw;pointer-events:none;transform:translate(0 , -50%);left:0;top:50%;width:100%;position:absolute;transition:.3s;}
.contact01 .cont .right .form .yzm.success .mask{background:#00b42a}
.contact01 .cont .right .form .yzm.success .tip{color:#fff}
.contact01 .cont .right .form .yzm.success .der{color:#00b42a}
.contact01 .cont .right .form .yzm.err .der{color:#f53f3f}
@media screen and (max-width: 1080px){
.contact01{padding: 60px 0;}
.contact01 .cont .left{border-radius: 5px;padding: 25px;}
.contact01 .cont .title{font-size: 24px;margin-bottom: 25px;}
.contact01 .cont .left li{margin-bottom: 20px;}
.contact01 .cont .left li .icon{width: 40px;height: 40px;margin-right: 10px;}
.contact01 .cont .left li .icon img{width: 20px;}
.contact01 .cont .left li .info{width: calc(100% - 50px);}
.contact01 .cont .left li .info .t1{font-size: 18px;}
.contact01 .cont .left li .info .text{font-size: 14px;margin-top: 5px;}
.contact01 .cont .left .link{margin-bottom: 15px;}
.contact01 .cont .left dl dd{margin-right: 15px;}
.contact01 .cont .left dl dd img{width: 35px;}
.contact01 .cont .tit{font-size: 14px;margin-bottom: 10px;}
.contact01 .cont .right .form .input{margin-bottom: 15px;}
.contact01 .cont .right .form .input input{height: 40px;font-size: 14px;padding: 0 10px;width: calc(100% - 20px);}
.contact01 .cont .right .form .input textarea{width: calc(100% - 24px);height: 90px;font-size: 14px;padding: 0 12px;padding-top: 15px;}
.contact01 .cont .right .form .submit{margin-top: 20px;margin-right: auto;}
.contact01 .cont .right .form .submit input{font-size: 15px;padding: 11px 40px;}
.contact01 .cont .right .form .yzm{height: 38px;width: 100%;margin-top: 15px;}
.contact01 .cont .right .form .yzm .der{width: 37px;height: 37px;font-size: 18px;}
.contact01 .cont .right .form .yzm .tip{font-size: 13px;}
}
@media screen and (max-width: 768px){
.contact01 .cont{flex-wrap: wrap;}
.contact01 .cont .left{width: 100%;}
.contact01 .cont .right{width: 100%;margin-top: 30px;}
}
@media screen and (max-width: 520px){
.contact01{padding: 30px 0;}
.contact01 .cont .left{padding: 15px;}
.contact01 .cont .title{font-size: 22px;margin-bottom: 20px;}
.contact01 .cont .left li{margin-bottom: 15px;}
.contact01 .cont .left li .icon{width: 35px;height: 35px;}
.contact01 .cont .left li .icon img{width: 20px;}
.contact01 .cont .left li .info{width: calc(100% - 40px);}
.contact01 .cont .left li .info .t1{font-size: 16px;}
.contact01 .cont .left dl dd img{width: 30px;}
.contact01 .cont .tit{font-size: 14px;margin-bottom: 15px;}
.contact01 .cont .right{margin-top: 25px;}
.contact01 .cont .right .form .input{margin-bottom: 10px;}
.contact01 .cont .right .form .input input{height: 36px;font-size: 13px;}
.contact01 .cont .right .form .input textarea{height: 70px;font-size: 13px;}
.contact01 .cont .right .form .submit{margin-top: 20px;}
.contact01 .cont .right .form .submit input{font-size: 14px;padding: 8px 30px;}
}



/* cnav */
.cnav{width: 25%;position: sticky;top: 7vw;}
.cnav .wrap{background: #F5F5F5;padding:.88vw .68vw;margin-bottom: 1vw;position: relative;}
.cnav .wrap:nth-child(2){background: #0A0908;padding: 1.88vw 1.2vw;overflow: hidden;}
.cnav .wrap:nth-child(2):before{position: absolute;content: '';opacity: 0;top: 0;left: 0;z-index: 1;background: linear-gradient(to right,rgba(255,255,255,0) 0%,rgba(255,255,255,.03) 1%,rgba(255,255,255,.6) 30%,rgba(255,255,255,.85) 50%,rgba(255,255,255,.85) 70%,rgba(255,255,255,.85) 90%,rgba(255,255,255,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1);width: 60%;height: 100%;transform: skew(-10deg,0deg);animation: move 2s;animation-iteration-count: infinite;animation-delay: 1s;border-radius: 0;border: none;}
.cnav .wrap .title{font-size: 1.35841vw;margin-bottom: 1vw;padding-bottom: .5vw;border-bottom: 1px solid #fff;font-weight: bold;color: #fff;}
.cnav .wrap:nth-child(1) .title{background: #044493;padding: .58vw;}
.cnav .wrap:nth-child(2) .title{border-bottom: 1px solid rgba(255,255,255,0.3);}
.cnav .wrap:nth-child(3) .title{color: #333;}
.cnav .wrap .tit{color: #fff;font-size: .845vw;line-height: 1.58;margin-bottom: 1.58vw;}
.cnav .wrap ul li{margin:.58vw 0}
.cnav .wrap ul li:nth-last-child(1){margin-bottom: 0;}
.cnav .wrap ul li a{background:#fff;padding:.88vw .68vw;display:block;color:#333;font-size:.85vw;transition:.5s all}
.cnav .wrap ul li:hover a,.cnav .wrap ul li.cur a{color: #044493;}
.cnav .wrap .li{background:#fff;box-shadow: 0 0 6px rgb(0 0 0 / .1);margin-bottom: .58vw;}
.cnav .wrap .li a{display: flex;padding: .88vw;align-items: center;justify-content: space-between;}
.cnav .wrap .li .img{border:1px solid #eee;overflow: hidden;transition:all .5s ease;width: 40%;}
.cnav .wrap .li .img img{transition:all .5s ease;}
.cnav .wrap .li:hover .img img{transform:scale(1.04)}
.cnav .wrap .li .info{width: 55%;}
.cnav .wrap .li .info .t1{font-size: 1vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;overflow:hidden;margin-bottom: .5vw;}
.cnav .wrap .li .info .t2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size: .845vw;color:#666;line-height:1.58;}
.cnav .wrap .li .info .bt{margin-top: .88vw;text-decoration:underline;font-size:.85vw;color:#333;}
.cnav .wrap .li:hover .info .t1,.cnav .wrap .li:hover .info .bt{color: #044493;}
.cnav .wrap .li:hover .img{border: 1px solid #044493;}
@keyframes move{
0%{left:0;opacity:0}5%{opacity:.0}
48%{opacity:.2}80%{opacity:.0}
100%{left:82%}}
@media screen and (max-width:1080px){
.cnav{width: 30%;top: 158px;}
.cnav .wrap{margin-bottom: 15px;padding: 12px 10px;}
.cnav .wrap:nth-child(2){padding: 12px;}
.cnav .wrap .title{margin-bottom: 15px;font-size: 20px;padding-bottom: 10px;}
.cnav .wrap:nth-child(1) .title{padding: 8px;}
.cnav .wrap .tit{font-size: 14px;margin-bottom: 15px;}
.cnav .wrap ul li{margin: 5px 0;}
.cnav .wrap ul li a{padding: 10px;font-size: 15px;}
.cnav .wrap .li{margin-bottom: 10px;}
.cnav .wrap .li a{padding: 6px;}
.cnav .wrap .li .info .t1{font-size: 16px;}
.cnav .wrap .li .info .t2{font-size: 14px;}
.cnav .wrap .li .info .bt{font-size: 16px;}
}
@media screen and (max-width:768px){
.cnav{width: 100%;order: 1;margin-top: 30px;position: initial;}
.cnav .wrap{padding: 20px !important;}
.cnav .wrap:nth-child(1){display: none;}
.cnav .wrap .title{font-size: 24px;}
}
@media screen and (max-width:520px){
.cnav .wrap{margin-bottom: 15px;}
.cnav .wrap{padding: 15px !important;}
.cnav .wrap .title{margin-bottom: 10px;font-size: 22px;}
.cnav .wrap:nth-child(1) .title{padding: 8px;}
.cnav .wrap ul li{margin: 5px 0;}
.cnav .wrap ul li a{padding: 10px;font-size: 15px;}
.cnav .wrap:nth-child(3){display: flex;justify-content: space-between;flex-wrap: wrap;}
.cnav .wrap:nth-child(3) .title{width: 100%;}
.cnav .wrap .li{margin-bottom: 0;width: 48.5%;}
.cnav .wrap .li a{flex-wrap: wrap;}
.cnav .wrap .li .img{width: 100%;}
.cnav .wrap .li .info{width: 100%;}
.cnav .wrap .li a{padding: 8px;}
.cnav .wrap .li .info{text-align: center;}
.cnav .wrap .li .info .t1{font-size: 16px;margin: 15px 0 10px;}
.cnav .wrap .li .info .bt{font-size: 14px;margin: 8px 0;}
}


/* faq */
.faq{padding: 4vw 0;}
.faq .cont{display: flex;justify-content: space-between;flex-wrap: wrap;}
.faq .cont .list{width: 70%;}
.faq .cont .list .item{cursor:pointer;padding: .68vw 1vw;background: #fff;margin-bottom: 1vw;border-radius: 10px;border: 1px solid #e4e4e4;}
.faq .cont .list .item .info{display:flex;justify-content:space-between;align-items:center;}
.faq .cont .list .item .info .t1{font-size: .9vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;width:80%;color: #333;}
.faq .cont .list .item .info .t1 span{font-size: 1.18vw;margin-right: .58vw;}
.faq .cont .list .item .info .bt{background: #cecece;border-radius: 8px;width: 1.6vw;height: 1.6vw;position:relative;}
.faq .cont .list .item .info .bt span{width: .8vw;height:2px;background:#fff;position:absolute;left: .42vw;top: .75vw;transition: all .35s;}
.faq .cont .list .item .info .bt span:nth-child(2){left: .75vw;top: .42vw;height: .8vw;width:2px;-webkit-transform: rotate(0);}
.faq .cont .list .item.active .info .bt{background: #044493;}
.faq .cont .list .item.active .info .bt span:nth-child(2){width: 0;-webkit-transform: rotate(90deg);}
.faq .cont .list .item.active .info .t1{color: #044493;}
.faq .cont .list .item .text{font-size: .82vw;padding: .68vw;display: none;color: #666;line-height: 1.88;border-top: 1px solid #eee;margin-top: .58vw;}
@media screen and (max-width: 1080px){
.faq{padding: 60px 0;}
.faq .cont .list{width: 65%;}
.faq .cont .list .item{padding: 15px 20px;margin-bottom: 10px;}
.faq .cont .list .item .info .t1{font-size: 16px;}
.faq .cont .list .item .info .t1 span{font-size: 18px;margin-right: 5px;}
.faq .cont .list .item .text{font-size: 14px;padding: 10px;margin-top: 15px;}
.faq .cont .list .item .info .bt{width: 24px;height: 24px;}
.faq .cont .list .item .info .bt span{width: 14px;left: 5px;top: 11px;}
.faq .cont .list .item .info .bt span:nth-child(2){height: 14px;left: 11px;top: 5px;}
}
@media screen and (max-width: 768px){
.faq .cont .list{width: 100%;}
}
@media screen and (max-width: 520px){
.faq{padding: 30px 0;}
.faq .cont .list .item{padding: 10px 15px;margin-bottom: 8px;border-radius: 8px;}
.faq .cont .list .item .info .t1{font-size: 15px;}
.faq .cont .list .item .info .t1 span{font-size: 17px;}
.faq .cont .list .item .text{padding: 10px;margin-top: 12px;}
.faq .cont .list .item .info .bt{width: 22px;height: 22px;border-radius: 6px;}
.faq .cont .list .item .info .bt span{width: 12px;top: 10px;}
.faq .cont .list .item .info .bt span:nth-child(2){height: 12px;left: 10px;}
}


/* newslist */
.newslist{padding: 4vw 0;}
.newslist .cont{display: flex;justify-content: space-between;flex-wrap: wrap;}
.newslist .cont .list{width: 70%;}
.newslist .cont .item{width: 32%;margin-bottom: 2%;margin-right: 2%;background: #fff;box-shadow: 0 0 6px rgb(0 0 0 / 10%);border-radius: 10px;}
.newslist .cont .item:nth-child(3n+3){margin-right: 0;}
.newslist .cont .item a{padding: 1vw;display: block;}
.newslist .cont .item .img{padding-bottom: 75%;position:relative;overflow:hidden;border-radius: 10px;}
.newslist .cont .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.newslist .cont .item:hover .img img{transform:scale(1.04)}
.newslist .cont .item .info .t1{font-size: 1vw;color:#333;font-weight:700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 1vw;}
.newslist .cont .item .info .date{font-size: .9vw;color: #044493;border-bottom: 1px solid #e5e5e5;margin-top: 1vw;padding-bottom: 6px;}
.newslist .cont .item .info .t2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow:hidden;font-size:.85vw;color:#666;line-height:1.58;margin: 1vw 0;}
.newslist .cont .item .info .bt{text-decoration:underline;font-size:.85vw;color:#333;}
.newslist .cont .item:hover .info .t1,.newslist .cont .item:hover .info .bt{color: #044493;}
@media screen and (max-width: 1080px){
.newslist{padding: 60px 0;}
.newslist .cont .list{width: 65%;}
.newslist .cont .item{width: 48.5%;margin-bottom: 3%;}
.newslist .cont .item:nth-child(odd){margin-right: 3%;}
.newslist .cont .item:nth-child(even){margin-right: 0;}
.newslist .cont .item a{padding: 15px;}
.newslist .cont .item .info .t1{font-size: 16px;margin-top: 15px;}
.newslist .cont .item .info .date{font-size: 15px;margin: 15px 0 10px;padding-bottom: 5px;}
.newslist .cont .item .info .t2{font-size: 14px;margin: 15px 0;}
.newslist .cont .item .info .bt{font-size: 15px;}
}
@media screen and (max-width: 768px){
.newslist .cont .list{width: 100%;}
}
@media screen and (max-width: 520px){
.newslist{padding: 30px 0;}
.newslist .cont .item{border-radius: 5px;}
.newslist .cont .item a{padding: 10px;}
.newslist .cont .item .info .t1{font-size: 15px;margin-top: 12px;}
.newslist .cont .item .info .date{font-size: 14px;margin: 12px 0 8px;}
.newslist .cont .item .info .t2{margin: 10px 0;}
.newslist .cont .item .info .bt{font-size: 14px;}
.newslist .cont .item .img{border-radius: 5px;}
}


/* news */
.news{padding: 4vw 0;}
.news .cont{display: flex;justify-content: space-between;align-items: end;flex-wrap: wrap;}
.news .cont .list{width: 70%;}
.news .cont .list .main{padding: 1.5vw;border-radius: 5px;margin-bottom: 2.58vw;box-shadow: 0 0 6px rgb(0 0 0 / 10%);}
.news .cont .list .title{font-size:1.35841vw;color:#333}
.news .cont .list .date{color:#044493;font-size:1vw;margin:1vw 0;padding-bottom:1vw;border-bottom:1px dashed #eee}
.news .cont .list .text p{font-size:.845vw;line-height:2;color:#666;margin:.5vw 0}
.news .cont .list .rem .n01{padding: .2vw;}
.news .cont .list .rem .item{background: #fff;box-shadow: 0 0 6px rgb(0 0 0 / 10%);border-radius: 10px;}
.news .cont .list .rem .item a{padding: 1vw;display: block;}
.news .cont .list .rem .item .img{padding-bottom: 75%;position:relative;overflow:hidden;border-radius: 10px;}
.news .cont .list .rem .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.news .cont .list .rem .item:hover .img img{transform:scale(1.04)}
.news .cont .list .rem .item .info .t1{font-size: 1vw;color:#333;font-weight:700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin-top: 1vw;}
.news .cont .list .rem .item .info .date{font-size: .9vw;color: #044493;border-bottom: 1px solid #e5e5e5;margin-top: 1vw;padding-bottom: 6px;}
.news .cont .list .rem .item .info .t2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow:hidden;font-size:.85vw;color:#666;line-height:1.58;margin: 1vw 0;}
.news .cont .list .rem .item .info .bt{text-decoration:underline;font-size:.85vw;color:#333;}
.news .cont .list .rem .item:hover .info .t1,.news .cont .list .rem .item:hover .info .bt{color: #044493;}
@media screen and (max-width: 1080px){
.news{padding: 30px 0;}
.news .cont .list{width: 65%;}
.news .cont .list .main{padding: 25px;}
.news .cont .list .title{font-size: 26px;}
.news .cont .list .date{font-size: 16px;margin: 15px 0;padding-bottom: 10px;}
.news .cont .list .text p{font-size: 15px;margin: 10px 0;}
.news .cont .list .rem .item a{padding: 15px;}
.news .cont .list .rem .item .info .t1{font-size: 16px;margin-top: 15px;}
.news .cont .list .rem .item .info .date{font-size: 15px;margin: 15px 0 10px;padding-bottom: 5px;}
.news .cont .list .rem .item .info .t2{font-size: 14px;margin: 15px 0;}
.news .cont .list .rem .item .info .bt{font-size: 15px;}
.news .cont .list .rem .n01{padding-bottom: 40px;}
.news .cont .list .rem .swiper-pagination{bottom: 0;}
.news .cont .list .rem .swiper-pagination-bullet{width: 40px;border-radius: 5px;height: 4px;background: #044493;}
}
@media screen and (max-width: 768px){
.news .cont .list{width: 100%;}
}
@media screen and (max-width: 520px){
.newslist{padding: 30px 0;}
.news .cont .list .main{padding: 15px;}
.news .cont .list .title{font-size: 22px;}
.news .cont .list .date{font-size: 14px;margin: 12px 0;}
.news .cont .list .text p{font-size: 14px;margin: 6px 0;}
.news .cont .list .rem .item{border-radius: 5px;}
.news .cont .list .rem .item a{padding: 10px;}
.news .cont .list .rem .item .info .t1{font-size: 15px;margin-top: 12px;}
.news .cont .list .rem .item .info .date{font-size: 14px;margin: 12px 0 8px;}
.news .cont .list .rem .item .info .t2{margin: 10px 0;}
.news .cont .list .rem .item .info .bt{font-size: 14px;}
.news .cont .list .rem .item .img{border-radius: 5px;}
}


/* casenav */
.casenav{padding: 4vw 0;}
.casenav .item{overflow: hidden;position: relative;margin-right: 1.5%;margin-bottom: 1.5%;width: 23.875%;}
.casenav .item:nth-child(4n+4){margin-right: 0;}
.casenav .item .img{padding-bottom: 150%;position:relative;overflow:hidden;}
.casenav .item .img:before{position: absolute;height: 100%;width: 100%;content: "";left: 0;top: 0;background: linear-gradient(180deg, #000000d1 -8%, transparent 40%);z-index: 1;}
.casenav .item .img:after{position: absolute;height: 100%;width: 100%;content: "";left: 0;top: 0;background: linear-gradient(0deg, #000000d1 -8%, transparent 45%);z-index: 1;}
.casenav .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.casenav .item:hover .img img{transform:scale(1.04)}
.casenav .item .info{left: 0;position: absolute;z-index: 9;display: flex;align-items: center;flex-wrap: wrap;height: 100%;top: 0;padding: 0 1.5vw;}
.casenav .item .info .t1{color: #fff;font-size: 2vw;font-weight: bold;text-transform: uppercase;width: 100%;}
.casenav .item .info .text{font-size: .835946vw;color: #fff;line-height: 1.68;width: 100%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;margin-top: 5vw;}
.casenav .item .bt{position: absolute;bottom: 0;right: -4.5vw;z-index: 9;width: 8vw;height: 4vw;display: flex;align-items: center;transform: scale(0);transition: all .5s cubic-bezier(.64,.6,.32,1.27);transform-origin: right bottom;}
.casenav .item .bt:after{position: absolute;background: #044493;width: 100%;height: 100%;transform: skewX(-240.3984426958deg);content: "";left: 0;top: 0;z-index: 1;}
.casenav .item .bt i{color: #fff;font-size: 1.1vw;z-index: 9;position: relative;transform: translate(1.1vw , .5vw);}
.casenav .item:hover .bt{transform: scale(1);}
@media screen and (max-width: 1080px){
.casenav{padding: 60px 0;}
.casenav .item{width: 32%;}
.casenav .item:nth-child(4n+4){margin-right: 2%;}
.casenav .item:nth-child(3n+3){margin-right: 0;}
.casenav .item .info{padding: 0 20px;}
.casenav .item .info .t1{font-size: 28px;}
.casenav .item .info .text{font-size: 15px;margin-top: 10px;}
.casenav .item .bt{right: -50px;width: 100px;height: 60px;}
.casenav .item .bt i{transform: translate(14px , 10px);font-size: 18px;}
}
@media screen and (max-width: 768px){
.casenav .item{width: 49%;}
.casenav .item:nth-child(odd){margin-right: 2%;}
.casenav .item:nth-child(even){margin-right: 0;}
.casenav .item .info .t1{font-size: 24px;}
}
@media screen and (max-width: 520px){
.casenav{padding: 30px 0;}
.casenav .item{width: 49%;}
.casenav .item .info{padding: 0 10px;}
.casenav .item .info .t1{font-size: 23px;}
.casenav .item .info .text{font-size: 14px;-webkit-line-clamp: 5;margin-top: initial;line-height: 1.5;}
.casenav .item .bt{opacity: 0;}
}


/* caselist */
.caselist{padding: 4vw 0;}
.caselist .item{width: 23.875%;margin-bottom: 1.5%;margin-right: 1.5%;background: #fff;box-shadow: 0 0 6px rgb(0 0 0 / 10%);border-radius: 10px;}
.caselist .item:nth-child(4n+4){margin-right: 0;}
.caselist .item a{padding: 1vw;display: block;}
.caselist .item .img{padding-bottom: 75%;position:relative;overflow:hidden;border-radius: 10px;}
.caselist .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.caselist .item:hover .img img{transform:scale(1.04)}
.caselist .item .info .t1{font-size: 1vw;color:#333;font-weight:700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin-top: 1vw;}
.caselist .item .info .bt{text-decoration:underline;font-size:.85vw;color:#333;margin-top: 2vw;}
.caselist .item:hover .info .t1,.caselist .item:hover .info .bt{color: #044493;}
@media screen and (max-width: 1080px){
.caselist{padding: 60px 0;}
.caselist .item{width: 32%;margin-bottom: 2%;}
.caselist .item:nth-child(4n+4){margin-right: 2%;}
.caselist .item:nth-child(3n+3){margin-right: 0;}
.caselist .item a{padding: 15px;}
.caselist .item .info .t1{font-size: 16px;margin-top: 15px;}
.caselist .item .info .bt{font-size: 16px;margin-top: 15px;}
}
@media screen and (max-width: 768px){
.caselist .item{width: 48.5%;margin-bottom: 3%;}
.caselist .item:nth-child(odd){margin-right: 3%;}
.caselist .item:nth-child(even){margin-right: 0;}
}
@media screen and (max-width: 520px){
.caselist{padding: 30px 0;}
.caselist .item{border-radius: 5px;}
.caselist .item a{padding: 10px;}
.caselist .item .info .t1{font-size: 15px;margin-top: 12px;}
.caselist .item .info .bt{font-size: 14px;}
.caselist .item .img{border-radius: 5px;}
}


/* productlist */
.productlist{padding: 4vw 0;}
.productlist .cont{display: flex;justify-content: space-between;flex-wrap: wrap;}
.productlist .cont .list{width: 70%;}
.productlist .cont .item{width: 32%;margin-bottom: 2%;margin-right: 2%;background: #fff;box-shadow: 0 0 6px rgb(0 0 0 / 10%);border-radius: 10px;}
.productlist .cont .item:nth-child(3n+3){margin-right: 0;}
.productlist .cont .item a{padding: 1vw;display: block;}
.productlist .cont .item .img{overflow: hidden;transition:all .5s ease;}
.productlist .cont .item .img img{transition:all .5s ease;}
.productlist .cont .item:hover .img img{transform:scale(1.04)}
.productlist .cont .item .info{position: relative;padding-bottom: 1.2vw;}
.productlist .cont .item .info:after{content: '';width: 20%;height: 1px;background-color: #333;position: absolute;right: 0;left: 0;bottom: 0;margin: 0 auto;transition: all .4s ease;}
.productlist .cont .item:hover .info:after{width: 90%;background-color: #044493;}
.productlist .cont .item .info .t1{font-size: 1.05vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 2;overflow:hidden;text-align:center;margin: 1.5vw 0 .5vw;}
.productlist .cont .item .info .t2{text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.85vw;color:#666;line-height:1.58}
.productlist .cont .item .info .bt{text-align:center;margin-top:1vw;text-decoration:underline;font-size:.85vw;color:#333}
.productlist .cont .item:hover .info .t1{color: #044493;}
@media screen and (max-width: 1080px){
.productlist{padding: 60px 0;}
.productlist .cont .list{width: 65%;}
.productlist .cont .item{width: 48.5%;margin-bottom: 3%;border-radius: 5px;}
.productlist .cont .item:nth-child(odd){margin-right: 3%;}
.productlist .cont .item:nth-child(even){margin-right: 0;}
.productlist .cont .item a{padding: 15px;}
.productlist .cont .item .info .t1{font-size: 17px;margin: 15px 0;}
.productlist .cont .item .info .t2{font-size: 14px;}
}
@media screen and (max-width: 768px){
.productlist .cont .list{width: 100%;}
}
@media screen and (max-width: 520px){
.productlist{padding: 30px 0;}
.productlist .cont .item a{padding: 10px;padding-bottom: 20px;}
.productlist .cont .item .info .t1{font-size: 17px;margin: 10px 0;}
}


/* product */
.product{padding: 4vw 0;}
.product .cont{display: flex;justify-content: space-between;align-items: end;flex-wrap: wrap;}
.product .cont .main{width: 70%;}
.product .cont .main .pcont{box-shadow: 0 0 6px rgb(0 0 0 / 10%);background: #fff;padding: 1.5vw;}
.product .cont .main .pro{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product .cont .main .pro .pro_img{width: 52%;position: relative;}
.product .cont .main .pro .pro_img .img{text-align: center;}
.product .cont .main .pro .pro_img .img img{mix-blend-mode: multiply;filter: brightness(1.05) contrast(1.1);}
.product .cont .main .pro .pro_img .pro1{margin-top: 20px;}
.product .cont .main .pro .pro_img .pro1 .img{border: 1px solid #E6E7E9;}
.product .cont .main .pro .pro_img .pro1 .swiper-slide-thumb-active .img{border: 1px solid #044493;}
.product .cont .main .pro .pro_img .pro2{padding: 1px;}
.product .cont .main .pro .pro_img .pro2 .swiper-wrapper{z-index: 3;}
.product .cont .main .pro .pro_img .pro2 .img{border: 1px solid #E6E7E9;height: auto;}
.product .cont .main .pro .pro_img .pro2 .swiper-button-next,.product .cont .main .pro .pro_img .pro2 .swiper-button-prev{width: 2.68vw;height: 2.68vw;border-radius: 50%;background: #666666;transition:all .5s ease;opacity: 0;}
.product .cont .main .pro .pro_img .pro2 .swiper-button-next:after,.product .cont .main .pro .pro_img .pro2 .swiper-button-prev:after{font-size: 1vw;color:#fff;}
.product .cont .main .pro .pro_img .pro2:hover .swiper-button-next,.product .cont .main .pro .pro_img .pro2:hover .swiper-button-prev{opacity: 1;}
.product .cont .main .pro .pro_img .pro2 .swiper-button-next:hover, .product .cont .main .pro .pro_img .pro2 .swiper-button-prev:hover{background: #044493;}
.product .cont .main .pro .pro_info{width: 45%;}
.product .cont .main .pro .pro_info .t1{font-size: 1.58vw;color: #000;font-weight: bold;}
.product .cont .main .pro .pro_info .t2{font-size:1vw;color: #044493;margin-top: 20px;}
.product .cont .main .pro .pro_info .email{display: flex;align-items: center;margin-top: 2vw;}
.product .cont .main .pro .pro_info .email p{display: flex;align-items: center;font-size: 1vw;font-weight: bold;color: #666;}
.product .cont .main .pro .pro_info .email img{width: 1.8vw;margin-right: .25vw;}
.product .cont .main .pro .pro_info .txt{margin-top: 1vw;font-size: .88vw;color: #666;line-height: 2;}
.product .cont .main .pro .pro_info .wl{display: flex;align-items: center;margin-top: 2vw;padding: 1vw 0;border-bottom: 1px solid #eee;border-top: 1px solid #eee;}
.product .cont .main .pro .pro_info .wl img{width: 1.25vw;border-radius: 6px;}
.product .cont .main .pro .pro_info .wl p{font-size: .85vw;font-weight: bold;margin-left: .2vw;color: #666;}
.product .cont .main .pro .pro_info .wl dl{display: flex;align-items: center;}
.product .cont .main .pro .pro_info .wl dl dd{margin-left: .5vw;}
.product .cont .main .pro .pro_info .wl dl dd img{width: 2vw;}
.product .cont .main .title{position: relative;color: #fff;font-size: 1.1vw;background: #044493;padding: .5vw 0;padding-left: 1.2vw;margin:3vw 0 1.5vw;font-weight: bold;}
.product .cont .main .title:after{position: absolute;content: "";left: .35vw;top: 0;width: 4px;height: 100%;background: #fff;}
.product .cont .main .pdel .text p{font-size:.9vw;line-height:2}
.product .cont .main .pdel .text p span{font-size: .9vw !important;}
.product .cont .main .pdel .text h3{font-size: 1.05vw;padding-bottom: 1vw;margin-bottom: 1vw;position: relative;color: #044493;}
.product .cont .main .pdel .text h3:after{position: absolute;content: "";left: 0;bottom: 0;width: 2vw;height: 3px;background: #044493;}
.product .cont .main .pdel .text h4{color: #000;font-weight: bold;margin: .58vw 0;font-size: .95vw;}
.product .cont .main .pdel .text table{border-spacing: 0;border-collapse: collapse;width: 100% !important;margin: 20px 0;}
.product .cont .main .pdel .text table td,.product .cont .main .pdel .text 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;}
.product .cont .main .pdel .text table td span,.product .cont .main .pdel .text table td,.product .cont .main .pdel .text table th span{font-family: initial !important;}
.product .cont .main .pxz{margin-top: 3vw;}
.product .cont .main .pxz ul li{background: #F5F5F5;padding:2vw 1.5vw;border-radius: 20px;margin-bottom: 1vw;display: flex;align-items: center;justify-content: space-between;transition: all 0.5s;cursor: auto;}
.product .cont .main .pxz ul li:nth-last-child(1){margin-bottom: 0;}
.product .cont .main .pxz ul li .icon{width: 2.88vw;}
.product .cont .main .pxz ul li .icon img{transition: all 0.5s;}
.product .cont .main .pxz ul li .text{width: calc(100% - 4vw);}
.product .cont .main .pxz ul li .text .t1{font-size: 1.23vw;color: #044493;font-weight: bold;transition: all 0.5s;}
.product .cont .main .pxz ul li .text .t2{font-size: .85vw;color: #666;line-height: 1.68;margin-top: .58vw;transition: all 0.5s;}
.product .cont .main .pxz ul li:hover{background: #044493;transform: translateY(-10px);}
.product .cont .main .pxz ul li:hover .icon img{filter: brightness(0) invert(1);}
.product .cont .main .pxz ul li:hover .text .t1,.product .cont .main .pxz ul li:hover .text .t2{color: #fff;}
.product .cont .main .pca{position: relative;}
.product .cont .main .pca .pro3{padding:5px 3px;position: relative;}
.product .cont .main .pca .item{background: #fff;box-shadow: 0 0 6px rgb(0 0 0 / 10%);border-radius: 5px;}
.product .cont .main .pca .item a{padding: .5vw;display: block;}
.product .cont .main .pca .item .img{padding-bottom: 100%;position:relative;overflow:hidden;border-radius: 5px;}
.product .cont .main .pca .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.product .cont .main .pca .item:hover .img img{transform:scale(1.04)}
.product .cont .main .pca .item .info .t1{font-size: 1vw;color:#333;font-weight:700;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;margin-top: 1vw;}
.product .cont .main .pca .item .info .bt{text-decoration:underline;font-size:.85vw;color:#333;margin-top: 2vw;}
.product .cont .main .pca .item:hover .info .t1,.product .cont .main .pca .item:hover .info .bt{color: #044493;}
.product .cont .main .pca .swiper-button-next,.product .cont .main .pca .swiper-button-prev{width: 2.68vw;height: 2.68vw;border-radius: 50%;background: #666666;}
.product .cont .main .pca .swiper-button-next:after,.product .cont .main .pca .swiper-button-prev:after{font-size: 1vw;color:#fff;}
.product .cont .main .pca .swiper-button-next:hover, .product .cont .main .pca .swiper-button-prev:hover{background: #044493;}
.product .cont .main .plx{margin-top: 3vw;}
.product .cont .main .plx .input{margin-bottom:1vw}
.product .cont .main .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 .cont .main .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 .cont .main .plx .input input:focus,.product .cont .main .plx .input textarea:focus{border: 1px solid #044493;}
.product .cont .main .plx .submit{background: #666666;border-radius: 30px;text-align: center;position: relative;width: max-content;margin: 0 auto;margin-right: 0;}
.product .cont .main .plx .submit input{font-size: .9vw;transition: all .5s;color: #fff;z-index: 9;position: relative;background: none;font-weight: bold;padding: .68vw 4vw;}
.product .cont .main .plx .submit:before{width:100%;height:100%;position:absolute;left:0;top:0;background: #044493;content:'';border-radius: 40px;transition: all .5s cubic-bezier(.175, .885, .32, 1.275);transform: scale(0);z-index: 1;}
.product .cont .main .plx .submit:hover:before{transform: scale(1.05);}
.product .cont .main .plx .yzm{width: 45%;height: 2.4vw;background:#e5e7eb;border-radius: 24px;position:relative;overflow:hidden;user-select:none;}
.product .cont .main .plx .yzm .mask{height:100%;background:#044493;border-radius:22px 0 0 22px;width:0;transition:.3s}
.product .cont .main .plx .yzm .der{width: 2.3vw;height: 2.3vw;background:#fff;border-radius:50%;box-shadow:0 2px 8px #0002;position:absolute;top: 1px;left: 1px;cursor:grab;display:grid;place-items:center;font-weight:700;color:#044493;font-size: 1vw;}
.product .cont .main .plx .yzm .tip{display:grid;place-items:center;color:#333;font-size: .8vw;pointer-events:none;transform:translate(0 , -50%);left:0;top:50%;width:100%;position:absolute;transition:.3s;}
.product .cont .main .plx .yzm.success .mask{background:#00b42a}
.product .cont .main .plx .yzm.success .tip{color:#fff}
.product .cont .main .plx .yzm.success .der{color:#00b42a}
.product .cont .main .plx .yzm.err .der{color:#f53f3f}
.product .cont .main .prem .item{width: 32%;margin-bottom: 2%;margin-right: 2%;background: #fff;box-shadow: 0 0 6px rgb(0 0 0 / 10%);border-radius: 10px;}
.product .cont .main .prem .item:nth-child(3n+3){margin-right: 0;}
.product .cont .main .prem .item a{padding: 1vw;display: block;}
.product .cont .main .prem .item .img{overflow: hidden;transition:all .5s ease;}
.product .cont .main .prem .item .img img{transition:all .5s ease;}
.product .cont .main .prem .item:hover .img img{transform:scale(1.04)}
.product .cont .main .prem .item .info{position: relative;padding-bottom: 1.2vw;}
.product .cont .main .prem .item .info:after{content: '';width: 20%;height: 1px;background-color: #333;position: absolute;right: 0;left: 0;bottom: 0;margin: 0 auto;transition: all .4s ease;}
.product .cont .main .prem .item:hover .info:after{width: 90%;background-color: #044493;}
.product .cont .main .prem .item .info .t1{font-size: 1.05vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp: 1;overflow:hidden;text-align:center;margin: 1.5vw 0 .5vw;}
.product .cont .main .prem .item .info .t2{text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.85vw;color:#666;line-height:1.58}
.product .cont .main .prem .item .info .bt{text-align:center;margin-top:1vw;text-decoration:underline;font-size:.85vw;color:#333}
.product .cont .main .prem .item:hover .info .t1{color: #044493;}
@media screen and (max-width:1080px){
.product{padding: 60px 0;}
.product .cont .main{width: 65%;}
.product .cont .main .pcont{padding: 20px;}
.product .cont .main .pro .pro_img{width: 50%;}
.product .cont .main .pro .pro_img .pro2 .swiper-button-next,.product .cont .main .pro .pro_img .pro2 .swiper-button-prev{width: 36px;height: 36px;}
.product .cont .main .pro .pro_img .pro2 .swiper-button-next:after, .product .cont .main .pro .pro_img .pro2 .swiper-button-prev:after{font-size: 14px;}
.product .cont .main .pro .pro_info{width: 45%;}
.product .cont .main .pro .pro_info .t1{font-size: 24px;}
.product .cont .main .pro .pro_info .t2{font-size: 16px;}
.product .cont .main .pro .pro_info .email{margin-top: 20px;}
.product .cont .main .pro .pro_info .email img{width: 28px;margin-right: 5px;}
.product .cont .main .pro .pro_info .email p{font-size: 15px;}
.product .cont .main .pro .pro_info .txt{font-size: 14px;margin-top: 15px;}
.product .cont .main .pro .pro_info .wl{margin-top: 20px;padding: 15px 0;}
.product .cont .main .pro .pro_info .wl img{width: 20px;}
.product .cont .main .pro .pro_info .wl p{font-size: 14px;margin-left: 5px;}
.product .cont .main .pro .pro_info .wl dl dd{margin-left: 8px;}
.product .cont .main .pro .pro_info .wl dl dd img{width: 30px;}
.product .cont .main .title{font-size: 18px;padding: 8px 0;padding-left: 20px;margin: 40px 0 20px;}
.product .cont .main .title:after{left: 5px;}
.product .cont .main .pdel .text p{font-size: 15px;}
.product .cont .main .pdel .text p span{font-size: 15px !important;}
.product .cont .main .pdel .text table{overflow-x: scroll;width: max-content;}
.product .cont .main .pdel .text table td,.product .cont .main .pdel .text table th{padding: 4px;}
.product .cont .main .pdel .text h3{font-size: 18px;margin-bottom: 15px;padding-bottom: 15px;}
.product .cont .main .pdel .text h3:after{width: 25px;}
.product .cont .main .pxz ul li{margin-bottom: 15px;padding: 25px 20px;}
.product .cont .main .pxz ul li .icon{width: 40px;}
.product .cont .main .pxz ul li .text{width: calc(100% - 60px);}
.product .cont .main .pxz ul li .text .t1{font-size: 18px;}
.product .cont .main .pxz ul li .text .t2{font-size: 14px;margin-top: 10px;}
.product .cont .main .plx .input{margin-bottom:2vw}
.product .cont .main .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 .cont .main .plx .input textarea{width: calc(100% - 3vw);height: 10vw;line-height: 6vw;font-size: 1.2vw;padding: 0 1.5vw;border-radius: 6px;}
.product .cont .main .plx .submit{margin-top: 20px;margin-right: auto;}
.product .cont .main .plx .submit input{font-size: 15px;padding: 11px 40px;}
.product .cont .main .plx .yzm{height: 38px;width: 100%;margin-top: 15px;}
.product .cont .main .plx .yzm .der{width: 37px;height: 37px;font-size: 18px;}
.product .cont .main .plx .yzm .tip{font-size: 13px;}
.product .cont .main .pca .item a{padding: 15px;}
.product .cont .main .pca .item .info .t1{font-size: 16px;margin-top: 15px;}
.product .cont .main .pca .item .info .bt{font-size: 16px;margin-top: 15px;}
.product .cont .main .prem a{padding: 15px;}
.product .cont .main .prem .info .t1{font-size: 17px;margin: 15px 0;}
.product .cont .main .prem .info .t2{font-size: 14px;}
}
@media screen and (max-width:768px){
.product .cont .main{width: 100%;}
.product .cont .main .plx .input{margin-bottom: 20px;}
.product .cont .main .plx .input input{width: calc(100% - 30px);height: 35px;line-height: 35px;font-size: 13px;padding: 0 15px;}
.product .cont .main .plx .input textarea{width: calc(100% - 3vw);height: 10vw;line-height: 3.5vw;font-size: 1.2vw;padding: 0 1.5vw;}
.product .cont .main .pca .swiper-button-next,.product .cont .main .pca .swiper-button-prev{width: 36px;height: 36px;}
.product .cont .main .pca .swiper-button-next:after, .product .cont .main .pca .swiper-button-prev:after{font-size: 14px;}
.product .cont .main .prem .item{width: 48.5%;margin-bottom: 3%;border-radius: 5px;}
.product .cont .main .prem .item:nth-child(odd){margin-right: 3%;}
.product .cont .main .prem .item:nth-child(even){margin-right: 0;}
.product .cont .main .prem .item:nth-child(3){display: none;}
}
@media screen and (max-width:580px){
.product{padding:30px 0;}
.product .cont .main .pro .pro_img{width: 100%;}
.product .cont .main .pro .pro_info{width: 100%;margin-top: 20px;}
.product .cont .main .pro .pro_info .t1{font-size: 20px;}
.product .cont .main .pro .pro_info .t2{font-size: 15px;margin-top: 5px;}
.product .cont .main .pro .pro_info .txt{margin-top: 10px;}
.product .cont .main .pro .pro_info .email{margin-top: 15px;}
.product .cont .main .pro .pro_info .email img{width: 24px;}
.product .cont .main .pro .pro_info .email p{font-size: 15px;}
.product .cont .main .pro .pro_info .wl{margin-top: 15px;}
.product .cont .main .pro .pro_info .wl img{width: 18px;}
.product .cont .main .pro .pro_info .wl p{font-size: 14px;}
.product .cont .main .pro .pro_info .wl dl dd{margin-left: 10px;}
.product .cont .main .title{padding: 6px 0;margin-bottom: 15px;padding-left: 20px;margin: 25px 0 15px;}
.product .cont .main .pdel .text p{font-size: 14px;line-height: 2;}
.product .cont .main .pdel .text p span{font-size: 14px !important;}
.product .cont .main .pdel .text table td,.product .cont .main .pdel .text table th{font-size: 14px;padding: 5px;text-align: center;}
.product .cont .main .pdel .text h3{font-size: 16px;margin-bottom: 10px;padding-bottom: 10px;}
.product .cont .main .pdel .text h3:after{width: 20px;}
.product .cont .main .pxz ul li{margin-bottom: 12px;padding: 20px 15px;border-radius: 10px;}
.product .cont .main .pxz ul li .icon{width: 36px;}
.product .cont .main .pxz ul li .text{width: calc(100% - 52px);}
.product .cont .main .plx .input{margin-bottom: 15px;}
.product .cont .main .plx .input input{font-size: 12px;}
.product .cont .main .plx .input textarea{height: 80px;line-height: 35px;font-size: 12px;padding: 0 15px;}
.product .cont .main .plx .submit{margin-top: 20px;}
.product .cont .main .plx .submit input{font-size: 14px;padding: 8px 30px;}
.product .cont .main .pca .item{border-radius: 5px;}
.product .cont .main .pca .item a{padding: 12px;}
.product .cont .main .pca .item .info .t1{font-size: 15px;margin-top: 12px;}
.product .cont .main .pca .item .info .bt{font-size: 14px;}
.product .cont .main .pca .item .img{border-radius: 5px;}
.product .cont .main .prem a{padding: 10px;padding-bottom: 20px;}
.product .cont .main .prem .info .t1{font-size: 17px;margin: 10px 0;}
}


/* about */
.about{padding:4vw 0}
.about .t1{font-size:1.5vw;text-align:center}
.about .cont p{font-size: .85vw;line-height: 2;color: #333;margin: .35vw 0;}
@media screen and (max-width:1080px){
.about{padding:60px 0}
.about .t1{font-size:30px}
.about .cont p{font-size: 15px;margin: 5px 0;}
}
@media screen and (max-width:520px){
.about{padding:40px 0}
.about .t1{font-size:22px}
.about .cont p{font-size: 14px;margin: 4px 0;}
}


/* about01 */
.about01{padding: 4vw 0;}
.about01 .title{color: #333;font-size: 2.089866vw;font-weight: bold;margin-bottom: 3vw;text-align: center;}
.about01 .item{display: flex;align-items: center;flex-wrap: wrap;}
.about01 .item .img{width: 50%;}
.about01 .item .img img{width: 100%;}
.about01 .item .info{width: 50%;}
.about01 .item .info .text{padding: 6%;}
.about01 .item .info .text p{font-size: .941vw;color: #333;line-height: 1.88;margin-bottom: .68vw;}
.about01 .item:nth-child(1) .info .text p:nth-child(1){font-size: 1.2vw;font-weight: bold;}
.about01 .item .info .text p:nth-last-child(1){margin-bottom: 0;}
@media screen and (max-width: 1080px){
.about01{padding: 60px 0;}
.about01 .title{font-size: 30px;margin-bottom: 40px;}
.about01 .item .info .text p{font-size: 15px;line-height: 1.88;margin-bottom: 8px;}
.about01 .item .info .text p:nth-child(1){font-size: 18px;}
}
@media screen and (max-width: 880px){
.about01 .item .img{width: 100%;}
.about01 .item .info{width: 100%;}
.about01 .item:nth-child(1){margin-bottom: 25px;}
.about01 .item:nth-child(1) .img{order: 1;}
.about01 .item .info .text{padding: 0;margin-bottom: 25px;}
}
@media screen and (max-width: 520px){
.about01{padding: 30px 0;}
.about01 .title{font-size: 22px;margin-bottom: 25px;}
.about01 .item:nth-child(1){margin-bottom: 20px;}
.about01 .item .info .text{margin-bottom: 20px;}
.about01 .item .info .text p{font-size: 14px;margin-bottom: 8px;line-height: 24px;}
.about01 .item:nth-child(1) .info .text p:nth-child(1){font-size: 18px;}
}


/* about02 */
.about02{position: relative;padding: 4vw 0 5vw;}
.about02:after{background: linear-gradient(to bottom, #044493, #84a3ca);width: 100%;height: 20vw;position: absolute;content: "";left: 0;top: 0;}
.about02 .title{color: #fff;font-size: 2.089866vw;font-weight: bold;margin-bottom: 3vw;text-align: center;position: relative;z-index: 9;}
.about02 .cont .ab2{padding: 2vw 5px;}
.about02 .cont .item{transition:all .5s;background-color: #fff;padding: 2vw;box-shadow: 0 0 5px rgba(0, 0, 0, .1);border-radius: 8px;}
.about02 .cont .swiper-slide-active{z-index: 99;}
.about02 .cont .swiper-slide-active .item{transform: scale(1.2);z-index: 99;position: relative;}
.about02 .cont .item .icon img{width: 2.613vw;}
.about02 .cont .item .t1{color: #1D0918;font-size: 1.28vw;font-weight: bold;margin: 1vw 0 1vw;}
.about02 .cont .item .text{font-size: .8vw;color: #333;line-height: 1.8;height: 7.5vw;}
@media screen and (max-width: 1080px){
.about02{padding: 60px 0;}
.about02:after{height: 200px;}
.about02 .title{font-size: 30px;margin-bottom: 40px;}
.about02 .cont .swiper-slide{height: auto;box-shadow: 0 0 5px rgba(0, 0, 0, .1);border-radius: 8px;background-color: #fff;transition: all .5s;}
.about02 .cont .swiper-slide-active{transform: scale(1.1);}
.about02 .cont .swiper-slide-active .item{transform: scale(1);}
.about02 .cont .item{padding: 20px;box-shadow:none;}
.about02 .cont .item .icon img{width: 45px;}
.about02 .cont .item .t1{margin: 15px 0;font-size: 24px;}
.about02 .cont .item .text{font-size: 14px;height: auto;}
}
@media screen and (max-width:520px){
.about02{padding: 30px 0;}
.about02 .title{font-size: 22px;margin-bottom: 30px;}
.about02:after{height: 150px;}
.about02 .cont .ab2{padding: 3px;}
.about02 .cont .swiper-slide-active{transform: scale(1);}
.about02 .cont .item{padding: 18px;}
.about02 .cont .item .icon img{width: 40px;}
.about02 .cont .item .t1{margin: 12px 0;font-size: 20px;}
.about02 .cont .item .text{line-height: 24px;}
}


/* about03 */
.about03{padding: 4vw 0;background: #F5F5F5;}
.about03 .title{color: #333;font-size: 2.089866vw;font-weight: bold;margin-bottom: 3vw;text-align: center;}
.about03 .cont{margin-top: 4vw;display: flex;flex-wrap: wrap;justify-content: space-between;}
.about03 .cont .left{margin-top: 4vw;position: sticky;top: 10vw;height: max-content;}
.about03 .cont .left .num{font-size: 12vw;font-family: "BebasNeue-Regular";color: #CED3DC;letter-spacing: 1px;}
.about03 .cont .left .num span{color: #044493;position: relative;font-weight: bold;}
.about03 .cont .left .num span::after{position: absolute;content: "";width: 18vw;height: 18vw;border-radius: 100%;border: 2px solid #044493;border-left-color: #ccc;left: -2vw;top: -1vw;z-index: 1;clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);animation: ab3_1Rotate 15s infinite linear;}
.about03 .cont .right{width: 50%;overflow-y: auto;max-height: 38vw;padding-right: 5vw;}
.about03 .cont .right .item{padding: 1.5vw 0;border-top: 1px solid #ccc;font-family: "BebasNeue-Regular";}
.about03 .cont .right .item .t1{font-size: 1.68vw;font-weight: bold;margin-bottom: 1vw;}
.about03 .cont .right .item p{font-size:.85vw;color: #666;line-height: 1.6;cursor: pointer;}
.about03 .cont .right .item p strong{color: #000;margin-right: 2vw;font-size: 1.1vw;}
.about03 .cont .right .item p:hover{color: #044493;}
.about03 .cont .right .item p:hover strong{color: #044493;}
@keyframes ab3_1Rotate{0%{transform:rotate(0)}
100%{transform:rotate(-360deg)}
}
@media screen and (max-width:1080px){
.about03{padding: 60px 0;}
.about03 .title{font-size: 30px;margin-bottom: 40px;}
.about03 .cont{margin-top: 40px;}
.about03 .cont .right{max-height: 55vw;padding-right: 5%;}
.about03 .cont .right .item{padding: 20px 0;}
.about03 .cont .right .item .t1{font-size: 26px;}
.about03 .cont .right .item p{font-size: 15px;line-height: 2;}
.about03 .cont .right .item p strong{font-size: 18px;}
}
@media screen and (max-width:768px){
.about03 .cont .left{top: 15.8vw;}
.about03 .cont .left .num{font-size: 100px;}
.about03 .cont .left .num span::after{width: 150px;height: 150px;left: -40px;top: -20px;}
}
@media screen and (max-width:580px){
.about03{padding: 30px 0;}
.about03 .title{font-size: 22px;margin-bottom: 30px;}
.about03 .cont{margin-top: 30px;}
.about03 .cont .left{display: none;}
.about03 .cont .right{width: 100%;max-height: 410px;}
.about03 .cont .right .item{padding: 12px 0;}
.about03 .cont .right .item .t1{font-size: 22px;margin-bottom: 5px;}
.about03 .cont .right .item p{font-size: 14px;line-height: 26px;}
}


/* case */
.case{padding: 4vw 0;background: #eeeeee;background-size: cover;overflow: hidden;}
.case .title{color: #044493;font-size: 1.5vw;font-weight: bold;display: flex;align-items: center;margin: 2vw 0;}
.case .catext{position: relative;display: flex;align-items: center;margin-bottom: 2vw;min-height: 30vw;}
.case .catext .left{background: #fff;padding: 3vw 6vw 3vw 3vw;width: 41vw;position: relative;border-top-right-radius: 24px;}
.case .catext .left:after{position: absolute;content: "";left: 0;top: 2.1vw;height: 4vw;width: 4px;background: #044493;}
.case .catext .left .tit{margin-bottom: 2vw;position: relative;}
.case .catext .left .tit .cn{color:#242424;font-size:1.8vw;z-index: 9;position: relative;}
.case .catext .left .text,.case .catext .left .text p,.case .catext .left .text span{font-size: .845vw !important;color: #333;line-height: 2 !important;font-family: AlibabaPuHuiTi-Regular !important;}
.case .catext .left .ewm{position: absolute;right: 0;top: 0;z-index: 9;background: #fff;padding: .58vw;text-align: center;border-top-right-radius: 24px;border-bottom-right-radius: 24px;}
.case .catext .left .ewm img{width:6vw}
.case .catext .left .ewm{position: absolute;right: 0;top: 0;z-index: 9;background: #fff;padding: .58vw;text-align: center;border-top-right-radius: 24px;border-bottom-right-radius: 24px;}
.case .catext .left .ewm p{font-size:.8vw;color:#7a8799;padding:.2vw 0}
.case .catext .left .icon{position: absolute;right: -8.5vw;bottom: -3.5vw;}
.case .catext .left .icon img{width: 18vw;}
.case .catext .right{width:38vw;position:absolute;right:0;top:4vw;}
.case .catext .right .img{position: relative;height: 550px;}
.case .catext .right .img:after{position: absolute;height: 100%;width: 100%;content: "";left: 0;top: 0;background: linear-gradient(0deg, #044493d1 10%, transparent 45%);z-index: 1;border-bottom-right-radius: 15px;border-bottom-left-radius: 15px;}
.case .catext .right .img img{border-radius: 15px;width: 100%;height: 100%;object-fit: cover;}
.case .cacont .cont{background: #fff;border-radius: 15px;padding: 2vw;}
.case .cacont .cont p,.case .cacont .cont span{color: #333;line-height: 2 !important;font-size: .845vw !important;margin: .5vw 0;}
.case .cacont .cont img{margin: .8vw 0;text-indent: 0;}
.case .cacont .cont table{width: 100%;border-collapse: collapse;}
.case .cacont .cont table tr{border-bottom: 1px solid #eee;}
.case .cacont .cont table td{width: 50%;padding: .28vw .58vw !important;line-height: 1.88;font-size: .845vw !important;vertical-align: middle;}

@media only screen and (max-width: 1080px){
.case{padding: 40px 0 60px;}
.case .title{font-size: 22px;margin: 30px 0;}
.case .title img{width: 28px;}
.case .catext{margin-bottom: 30px;flex-wrap: wrap;}
.case .catext .left{padding: 60px 90px 40px 40px;width: 45%;}
.case .catext .left:after{height: 100px;top: 35px;}
.case .catext .left .tit .cn{font-size: 30px;}
.case .catext .left .text,.case .catext .left .text p,.case .catext .left .text span{font-size: 15px !important;}
.case .catext .left .ewm{padding: 10px;border-top-right-radius: 0px;border-bottom-right-radius: 15px;}
.case .catext .left .ewm img{width: 90px;}
.case .catext .left .ewm p{font-size: 14px;padding: 5px 0;}
.case .catext .right{width: 49%;top: 0;}
.case .catext .right .img:after{border-bottom-right-radius: 10px;border-bottom-left-radius: 10px;}
.case .catext .right .img img{border-radius: 10px;}
.case .cacont .cont{padding: 20px;border-radius: 10px;}
.case .cacont .cont p,.case .cacont .cont span{font-size: 15px !important;margin: 4px 0;}
.case .cacont .cont img{margin: 10px 0;}
.case .cacont .cont table td{padding:10px 5px;padding: 8px !important;font-size: 15px !important;}
}
@media only screen and (max-width:850px){
.case .catext .left{width: auto;padding: 60px 30px 30px 30px;}
.case .catext .left .text,.case .catext .left .text p,.case .catext .left .text span{}
.case .catext .right{position: initial;width: 100%;}
}
@media only screen and (max-width:768px){
.case .catext .left .tit .cn{font-size: 26px;}
}
@media only screen and (max-width:520px){
.case{padding: 20px 0 30px;}
.case .title{font-size: 20px;margin: 0px 0 25px;}
.case .title img{width: 23px;}
.case .catext{margin-bottom: 30px;}
.case .catext .left{padding: 40px 15px 15px 15px;}
.case .catext .left:after{height: 60px;top: 25px;width: 3px;}
.case .catext .left .tit .cn{font-size: 22px;}
.case .catext .left .text{font-size: 14px !important;line-height: 26px !important;margin-top: 58px;}
.case .cacont .cont{padding: 15px;margin-bottom: 25px;}
.case .cacont .cont p,.case .cacont .cont span{font-size: 14px !important;margin: 3px 0;line-height: 26px !important;display: contents;}
.case .cacont .cont img{margin: 8px 0;}
.case .cacont .cont table td{padding:8px 4px;font-size: 14px !important;}
}