/* title */
.nei_tit{position: relative;text-align: center;}
.nei_tit .title{font-size: 2.4vw;color: #162648;font-weight: bold;letter-spacing: 2px;}
@media screen and (max-width:1080px){
.nei_tit .title{font-size: 3vw;}
}
@media screen and (max-width:768px){
.nei_tit .title{font-size: 26px;}
}
@media screen and (max-width:520px){
.nei_tit{margin-bottom: 25px;}
.nei_tit .title{font-size:22px}
}

/* banner */
.banner{margin-top: 5.5vw;position: relative;}
.banner .img img{width: 100%;}
.banner .info{position: absolute;left: 0;top: 40%;transform: translate(0%,-50%);width: 100%;}
.banner .info .t1{color: #162648;font-size: 2.6vw;font-weight: bold;}
.banner .info .bom{position: relative;width: 3vw;height: 3vw;background: #fff;border-radius: 50%;display: flex;justify-content: center;align-items: center;transform: translate(0%,5vw);}
.banner .info .bom::after{border:1px dashed #fff;animation: rotateZ 20s linear infinite;position: absolute;content: "";width: 4vw;height: 4vw;border-radius: 50%;z-index: -1;}
.banner .info .bom span img{width: 1.568vw;animation: aniY 1.2s infinite cubic-bezier(.36, 0,.7,1) alternate backwards;}
@keyframes rotateZ{
from {transform:rotateZ(0deg);}
to {transform: rotateZ(360deg);}
}	
@keyframes aniY{
0% {transform:translateY(0);}
100% {transform:translateY(.3rem);}
}  
@media screen and (max-width:1080px){
.banner{margin-top: 95px;}
.banner .info .t1{font-size: 32px;}
.banner .info .bom{display: none;}
}
@media screen and (max-width:768px){
.banner .info .t1{font-size: 26px;}
.banner .info .crumb a{font-size: 14px;}
}
@media screen and (max-width:520px){
.banner{margin-top: 87px;}
.banner .info .t1{font-size: 22px;}
.banner .img{height: 168px;}
.banner .img img{height: 100%;object-fit: cover;}
}


/* lav */
.lav{display: flex;align-items: center;justify-content: space-between;background: #F5F5F5;height: 4vw;line-height: 4vw;}
.lav .left{width: 32%;background-color: #162648;}
.lav .left .crumb{display: flex;align-items: center;color: #fff;padding-left: 6vw;}
.lav .left .crumb img{filter: brightness(0) invert(1);width: 2.09vw;margin-right: 3vw;}
.lav .left .crumb a{font-size: .85vw;margin: 0 1.2vw;}
.lav .left .crumb a:nth-child(1){margin-left: 0;}
.lav .left .crumb a:hover{text-decoration: revert;}
.lav .right{width: 60%;padding: 0 6%;}
.lav .right ul{display: flex;}
.lav .right ul li{display:inline-block;position:relative;z-index:1;margin-right: 4vw;}
.lav .right ul li:nth-child(1){margin-left: 0;}
.lav .right ul li:nth-last-child(1){margin-right: 0;}
.lav .right ul li a{display:block;font-size: .85vw;color: #333;position:relative;letter-spacing: 2px;transition:all .5s;position: relative;}
.lav .right ul li a:before{position: absolute;content: "";right: -50%;top: 35%;height: 30%;width: 1px;background: #0000001f;}
.lav .right ul li a:after{content:'';position:absolute;left:50%;bottom: 8px;height: 2px;width:0;background: #162648;transition:All 0.5s ease;-webkit-transition:All 0.5s ease;-moz-transition:All 0.5s ease;-o-transition:All 0.5s ease;}
.lav .right ul li:nth-last-child(1) a:before{display: none;}
.lav .right ul li.cur a, .lav .right ul li a:hover{color: #162648;font-weight: bold;}
.lav .right ul li.cur a:after, .lav .right ul li a:hover:after{width: 100%; left: 0;}
@media screen and (max-width:1280px){
.lav .left .crumb img{margin-right: 0;}
}
@media screen and (max-width:1080px){
.lav{height: 60px;line-height: 60px;}
.lav .left{display: none;}
.lav .right{margin: 0;width: 100%;}
.lav .right ul{justify-content: center;}
.lav .right ul li{margin-right: 40px;}
.lav .right ul li a{font-size: 15px;}
.lav .right ul li a:before{right: -25%;}
}
@media screen and (max-width:880px){
.lav{overflow-x: auto;}
.lav .right ul{width: max-content;margin: 0 auto;}
.lav .right ul li:nth-last-child(1){margin-right: 20px;}
}
@media screen and (max-width:520px){
.lav{height: 50px;line-height: 50px;}
.lav .right ul li a{font-size: 14px;}
}


/* product */
.product .pban{margin-top: 5.4vw;background: url(../images/pban_bg.jpg);background-size: cover;background-position: center;height: calc(95vh - 5.1vw);overflow: hidden;}
.product .pban .crumb{display: flex;align-items: center;color: #000;padding-top: 1.5vw;}
.product .pban .crumb img{max-width: 1.1vw;}
.product .pban .crumb a{font-size: .83vw;margin: 0 .3vw;}
.product .pban .crumb a:nth-child(1){margin-left: 0;}
.product .pban .crumb a:hover{color: #162648;text-decoration: revert;}
.product .pban .cont{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;padding-top: 90px;}
.product .pban .cont .left .xl{font-size: 2vw;color: #162648;font-weight: 300;}
.product .pban .cont .left .t1{font-size: 3.2vw;color: #162648;font-weight: bold;}
.product .pban .cont .left .aniu{background: #162648;margin-top: 4vw;}
.product .pban .cont .left .aniu a{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;z-index: 9;position: relative;}
.product .pban .cont .left .aniu p{font-size: .92vw;font-weight: bold;color: #fff;transition: all .5s ease-in-out;}
.product .pban .cont .left .aniu img{max-width: .7vw;margin-left: 1vw;transition: all .5s ease-in-out;filter: brightness(0) invert(1);}
.product .pban .cont .right{width: 43vw;position: relative;}
.product .pban .cont .right .img img{width: 100%;}
.product .pban .cont .right .dimg{transform: scaleX(-1) rotateX(0deg) rotateY(360deg) rotateZ(190deg);position: absolute;top: 93%;left: 0;padding-left: 6%;width: 100%;opacity: .15;}
.product .pban .cont .right .dimg img{-webkit-mask: linear-gradient(to bottom, rgb(255 255 255 / 0%) 30%, rgb(0 0 0) 100%);}
.product .pcont{position: relative;overflow: hidden;}
.product .pcont .title{font-size: 1.88vw;color: #162648;font-weight: bold;text-align: center;margin-bottom: 3vw;}
.product .pcont .plogo{position: absolute;top: 8vw;left: 0;}
.product .pcont .plogo img{max-width: 16vw;}
.product .pcont .pys{max-width: 62vw;margin: 0 auto;padding: 70px 0;width: 93%;}
.product .pcont .pys .text{padding-left: 1vw;}
.product .pcont .pys .text p{font-size: .92vw;color: #333;margin-top: 1.2vw;position: relative;padding-left: 1.5vw;}
.product .pcont .pys .text p:nth-child(1){margin-top: 0;}
.product .pcont .pys .text p:after{content: "";position: absolute;background: url(../images/p_icon09.png);background-size: cover;width: .7vw;height: .7vw;left: 0;top: 55%;transform: translate(0 ,-50%);}
.product .pcont .pcs{padding: 70px 0;}
.product .pcont .pcs .bj{margin-top: 180px;}
.product .pcont .pcs .bj .img{background: #f7f7f7;height: auto;border-radius: 8px;transition: all .5s;padding: 1.5vw;position: relative;}
.product .pcont .pcs .bj .img img{mix-blend-mode: multiply;}
/* .product .pcont .pcs .bj .img:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;cursor: url(../images/tb4.png) 50 38, auto;} */
.product .pcont .pcs .bj .cont{position: relative;}
.product .pcont .pcs .bj.none{display: none;}
.product .pcont .pcs .bj.cent .swiper-wrapper{justify-content: center;}
.product .pcont .pcs .bj .swiper-button-prev{width: 2.4vw;height: 2.4vw;border-radius: 50%;border: 2px solid #AAAAAA;left: -7%;top: 50%;opacity: 1;}
.product .pcont .pcs .bj .swiper-button-next{width: 2.4vw;height: 2.4vw;border-radius: 50%;border: 2px solid #AAAAAA;right: -7%;top: 50%;opacity: 1;}
.product .pcont .pcs .bj .swiper-button-next:after,.product .pcont .pcs .bj .swiper-button-prev:after{color: #AAAAAA;font-size: .85vw;font-weight: bold;}
.product .pcont .pcs .bj .swiper-button-prev:hover,.product .pcont .pcs .bj .swiper-button-next:hover{background: #E60A11;border: 1px solid #E60A11;}
.product .pcont .pcs .bj .swiper-button-prev:hover:after,.product .pcont .pcs .bj .swiper-button-next:hover:after{color: #fff;}
.product .pcont .pcs .table table{width: 100%;border-collapse: collapse;padding: 0 2vw;margin-bottom: 2%;}
.product .pcont .pcs .table tr{border-bottom: 1px solid #DFE1E2;width: 100%;padding-left: 4vw;}
.product .pcont .pcs .table td{font-size: .85vw !important;color: #333;height: 2vw;padding-left: 3.5vw;}
.product .pcont .pcs .table td span{font-size: .85vw !important;}
.product .pcont .pcs .table tr:nth-child(1) td{font-weight: bold;color: #162648;border-bottom: 2px solid #E60B11;}
.product .pcont .pcs .table tr:nth-child(2){background: #F5F5F5;}
.product .pcont .pcs .table p{line-height: 2;font-size: .85vw !important;}
.product .pcont .pcs .email{display: flex;align-items: center;justify-content: center;margin: 3vw 0 2vw;color: #5E6970;font-size: .9vw;}
.product .pcont .pcs .email .icon{display: flex;align-items: center;}
.product .pcont .pcs .email .icon img{max-width: 16px;margin-right: .3vw;}
.product .pcont .pcs .email a{font-weight: bold;color: #162648;}
.product .pcont .pcs .email a:hover{text-decoration: revert;}
.product .pcont .pcs .ul{display: flex;align-items: center;justify-content: center;}
.product .pcont .pcs .ul li{width: 10vw;background: #162648;line-height: 2.4vw;text-align: center;margin: 0 .5vw;position: relative;}
.product .pcont .pcs .ul li a{display: flex;align-items: center;justify-content: center;z-index: 9;position: relative;}
.product .pcont .pcs .ul li img{max-width: 1.2vw;transition: all 0.5s;}
.product .pcont .pcs .ul li p{color: #fff;font-size: .83vw;margin-top: -.1vw;padding-left: .3vw;transition: all 0.5s;}
.product .pcont .pcs .ul li:nth-child(2){background: none;border: 1px solid #000;}
.product .pcont .pcs .ul li:nth-child(2) p{color: #000;}
.product .pcont .pcs .ul li:nth-child(2):hover img{filter: brightness(0) invert(1);}
.product .pcont .pcs .ul li:nth-child(2):hover p{color: #fff;}
.product .pcont .prem{padding: 70px 0;}
.product .pcont .prem .pro{padding: 3px 8px;padding-top: 20px;}
.product .pcont .prem .pro .swiper-slide{background: #f7f7f7;height: auto;border-radius: 8px;transition: all .5s;}
.product .pcont .prem .pro .item{padding: 1.5vw 0;}
.product .pcont .prem .pro .item .img{min-height: 10vw;text-align: center;display: flex;align-items: center;justify-content: center;}
.product .pcont .prem .pro .item .img img{width: 9vw;}
.product .pcont .prem .pro .item .t1{color: #162648;font-size: .9vw;font-weight: bold;padding: 0 2vw;margin-top: 1vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.product .pcont .prem .pro .item .t1 i{opacity: 0;}
.product .pcont .prem .pro .swiper-slide:hover{transform: translateY(-10px);box-shadow: -2px 2px 16px 3px rgba(0, 0, 0, .1);background: url(../images/p_icon06.png);background-size: cover;background-position: bottom;}
.product .pcont .prem .pro .swiper-slide:hover .item .t1{color: #fff;}
.product .pcont .prem .pro .swiper-slide:hover .item .t1 i{opacity: 1;}
.product .pcont .pform{background: url(../images/p_fbg.jpg);background-size: cover;background-position: bottom;padding: 70px 0;}
.product .pcont .pform .form{max-width: 43vw;margin: 0 auto;}
.product .pcont .pform .t1{font-size: 2.6vw;color: #162648;font-weight: bold;}
.product .pcont .pform .t2{font-size: .85vw;color: #333;margin: .5vw 0 1.5vw;}
.product .pcont .pform .pflex{display: flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.product .pcont .pform .input{width: 100%;margin-bottom: 1vw;}
.product .pcont .pform .input:nth-child(3),.product .pcont .pform .input:nth-child(4){width: 46%;}
.product .pcont .pform .input label{font-size: .85vw;font-weight: bold;color: #162648;margin-bottom: .4vw;display: block;}
.product .pcont .pform .input sup{color: red;font-size: .85vw;position: absolute;}
.product .pcont .pform .input input{height: 2.6vw;width: 100%;border: 1px solid #ccc;background: #f5f5f5;font-size: .83vw;padding: 0 1vw;border-radius: 3px;}
.product .pcont .pform .input textarea{height: 5vw;width: 100%;border: 1px solid #ccc;background: #f5f5f5;font-size: .83vw;padding: 1vw;border-radius: 3px;font-family: initial;}
.product .pcont .pform .submit{width: 11vw;height: 2.6vw;background: #162648;display: flex;justify-content: space-between;align-items: center;position: relative;margin-top: .5vw;}
.product .pcont .pform .submit input{background: none;color: #fff;font-size: .85vw;font-weight: bold;width: 100%;height: 100%;text-align: left;padding-left: 1.5vw;transition: all .5s;z-index: 9;position: relative;}
.product .pcont .pform .submit img{position: absolute;right: 1.5vw;top: 50%;transform: translate(0 , -50%);max-width: 1.05vw;transition: all .5s;z-index: 1;}
.product .pcont .pform .input input:focus,.product .pcont .pform .input textarea:focus{border: 1px solid #162648;}
@media screen and (max-width:1440px){
.product .pban{height: auto;padding-bottom: 90px;}
}
@media screen and (max-width:1080px){
.product .pban{margin-top: 95px;padding-bottom: 60px;}
.product .pban .crumb{padding-top: 15px;}
.product .pban .crumb img{width: 18px;max-width: initial;}
.product .pban .crumb a{font-size: 16px;margin: 0 5px;}
.product .pban .cont{padding-top: 60px;}
.product .pcont .plogo{top: 11vw;}
.product .pcont .plogo img{max-width: 15vw;}
.product .pcont .title{font-size: 30px;}
.product .pban .cont .left .xl{font-size: 22px;}
.product .pban .cont .left .t1{font-size: 32px;}
.product .pban .cont .left .aniu p{font-size: 15px;}
.product .pban .cont .left .aniu img{max-width: 13px;margin-left: 10px;}
.product .pban .cont .right{width: 50vw;}
.product .pcont .pys{padding: 60px 0;max-width: 82vw;}
.product .pcont .pys .text{padding-left: 10vw;}
.product .pcont .pys .text p{font-size: 15px;line-height: 26px;padding-left: 25px;}
.product .pcont .pys .text p:after{width: 14px;height: 14px;top: 6px;transform: translate(0);}
.product .pcont .pcs{padding: 60px 0;}
.product .pcont .pcs .bj{margin-top: 90px;}
.product .pcont .pcs .bj .swiper-button-next{right: -4%;width: 36px;height: 36px;}
.product .pcont .pcs .bj .swiper-button-prev{left: -4%;width: 36px;height: 36px;}
.product .pcont .pcs .bj .swiper-button-next:after, .product .pcont .pcs .bj .swiper-button-prev:after{font-size: 16px;}
.product .pcont .pcs .table td{font-size: 14px !important;height: 35px;}
.product .pcont .pcs .table td span{font-size: 14px !important;}
.product .pcont .pcs .table p{font-size: 14 !important;}
.product .pcont .pcs .email{margin: 40px 0 25px;font-size: 16px;}
.product .pcont .pcs .ul li{line-height: 35px;width: auto;}
.product .pcont .pcs .ul li:nth-child(2):after{left: 5px;top: -5px;}
.product .pcont .pcs .ul li p{font-size: 15px;}
.product .pcont .pcs .ul li img{max-width: 14px;margin-right: 6px;}
.product .pcont .prem{padding: 60px 0;}
.product .pcont .prem .pro .item{padding: 20px 0;}
.product .pcont .prem .pro .item .t1{font-size: 16px;padding: 0 10px;margin-top: 10px;}
.product .pcont .pform{padding: 60px 0;}
.product .pcont .pform .form{max-width: 56vw;}
.product .pcont .pform .t1{font-size: 32px;}
.product .pcont .pform .t2{font-size: 15px;margin: 8px 0 15px;}
.product .pcont .pform .input label{font-size: 15px;margin-bottom: 6px;}
.product .pcont .pform .input input{height: 40px;padding:  0 10px;font-size: 14px;}
.product .pcont .pform .input textarea{height: 80px;padding: 10px;}
.product .pcont .pform .submit{width: 125px;height: 40px;margin-top: 20px;}
.product .pcont .pform .submit input{font-size: 14px;padding-left: 10px;}
.product .pcont .pform .submit img{right: 10px;max-width: 15px;}
}
@media screen and (max-width:768px){
.product .pban .crumb a{font-size: 15px;}
.product .pban .cont .left .xl{font-size: 18px;}
.product .pban .cont .left .t1{font-size: 26px;}
.product .pban .cont .left .btn{width: 115px;line-height: 32px;margin-top: 40px;}
.product .pban .cont .left .btn p{font-size: 14px;}
.product .pban .cont .left .btn img{max-width: 12px;}
.product .pcont .title{font-size: 26px;}
.product .pcont .plogo{top: 22vw;}
.product .pcont .pys{max-width: 1600px;}
.product .pcont .pcs .table{overflow: auto;}
.product .pcont .pcs .table table{width: max-content;}
.product .pcont .pcs .table td{font-size: 13px !important;}
.product .pcont .pcs .table td span{font-size: 13px !important;}
.product .pcont .pcs .ul li p{font-size: 14px;}
.product .pcont .prem .pro .item .t1{font-size: 15px;}
.product .pcont .pform .t1{font-size: 26px;}
.product .pcont .pform .form{max-width: initial;width: 93%;margin: 0 auto;}
.product .pcont .pform .input input{padding: 0;text-indent: 10px;}
.product .pcont .pform .input textarea{padding: 0;padding-top: 10px;text-indent: 10px;}
.product .pcont .prem .pro .item .img img{width: 100px;}
}
@media screen and (max-width:520px){
.product .pban{margin-top: 87px;padding-bottom: 40px;}
.product .pban .crumb a{font-size: 14px;}
.product .pban .crumb img{width: 16px;}
.product .pban .cont .left .aniu img{margin-left: 25px;}
.product .pcont .title{font-size: 22px;margin-bottom: 20px;}
.product .pban .cont{padding-top: 40px;}
.product .pban .cont .left{width: 100%;margin-bottom: 60px;}
.product .pban .cont .left .xl{font-size: 16px;}
.product .pban .cont .left .t1{font-size: 20px;}
.product .pban .cont .left .btn{width: 105px;line-height: 30px;margin-top: 30px;}
.product .pban .cont .left .btn::after{left: 5px;top: -5px;}
.product .pban .cont .left .btn img{max-width: 11px;}
.product .pban .cont .right{width: 100%;}
.product .pcont .plogo img{max-width: 120px;}
.product .pcont .pys{padding: 35px 0;}
.product .pcont .pys .text{padding-left: 0;}
.product .pcont .pys .text p{font-size: 14px;line-height: 24px;margin-top: 4px;}
.product .pcont .pcs{padding: 30px 0;}
.product .pcont .pcs .bj{margin-top: 30px;}
.product .pcont .pcs .bj .img{padding: 10px;}
.product .pcont .pcs .bj .swiper-button-next{width: 32px;height: 32px;}
.product .pcont .pcs .bj .swiper-button-prev{width: 32px;height: 32px;}
.product .pcont .pcs .bj .swiper-button-next:after, .product .pcont .pcs .bj .swiper-button-prev:after{font-size: 12px;}
.product .pcont .pcs .table td{height: 32px;padding-left: 20px;}
.product .pcont .pcs .email{margin: 30px 0 20px;}
.product .pcont .pcs .ul li{line-height: 34px;}
.product .pcont .pcs .ul li p{font-size: 13px;}
.product .pcont .pcs .ul li img{}
.product .pcont .prem{padding: 30px 0;}
.product .pcont .prem .pro{padding: 0;}
.product .pcont .prem .pro .item{padding: 15px;padding-bottom: 15px;}
.product .pcont .prem .pro .item .t1{font-size: 14px;}
.product .pcont .prem .pro .item .img img{width: 80px;}
.product .pcont .pform{padding: 30px 0;}
.product .pcont .pform .t1{font-size: 22px;}
.product .pcont .pform .t2{font-size: 14px;margin: 5px 0 15px;}
.product .pcont .pform .input{margin-bottom: 6px;}
.product .pcont .pform .input label{font-size: 14px;}
.product .pcont .pform .input input{font-size: 12px;}
.product .pcont .pform .submit{width: 120px;height: 35px;margin-top: 15px;}
.product .pcont .pform .submit input{font-size: 13px;padding-left: 15px;}
.product .pcont .pform .submit img{right: 15px;max-width: 14px;}
}


/* productlist */
.productlist{padding: 70px 0;}
.productlist .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.productlist .pro{width: 20%;box-shadow: 0 0 5px rgba(0, 0, 0, .1);border-radius: 5px 20px 5px 5px;height: max-content;}
.productlist .pro .title{background: #162648;padding: 1vw 1.25vw;border-top-right-radius: 30px;display: flex;align-items: center;justify-content: space-between;}
.productlist .pro .bar{font-size: 1.35vw;font-weight: bold;color: #fff;}
.productlist .pro .pmenu{width: 25px;height: 21px;position: relative;display: none;}
.productlist .pro .pmenu span{width:100%;height: 2px;position:absolute;background:#fff;display:block;-webkit-transition:all .35s;-webkit-transform:rotate(0);top:0;}
.productlist .pro .pmenu span:nth-child(1){width: 15px;right: 0;}
.productlist .pro .pmenu span:nth-child(2){top: 8px;}
.productlist .pro .pmenu span:nth-child(3){top: 8px;width:18px;}
.productlist .pro .pmenu:hover span:nth-child(1){width:25px}
.productlist .pro .pmenu:hover span:nth-child(3){width:25px}
.productlist .pro .pmenu.active:hover span:nth-child(2){width:0}
.productlist .pro .pmenu.active:hover span:nth-child(3){width:25px}
.productlist .pro .pmenu.active span:nth-child(2){width:0}
.productlist .pro .pmenu.active span:nth-child(1){top:9px;-webkit-transform:rotate(45deg);width:25px}
.productlist .pro .pmenu.active span:nth-child(3){top:9px;-webkit-transform:rotate(-45deg);width: 25px;}
.productlist .pro .pmenu span:nth-child(3){top: 17px;width: 15px;}
.productlist .pro .ul{padding: .5vw 0;}
.productlist .pro .ul li{line-height: 3vw;padding: 0 1.25vw;border-radius: 5px;margin-bottom: .2vw;}
.productlist .pro .ul li a{font-size: .88vw;color: #333;width: 100%;height: 100%;display: flex;align-items: center;justify-content: space-between;}
.productlist .pro .ul li a i{background: url(../images/p_icon08.png);background-size: cover;width: .836vw;height: .836vw;opacity: 0;}
.productlist .pro .ul li.cur,.productlist .pro .ul li:hover{background: #e92b30;}
.productlist .pro .ul li.cur a,.productlist .pro .ul li:hover a{color: #ffffff;}
.productlist .pro .ul li.cur a i,.productlist .pro .ul li:hover a i{opacity: 1;}
.productlist .list{width: 75%;}
.productlist .list .flex{width: 100%;}
.productlist .item{background: #DADCE0;border-radius: 6px;position: relative;width: 32%;margin-right: 2%;margin-bottom: 2%;height: max-content;}
.productlist .item:after{position: absolute;height: 100%;width: 100%;content: "";left: 0;top: 0;background: linear-gradient(0deg, #162648 0%, transparent 58%);opacity: 0;transition:all .5s;z-index: 1;border-radius: 7px;}
.productlist .item:nth-child(3n+3){margin-right: 0;}
.productlist .item a{padding: 1.5vw 1vw;display: block;}
.productlist .item .img{text-align:center;overflow:hidden;display: flex;align-items: center;justify-content: center;min-height: 12vw;position: relative;z-index: 9;}
.productlist .item .img img{transition:all .5s}
.productlist .item .info{transition:all .5s;transform: translateY(1vw);position: relative;z-index: 9;}
.productlist .item .info .t1{font-size: 1vw;margin-bottom:.5vw;transition:all .5s;min-height: 20px;}
.productlist .item .info .t2{color:#333;font-size: .9vw;transition:all .5s;}
.productlist .item .info .line{width:2.4vw;height:2px;background:#000;margin-top:.68vw;opacity: 0;transition: .5s all;}
.productlist .item:hover:after{opacity: 1;}
.productlist .item:hover .img img{transform:scale(1.06);}
.productlist .item:hover .info{transform: translateY(0);}
.productlist .item:hover .info .line{opacity: 1;background: #fff;}
.productlist .item:hover .info .t1{color: #fff;}
.productlist .item:hover .info .t2{color: #fff;}
@media screen and (max-width:1080px){
.productlist{padding: 60px 0;}
.productlist .pro{width: 25%;}
.productlist .pro .title{border-top-right-radius: 20px;padding: 15px;}
.productlist .pro .bar{font-size: 20px;}
.productlist .pro .ul li{line-height: 45px;padding: 0 15px;}
.productlist .pro .ul li a{font-size: 15px;}
.productlist .pro .ul li a i{width: 12px;height: 12px;}
.productlist .list{width: 70%;}
.productlist .item a{padding: 15px 10px;}
.productlist .item .info .t1{font-size: 16px;margin-bottom: 6px;}
.productlist .item .info .t2{font-size: 16px;}
}
@media screen and (max-width:950px){
.productlist .pro{width: 30%;}
.productlist .list{width: 65%;}
.productlist .item{width: 48.5%;margin-bottom: 3%;}
.productlist .item:nth-child(odd){margin-right: 3%;}
.productlist .item:nth-child(even){margin-right: 0;}
}
@media screen and (max-width:768px){
.productlist .pro{width: 100%;margin-bottom: 30px;height: 45px;}
.productlist .pro .title{border-top-right-radius: 0;}
.productlist .pro .bar{font-size: 18px;}
.productlist .pro .pmenu{display: block;}
.productlist .pro .ul{opacity: 0;transition: all .75s;z-index: -1;transform: translateY(100%);box-shadow: 0 0 5px rgba(0, 0, 0, .1);position: relative;background: #fff;}
.productlist .pro .ul.on{opacity: 1;z-index: 100;transform: translateY(0);}
.productlist .list{width: 100%;}
}
@media screen and (max-width:520px){
.productlist{padding:20px 0 30px;}
.productlist .pro{margin-bottom: 20px;}
.productlist .pro .title{padding: 12px 15px;}
.productlist .pro .bar{font-size: 16px;}
.productlist .pro .ul li a{font-size: 14px;}
.productlist .item{border-radius: 4px;}
.productlist .item a{padding: 15px 10px;}
.productlist .item .info .t1{margin: 10px 0 6px;font-size: 14px;}
.productlist .item .info .t2{font-size: 14px;}
.productlist .item .info .line{display: none;}
}

/* contact01 */
.contact01{padding: 35px 0 0;}
.contact01 ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.contact01 ul li{text-align: center;box-shadow: 0 0 5px rgba(0, 0, 0, .1);border: 1px solid rgb(22 38 72 / 6%);padding: 1.5vw;width: 28.5%;transition: all .3s ease;border-radius: 5px;margin-bottom: 2%;min-height: 10.5vw;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.contact01 ul li:hover{transform: translateY(-10px);box-shadow: -2px 2px 16px 3px rgba(0, 0, 0, .1);background: #fff url(../images/p_icon06.png);background-size: 102%;background-position: left;}
.contact01 ul li .icon{width: 3vw;height: 3vw;background: #162648;border-radius: 50%;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
.contact01 ul li .icon img{width: 2.08vw;}
.contact01 ul li .t1{font-size: 1.1vw;color: #000;font-weight: bold;margin: 0;width: 100%;}
.contact01 ul li img{width: 6.8vw;}
.contact01 ul li p{font-size: .95vw;color: #333;}
@media screen and (max-width:1080px){
.contact01{padding: 30px 0 10px;}
.contact01 ul li{width: calc(48.5% - 60px);margin-bottom: 3%;padding: 20px 30px;}
.contact01 ul li .icon{width: 40px;height: 40px;}
.contact01 ul li .icon img{width:28px;}
.contact01 ul li .t1{font-size: 18px;}
.contact01 ul li p{font-size: 14px;}
.contact01 ul li img{width: 108px;}
}
@media screen and (max-width:520px){
.contact01{padding: 30px 0 15px;}
.contact01 ul li{width: 100%;}
.contact01 ul li .icon{width: 36px;height: 36px;}
.contact01 ul li .icon img{width:22px;}
.contact01 ul li .t1{font-size: 16px;margin: 6px 0;}
}


/* contact02 */
.contact02{position: relative;padding-bottom: 90px;}
.contact02 .bg{background: url(../images/con2_1.jpg);background-size: cover;background-attachment: fixed;background-position: top;padding: 130px 0;}
.contact02 .form{padding: 3vw;border-radius: 10px;box-shadow: 0 0 20px 0 rgb(96 119 174 / 12%);background: #fff;width: 58%;margin: 0 auto;margin-top: -10rem;}
.contact02 .form .t1{font-size: 2.6vw;color: #162648;font-weight: bold;}
.contact02 .form .t2{font-size: .85vw;color: #333;margin: .5vw 0 1.5vw;}
.contact02 .form .input{width:100%;display:grid;margin-bottom: 1vw;}
.contact02 .form .input:nth-child(3),.contact02 .form .input:nth-child(4){width: 46%;}
.contact02 .form .input1{width:100%}
.contact02 .form .input label{font-size: .85vw;font-weight: bold;color: #162648;margin-bottom: .4vw;display: block;}
.contact02 .form .input label i{color:red}
.contact02 .form .input input{border-bottom: 1px solid #a7a7a7;height: 2.6vw;width: 100%;border: 1px solid #ccc;background: #f5f5f5;font-size: .83vw;border-radius: 3px;text-indent: 1em;}
.contact02 .form .input textarea{margin-top:10px;padding-top:5px;border-bottom: 1px solid #a7a7a7;height: 5vw;width: 100%;border: 1px solid #ccc;background: #f5f5f5;font-size: .83vw;border-radius: 3px;font-family: initial;text-indent: 1em;padding-top: 1vw;}
.contact02 .form .submit{width: 11vw;height: 2.6vw;background: #162648;display: flex;justify-content: space-between;align-items: center;position: relative;margin-top: 1.5vw;}
.contact02 .form .submit input{background: none;color: #fff;font-size: .85vw;font-weight: bold;width: 100%;height: 100%;text-align: left;padding-left: 1.5vw;transition: all .5s;z-index: 9;position: relative;}
.contact02 .form .submit img{position: absolute;right: 1.5vw;top: 50%;transform: translate(0 , -50%);max-width: 1.05vw;transition: all .5s;z-index: 1;}
.contact02 .form .input input:focus,.contact02 .form .input textarea:focus{border: 1px solid #162648;}
@media screen and (max-width:1080px){
.contact02{padding-bottom: 60px;}
.contact02 .form{width: 85%;padding: 35px;}
.contact02 .form .t1{font-size: 32px;}
.contact02 .form .t2{font-size: 15px;margin: 8px 0 15px;}
.contact02 .form .input{margin-bottom: 30px;}
.contact02 .form .input label{font-size: 15px;}
.contact02 .form .input input{height: 36px;font-size: 14px;}
.contact02 .form .input textarea{height: 60px;font-size: 14px;}
.contact02 .form .submit{width: 125px;height: 40px;margin-top: 30px;}
.contact02 .form .submit input{font-size: 14px;padding-left: 10px;}
.contact02 .form .submit img{right: 10px;max-width: 15px;}
}
@media screen and (max-width:768px){
.contact02 .form .t1{font-size: 26px;}
}
@media screen and (max-width:520px){
.contact02{padding-bottom: 30px;}
.contact02 .bg{padding: 70px 0;}
.contact02 .form{width: 85%;padding: 25px;margin-top: -6rem;border-radius: 8px;}
.contact02 .form .t1{font-size: 22px;}
.contact02 .form .t2{font-size: 14px;margin: 5px 0 15px;}
.contact02 .form .input{margin-bottom: 15px;width: 100%;}
.contact02 .form .input label{font-size: 14px;}
.contact02 .form .input input{height: 40px;font-size: 12px;}
.contact02 .form .input textarea{height: 80px;font-size: 12px;padding-top: 10px;}
.contact02 .form .submit{width: 120px;height: 35px;margin-top: 20px;}
.contact02 .form .submit input{font-size: 13px;padding-left: 15px;}
.contact02 .form .submit img{right: 15px;max-width: 14px;}
}


/* about01 */
.about01{padding: 70px 0;}
.about01 .cont{display: flex;align-items: center;justify-content: space-between;}
.about01 .cont .left{width: 45%;display: flex;}
.about01 .cont .left .icon .micon{width: 2vw;height: 2vw;border-radius:50%;text-align:center;line-height: 2vw;font-weight:700;position:relative;text-transform:uppercase;background: #162648;}
.about01 .cont .left .icon .micon .ani{position:absolute;left:0;top:0;z-index:-1;width:100%;height:100%;animation:rotateZ 30s infinite linear}
.about01 .cont .left .icon .micon .ani span{width: .5vw;height: .5vw;position:absolute;}
.about01 .cont .left .icon .micon .ani span:before{content:'';width:100%;height:100%;display:block;border-radius:50%;animation:aniCrl 3s infinite linear;background: #eb4346;}
.about01 .cont .left .icon .micon .ani span:first-child{left:0;top:50%;transform:translate(-100%,100%)}
.about01 .cont .left .icon .micon .ani span:nth-child(2){left:0;top:0;transform:translate(-50%,-100%)}
.about01 .cont .left .icon .micon .ani span:nth-child(3){right:0;top:0;transform:translate(0,-100%)}
.about01 .cont .left .icon .micon .ani span:nth-child(4){right:0;top:50%;transform:translate(120%,-100%)}
.about01 .cont .left .icon .micon .ani span:nth-child(5){right:0;top:50%;transform:translate(100%,100%)}
.about01 .cont .left .icon .micon .ani span:first-child:before{animation-delay:0s;}
.about01 .cont .left .icon .micon .ani span:nth-child(2):before{animation-delay:.8s}
.about01 .cont .left .icon .micon .ani span:nth-child(3):before{animation-delay:.6s}
.about01 .cont .left .icon .micon .ani span:nth-child(4):before{animation-delay:.2s}
.about01 .cont .left .icon .micon .ani span:nth-child(5):before{animation-delay:.4s}
.about01 .cont .left .icon .micon.style1{background-color:#eb4346;color:#fff}
.about01 .cont .left .icon .micon.style1 .ani span:before{background-color:#eb4346}
.about01 .cont .left .icon .micon.style2{background-color:#fff;color:#eb4346}
.about01 .cont .left .icon .micon.style2 .ani span:before{background-color:#fff}
.about01 .cont .left .icon .line{display: block;width: 1px;border-left: 1px dashed #162648;height: calc(100% - 1vw);margin: 0 auto;position: relative;}
.about01 .cont .left .icon .line:after{content: '';position: absolute;top:0;left: 50%;width:4px;height: 128%;background: linear-gradient(to bottom,transparent ,#fff);z-index: 2;transform: translateX(-50%);}
.about01 .cont .left .info{padding-left:3vw}
.about01 .cont .left .info .nei_tit .title{text-align:left}
.about01 .cont .left .info .text{line-height:2.25;color:#666;font-size: .95vw;margin-top:2vw;text-indent: 2em;}
.about01 .cont .right{width:45%}
.about01 .cont .right .img img{width:100%}
.about01 .cont .right .swiper-pagination{bottom: 4% !important;}
.about01 .cont .right .swiper-pagination-bullet{background: #FFFFFF;opacity: 1;border-radius: 0;width: 10px;height: 10px;margin: 0 6px !important;}
.about01 .cont .right .swiper-pagination-bullet-active{background: #E60A11;}
@keyframes aniCrl{0%{transform:scale(.1);opacity:1}
50%{transform:scale(1);opacity:0}
100%{transform:scale(.1);opacity:1}
}
@keyframes rotateZ{from{transform:rotateZ(0)}
to{transform:rotateZ(360deg)}
}
@media screen and (max-width:1080px){
.about01{padding: 70px 0;}
.about01 .cont .left{width: 45%;}
.about01 .cont .left .info .text{font-size: 14px;}
.about01 .cont .right .swiper-pagination-bullet{width: 8px;height: 8px;}
}
@media screen and (max-width:768px){
.about01 .cont{flex-wrap: wrap;}
.about01 .cont .left{width: 100%;margin-bottom: 30px;padding-left: 0;}
.about01 .cont .left .icon .micon{width: 30px;height: 30px;}
.about01 .cont .left .icon .line:after{height: 100%;}
.about01 .cont .right{width: 100%;}
}
@media screen and (max-width:520px){
.about01{padding: 40px 0;}
.about01 .cont .left{margin: 0 0 15px;}
.about01 .cont .left .nei_tit{margin-bottom: 20px;}
.about01 .cont .left .info{padding-left: 15px;}
.about01 .cont .left .info .text{margin-top: 0;line-height: 26px;}
.about01 .cont .left .icon .micon{width: 25px;height: 25px;}
.about01 .cont .left .icon .micon .ani span{width: 5px;height: 5px;}
.about01 .cont .right .swiper-pagination{bottom: 2% !important;}
}


/* about02 */
.about02{padding-bottom: 90px;background: url(../images/ab2_bg.png);background-size: cover;background-position: bottom;}
.about02 .ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.about02 .ul li{position: relative;width: 32%;background: #fff;box-shadow: 0 0 20px rgb(86 81 81 / 15%);border-radius: 3px;transition: all .3s ease;}
.about02 .ul li .info{padding: 2.5vw 1.25vw;}
.about02 .ul li .info .img{text-align: center;width: 4.5vw;height: 4.5vw;background: rgb(232 240 248);border-radius: 15px;display: flex;align-items: center;justify-content: center;box-shadow: 0 8px 16px rgba(66,133,244,.1);position: relative;overflow: hidden;margin: 0 auto;}
.about02 .ul li .info .img img{width: 2.8vw;}
.about02 .ul li .info .img:after{content:'';position:absolute;width:100%;height:100%;}
.about02 .ul li:hover{transform: translateY(-10px);background: #fff url(../images/p_icon06.png);background-size: 102%;background-position: left;}
.about02 .ul li:hover .info .img:after{animation:iconShine 2s infinite;background:linear-gradient(45deg,transparent,rgba(96,165,250,.2),transparent);}
.about02 .ul li:hover .img img{animation: shake 0.4s ease;}
.about02 .ul li .info .text .t1{color: #162648;font-size: 1.8vw;text-align:center;margin: 1.5vw 0 .5vw;font-weight: bold;}
.about02 .ul li .info .text .t2{color: #666;font-size: 1.1vw;margin:0 auto;text-align:center;line-height: 1.6;}
.about02 .ul li:last-child .info .text .t2{width:auto}
@keyframes iconShine{0%{transform:translateX(-100%)}
100%{transform:translateX(100%)}
}
@media screen and (max-width:1080px){
.about02{padding-bottom: 60px;}
.about02 .ul li .info{padding: 30px 20px;}
.about02 .ul li .info .img{width: 60px;height: 60px;}
.about02 .ul li .info .img img{width: 35px;}
.about02 .ul li .info .text .t1{font-size: 22px;margin: 20px 0 10px;}
.about02 .ul li .info .text .t2{font-size: 15px;}
}
@media screen and (max-width:768px){
.about02 .ul li{width: 100%;margin-bottom: 20px;}
}
@media screen and (max-width:520px){
.about02{padding-bottom: 25px;}
.about02 .ul li{margin-bottom: 15px;}
.about02 .ul li .info{padding: 20px 0 15px;}
.about02 .ul li .info .img{width: 55px;height: 55px;border-radius: 10px;}
.about02 .ul li .info .img img{width: 30px;}
.about02 .ul li .info .text .t1{font-size: 18px;margin: 15px 0 5px;}
.about02 .ul li .info .text .t2{font-size: 14px;}
}
 

/* about03 */
.about03{padding: 70px 0;background: url(../images/ab3_bg.jpg);background-size: cover;position: relative;}
.about03:after{position: absolute;height: 100%;width: 100%;content: "";left: 0;top: 0;background: linear-gradient(180deg, #162648 0%, transparent 100%);z-index: 1;}
.about03 .odcontent{z-index: 9;position: relative;}
.about03 .nei_tit .title{color: #fff;position: relative;z-index: 9;}
.about03 .cont{margin-top: 4vw;position: relative;z-index: 9;}
.about03 .cont .rd{border-bottom: 1px solid rgba(255,255,255,.5);display: flex;align-items: center;justify-content: space-between;margin-bottom: 4vw;}
.about03 .cont .rd a{width:33.3%;display:block;font-size:1.35vw;color:#fff;text-align:center;padding-bottom:1vw;position: relative;}
.about03 .cont .rd a img{width: 2.08vw;margin-right: .3vw;}
.about03 .cont .rd a:after{content:'';position:absolute;height: 2px;z-index:9;width:0;transition: all .5s ease-in-out;background: #fff;bottom: -2px;left: 50%;transform: translate(-50% , -50%);}
.about03 .cont .rd a.active:after{width: 100%;}
.about03 .cont .hd .swiper-slide{background:#fff;border-radius:25px;overflow:hidden;box-shadow:2px 2px 5px 3px rgba(0,0,0,.1);height:auto;display:flex;align-items:center}
.about03 .cont .hd .item{padding:2vw;transition:.5s;height:max-content}
.about03 .cont .hd .item p{font-size: .85vw;color: #000;text-align: center;margin-top: 1vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.about03 .cont .hd .bom{display: flex;align-items: center;justify-content: center;margin-top: 4vw;}
.about03 .cont .hd .bom .swiper-button-prev,.about03 .cont .hd .bom .swiper-button-next{width: 2.4vw;height: 2.4vw;border-radius: 50%;border: 2px solid #fff;margin: 0 2vw;position: initial;}
.about03 .cont .hd .bom .swiper-button-next:after,.about03 .cont .hd .bom .swiper-button-prev:after{color: #fff;font-size: .85vw;font-weight: bold;}
.about03 .cont .hd .bom .swiper-button-prev:hover,.about03 .cont .hd .bom .swiper-button-next:hover{background: #E60A11;border: 1px solid #E60A11;}
@media screen and (max-width:1080px){
.about03{padding: 60px 0;}
.about03 .cont{margin-top: 40px;}
.about03 .cont .rd{margin-bottom: 40px;}
.about03 .cont .rd a{padding-bottom: 15px;font-size: 20px;}
.about03 .cont .rd a img{width: 35px;}
.about03 .cont .hd .swiper-slide{border-radius: 15px;}
.about03 .cont .hd .item{padding: 25px;}
.about03 .cont .hd .item p{font-size: 15px;margin-top: 15px;}
.about03 .cont .hd .bom{margin-top: 40px;}
.about03 .cont .hd .bom .swiper-button-prev,.about03 .cont .hd .bom .swiper-button-next{width: 36px;height: 36px;}
.about03 .cont .hd .bom .swiper-button-next:after,.about03 .cont .hd .bom .swiper-button-prev:after:after{font-size: 16px;}
}
@media screen and (max-width:768px){
.about03 .cont .rd a{font-size: 17px;}
.about03 .cont .rd a img{width: 30px;}
}
@media screen and (max-width:520px){
.about03{padding: 30px 0;}
.about03 .cont{margin-top: 30px;}
.about03 .cont .rd{margin-bottom: 30px;}
.about03 .cont .rd a{font-size: 15px;width: auto;}
.about03 .cont .rd a img{width: 25px;}
.about03 .cont .hd .swiper-slide{border-radius: 8px;}
.about03 .cont .hd .item{padding: 15px;}
.about03 .cont .hd .item p{font-size: 14px;margin-top: 10px;}
.about03 .cont .hd .bom{margin-top: 40px;}
.about03 .cont .hd .bom .swiper-button-prev,.about03 .cont .hd .bom .swiper-button-next{width: 32px;height: 32px;margin: 0 15px;}
.about03 .cont .hd .bom .swiper-button-next:after,.about03 .cont .hd .bom .swiper-button-prev:after:after{font-size: 12px;}
}


/* case */
.case .w1400{max-width: 75vw;}
.case .title{font-size: 1.88vw;color: #162648;font-weight: bold;text-align: center;margin-bottom: 3vw;}
.case .cban{margin-top: 5.4vw;position: relative;}
.case .cban .img{height: auto;}
.case .cban .img img{width: 100%;height: 100%;object-fit: cover;}
.case .cban .info{position: absolute;top: 5%;left: 0;width: 100%;}
.case .cban .info .crumb{display: flex;align-items: center;color: #fff;margin-bottom: 3vw;}
.case .cban .info .crumb img{width: 1.1vw;filter: brightness(0) invert(1);}
.case .cban .info .crumb a{font-size: .83vw;margin: 0 .3vw;}
.case .cban .info .crumb a:nth-child(1){margin-left: 0;}
.case .cban .info .crumb a:hover{text-decoration: revert;}
.case .cban .txt{position: absolute;left: 50%;top: 50%;width: 100%;transform: translate(-50% ,-50%);}
.case .cban .txt span{font-size: 2vw;color: #ffffffd4;font-weight: 300;}
.case .cban .txt h3{font-size: 3.2vw;color: #ffffffeb;font-weight: bold;}
.case .cban .txt .aniu{background: #16265C;margin-top: 4vw;}
.case .cban .txt .aniu a{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;z-index: 9;position: relative;}
.case .cban .txt .aniu p{font-size: .92vw;font-weight: bold;color: #fff;transition: all .5s ease-in-out;}
.case .cban .txt .aniu img{max-width: .7vw;margin-left: 1vw;transition: all .5s ease-in-out;filter: brightness(0) invert(1);}
.case .cfw{position:relative;padding:70px 0}
.case .cfw .cont{position:relative}
.case .cfw .cont .pie{position:relative;margin:0 auto;padding:0;width:33vw;height:33vw;border-radius:50%;z-index:9}
.case .cfw .cont .slice{overflow:hidden;position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;transition:all .5s;}
.case .cfw .cont .slice:after{position: absolute;content: "";background: #ffffff;box-shadow: 0px -20px 10px rgb(0 0 0 / 10%);width: 130%;height: 90%;z-index: -1;clip-path: polygon(50% 50%,100% 0%,100% 50%);right: 30%;top: 9%;border-radius: 100%;transition:all .5s;z-index: 99;}
.case .cfw .cont .slice:hover:after{right: 25%;}
.case .cfw .cont .slice p{font-size: 1.25vw;color: #fff;position: absolute;top: 35%;left: 80%;z-index: 90;font-weight: bold;}
.case .cfw .cont .slice-one{transform: rotate(25deg);background: #FF8C00;clip-path: polygon(53% 50%,103% 0%,100% 50%);}
.case .cfw .cont .slice-two{transform: rotate(70deg);background: #FFF000;clip-path: polygon(53% 50%,103% 0,100% 50%);}
.case .cfw .cont .slice-three{transform: rotate(115deg);background: #228B22;clip-path: polygon(53% 50%,103% 0,100% 50%);}
.case .cfw .cont .slice-four{transform: rotate(160deg);background: #E60000;clip-path: polygon(53% 50%,103% 0,100% 50%);}
.case .cfw .cont .slice-five{transform: rotate(205deg);background: #00BFFF;clip-path: polygon(53% 50%,103% 0,100% 50%);}
.case .cfw .cont .slice-six{transform: rotate(250deg);background: #0064FF;clip-path: polygon(53% 50%,103% 0,100% 50%);}
.case .cfw .cont .slice-seven{transform: rotate(295deg);background:#9900CC;clip-path: polygon(53% 50%,103% 0,100% 50%);}
.case .cfw .cont .slice-eight{transform: rotate(340deg);background: #EB4346;clip-path: polygon(53% 50%,103% 0,100% 50%);}
.case .cfw .cont .slice-one p{transform:rotate(-25deg)}
.case .cfw .cont .slice-two p{transform:rotate(-70deg)}
.case .cfw .cont .slice-three p{transform:rotate(-115deg)}
.case .cfw .cont .slice-four p{transform:rotate(-165deg)}
.case .cfw .cont .slice-five p{transform:rotate(155deg)}
.case .cfw .cont .slice-six p{transform:rotate(110deg);top:32%;left:77%}
.case .cfw .cont .slice-seven p{transform:rotate(65deg);top:34%;left:79%}
.case .cfw .cont .slice-eight p{transform:rotate(15deg)}
.case .cfw .cont .slice-one:hover{transform: rotate(25deg) translate(20px, -10px);z-index: 20;}
.case .cfw .cont .slice-two:hover{transform: rotate(70deg) translate(20px, -10px);z-index: 20;}
.case .cfw .cont .slice-three:hover{transform: rotate(115deg) translate(20px, -10px);}
.case .cfw .cont .slice-four:hover{transform: rotate(160deg) translate(20px, -10px);z-index: 20;}
.case .cfw .cont .slice-five:hover{transform: rotate(205deg) translate(20px, -10px);z-index: 20;}
.case .cfw .cont .slice-six:hover{transform: rotate(250deg) translate(20px, -8px);z-index: 20;}
.case .cfw .cont .slice-seven:hover{transform: rotate(295deg) translate(20px, -10px);z-index: 20;}
.case .cfw .cont .slice-eight:hover{transform: rotate(340deg) translate(20px, -10px);z-index: 20;}
.case .cfw .cont .center{position: absolute;left: 50%;top: 50%;transform: translate(-50% ,-50%);background-color: #fff;box-shadow: 0 0 10px rgb(0 0 0 / 0.5);width: 14vw;height: 14vw;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 2.28vw;color: #162648;font-weight: bold;text-align: center;letter-spacing: 4px;z-index: 9;}
.case .cfw .cont .center:after{position: absolute;content: "";left: 50%;top: 50%;transform: translate(-50% ,-50%);width: 16vw;height: 16vw;background: #ffffff6e;border-radius: 50%;z-index: -1;}
.case .cfw .tit{font-size: 1.88vw;color: #162648;font-weight: bold;text-align: center;letter-spacing: 2px;width: 78%;margin: 0 auto;line-height: 1.5;margin-top: 3vw;}
.case .cys{padding: 70px 0;}
.case .cys .table table{border-collapse: collapse;width: 100%;}
.case .cys .table table tr{border-bottom: 1px solid #EBEBEB;display: flex;align-items: center;justify-content: space-between;}
.case .cys .table table tr:nth-child(1){background: #F5F5F5;color: #162648;font-weight: bold;border-bottom: 3px solid #e7131a;}
.case .cys .table table td{padding: 1.35vw .58vw;font-size: .95vw;line-height: 2;width: 36%;color: #727171;}
.case .cys .table table td:nth-child(1){font-weight: bold;color: #162648;width: 20%;font-size: 1.08vw;}
.case .cys .table table tr:nth-child(1) td{padding: 1vw .58vw;color: #162648;font-size: 1.15vw;}
.case .cys .table .table2 td{padding: 1.35vw 1vw;line-height: 2;}
.case .cys .table .table2 td:nth-child(1){width: 38%;color: #727171;font-weight: initial;font-size: .98vw;}
.case .cys .table .table2 td:nth-child(2){width:28%}
.case .cys .table .table2 td:nth-child(3){width: 41%;}
.case .cys .table .table2 td:nth-child(4){width:30%}
.case .cys .table .table2 tr:nth-child(1) td{color: #162648;font-weight: bold;font-size: 1.15vw;}
.case .clc{padding: 70px 0;}
.case .clc .w1400{max-width: 87vw;}
.case .clc .c02{padding: 1vw 0 1vw 0;overflow: initial;}
.case .clc .swiper-wrapper{justify-content:space-between;align-items:center}
.case .clc .li{width: 10.2vw;height: 4.25vw;display:flex;align-items:center;justify-content:center;background-repeat:no-repeat;cursor: pointer;transition: all .5s;clip-path: polygon(80% 0%, 100% 50%, 80% 100%, 0% 100%, 20% 50%, 0% 0%);background: #162648;}
.case .clc .li:after{position: absolute;height: 100%;width: 100%;content: "";left: 0;top: 0;background: linear-gradient(0deg, #E96667 0%, transparent 45%);opacity: 0;transition:all .5s;z-index: 1;}
.case .clc .li:hover:after{opacity: 1;}
.case .clc .li:hover{transform: scale(1.1);box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
.case .clc .li .text{text-align:center;width:100%;padding-left: 15px;position: relative;z-index: 9;}
.case .clc .li .text .t1{font-size: .98vw;color:#fff;width: 45%;margin:0 auto;display: flex;align-items: center;justify-content: center;transition:all .5s;}
.case .cal{padding:60px 0 100px;}
.case .cal .cont{position: relative;}
.case .cal .cont .img{position: relative;border-radius: 5px;overflow: hidden;padding-bottom: 75%;}
.case .cal .cont .img img{mix-blend-mode: multiply;transition: all .5s;height: 100%;width: 100%;position: absolute;object-fit: cover;}
.case .cal .cont p{font-size: .98vw;color: #000;margin-top: .8vw;text-align: center;font-weight: bold;display: none;}
.case .cal .cont .img:hover img{transform:scale(1.06);}
.case .cal .cont .swiper-button-prev{width: 2.4vw;height: 2.4vw;border-radius: 50%;border: 2px solid #AAAAAA;left: -7%;top: 50%;opacity: 1;}
.case .cal .cont .swiper-button-next{width: 2.4vw;height: 2.4vw;border-radius: 50%;border: 2px solid #AAAAAA;right: -7%;top: 50%;opacity: 1;}
.case .cal .cont .swiper-button-next:after,.case .cal .cont .swiper-button-prev:after{color: #AAAAAA;font-size: .85vw;font-weight: bold;}
.case .cal .cont .swiper-button-prev:hover,.case .cal .cont .swiper-button-next:hover{background: #E60A11;border: 1px solid #E60A11;}
.case .cal .cont .swiper-button-prev:hover:after,.case .cal .cont .swiper-button-next:hover:after{color: #fff;}
.case .cfa{padding: 70px 0;}
.case .cfa .cont .rd{display: flex;align-items: center;justify-content: space-between;margin: 4vw auto 3vw;transition: all 0.5s;position: sticky;top: 0;background: #fff;z-index: 9;padding: 1vw 0;}
.case .cfa .cont .rd:after{position: absolute;content: "";height: 1px;width: 100%;bottom: 1vw;background: #162648;left: 0;}
.case .cfa .cont .rd a{width:50%;display:block;font-size: 1.28vw;color: #162648;text-align:center;padding-bottom:1vw;position: relative;font-weight: bold;}
.case .cfa .cont .rd a span{margin-left: .2vw;font-size: 1vw;}
.case .cfa .cont .rd a img{width: 2.08vw;margin-right: .3vw;}
.case .cfa .cont .rd a:after{content:'';position:absolute;height: 2px;z-index:9;width:0;transition: all .5s ease-in-out;background: #eb4346;bottom: -1px;left: 50%;transform: translate(-50% , -50%);}
.case .cfa .cont .rd a.active{color: #EB4346;}
.case .cfa .cont .rd a.active:after{width: 100%;}
.case .cfa .cont .hd{position: relative;}
.case .cfa .cont .hd .item{position: relative;}
.case .cfa .cont .hd .citem{background: #edeef173;padding: 2vw 0;border-radius: 10px;}
.case .cfa .cont .hd .img{text-align: center;display: flex;align-items: center;justify-content: space-between;}
.case .cfa .cont .hd .img img{width: 100%;transition: all .5s ease;}
.case .cfa .cont .hd .img .himg:hover{border-color: #e0e7ff;transform: translateY(-8px);}
.case .cfa .cont .hd .img .wimg{width: 45%;}
.case .cfa .cont .hd .img .img2{display: none;}
.case .cfa .cont .hd h3{text-align: center;margin: 4vw 0;font-size: 1.58vw;color: #162648;position: relative;}
.case .cfa .cont .hd p{text-align: center;margin-top: 2vw;font-size: 1.2vw;color: #000;font-weight: bold;display: none;}
.case .cfa .cont .hd .info .ul li{font-size: 1.25vw;color: #162648;text-align: center;position: absolute;font-weight: bold;transition: all .5s ease;cursor: pointer;}
.case .cfa .cont .hd .info .ul li:hover{transform:translateX(10px)}
.case .cfa .cont .hd .info .ul li:nth-child(1){left: 3.5vw;top: 3vw;}
.case .cfa .cont .hd .info .ul li:nth-child(2){left:37.5vw;top:3vw}
.case .cfa .cont .hd .info .ul li:nth-child(3){left:37.5vw;top:14.5vw}
.case .cfa .cont .hd .info .ul li:nth-child(4){left:60.5vw;top:14vw}
.case .cfa .cont .hd .info .ul li:nth-child(5){left:4.5vw;top:25.5vw}
.case .cfa .cont .hd .info .ul li:nth-child(6){left:40.5vw;top:25.5vw}
.case .cfa .cont .hd .info ol dl{width: 16vw;background:#162648;color:#fff;text-align:center;border-radius:5px;padding: .45vw 0;font-size:.85vw;position:absolute;transition: all .3s ease;cursor: pointer;}
.case .cfa .cont .hd .info ol dl:hover{transform: translateY(-4px);box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);}
.case .cfa .cont .hd .info ol dl:first-child{top:10vw;left:3.5vw;background:#eb4346}
.case .cfa .cont .hd .info ol dl:nth-child(2){top:12.5vw;left:3.5vw}
.case .cfa .cont .hd .info ol dl:nth-child(3){top:17vw;left:3.5vw;background:#eb4346}
.case .cfa .cont .hd .info ol dl:nth-child(4){top:19.5vw;left:3.5vw}
.case .cfa .cont .hd .text{display: flex;align-items: center;}
.case .cfa .cont .hd .text span{text-align: center;margin-bottom: 2vw;font-size: 1.25vw;color: #162648;font-weight: bold;width: 50%;padding-right: 4vw;}
.case .cfa .cont .hd .infos .li .lt{font-size: .95vw;color: #333;position: absolute;cursor: pointer;}
.case .cfa .cont .hd .infos .li .lt:first-child{left:19.8vw;top: 11.5vw;color:#fff;font-size:1.1vw;font-weight:700;}
.case .cfa .cont .hd .infos .li .lt:nth-child(2){left: 8.5vw;top: 11vw;width: 8%;text-align:center;}
.case .cfa .cont .hd .infos .li .lt:nth-child(3){left:16vw;top: 20vw;color:#fff;font-weight:700;font-size: 1.1vw;}
.case .cfa .cont .hd .infos .li .lt:nth-child(4){left:22.2vw;top: 19.5vw;width:11%;text-align:center;}
.case .cfa .cont .hd .infos .li .lt:nth-child(5){left:19.8vw;top: 28.5vw;font-weight:700;font-size: 1.1vw;color: #fff;}
.case .cfa .cont .hd .infos .li .lt:nth-child(6){left: 8.3vw;top: 28vw;width: 8%;text-align: center;}
.case .cfa .cont .hd .infos .li .lt:hover{animation: shake 0.4s ease;}
.case .cfa .cont .hd .infos .ol .ot{font-size: 1.3vw;color: #fff;position: absolute;font-weight: bold;cursor: pointer;}
.case .cfa .cont .hd .infos .ol .ot:first-child{top: 12.5vw;right: 15.7vw;}
.case .cfa .cont .hd .infos .ol .ot:nth-child(2){top: 22.5vw;right:23vw;}
.case .cfa .cont .hd .infos .ol .ot:nth-child(3){top: 25.5vw;right: 8.5vw;}
.case .cfa .cont .hd .infos .ol .ot:hover{animation: shake 0.4s ease;}
.case .cdy{padding: 70px 0;}
.case .cdy .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.case .cdy .ul li{width: 32%;box-shadow: 0 0 20px rgba(0 0 0/8%);background-color: #fff;border-radius: 10px;transition: all 0.5s;}
.case .cdy .ul li .top{padding: 2.3vw 2vw;display: flex;align-items: center;justify-content: center;position: relative;transition: all 0.5s;z-index: 9;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.case .cdy .ul li .top:after{position: absolute;content: "";bottom: 0;width: 82%;left: 9%;background-color: #e8e9e9;height: 1px;z-index: 1;transition: all 0.5s;}
.case .cdy .ul li .top .t1{font-size: 1.58vw;font-weight: bold;color: #162648;transition: all 0.5s;}
.case .cdy .ul li .top .icon{display: none;}
.case .cdy .ul li .top .icon img{width: 4.5vw;filter: sepia(1);opacity: 0 !important;position: absolute;right: 2vw;top: .6vw;}
.case .cdy .ul li .text{padding: 1.5vw 1.5vw 3vw 1.5vw;font-size: .95vw;line-height: 2;color: #666;}
.case .cdy .ul li:hover{transform: translateY(-8px);box-shadow: 0 4px 6px -1px rgb(0 0 0 / .1);border-color: #e0e7ff;}
.case .cdy .ul li:hover .top{background: #162648;}
.case .cdy .ul li:hover .top:after{background-color: #162648;}
.case .cdy .ul li:hover .top .t1{color: #fff;}
.case .cdy .ul li:hover .top .icon img{filter: brightness(0) invert(1);opacity: .5;}
.case .cslc{padding: 90px 0 200px;}
@keyframes shake{0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(s1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}
25%{-webkit-transform:scale(.9,1.1);transform:scale(.9,1.1)}
50%{-webkit-transform:scale(1.1,.9);transform:scale(1.1,.9)}
75%{-webkit-transform:scale(.95,1.05);transform:scale(.95,1.05)}
}
@media screen and (max-width:1280px){
.case .clc .li .text .t1{width: 62%;}
}
@media screen and (max-width: 1080px){
.case .w1400{max-width: 1400px;}
.case .title{font-size: 3vw;margin-bottom: 40px;}
.case .cban{margin-top: 95px;}
.case .cban .img{height: 400px;}
.case .cban .info{top: 2%;}
.case .cban .info .crumb{padding-top: 15px;}
.case .cban .info .crumb img{width: 18px;max-width: initial;}
.case .cban .info .crumb a{font-size: 16px;margin: 0 5px;}
.case .cban .txt span{font-size: 22px;}
.case .cban .txt h3{font-size: 32px;}
.case .cban .txt .aniu p{font-size: 15px;}
.case .cban .txt .aniu img{max-width: 13px;margin-left: 10px;}
.case .cfw{padding: 60px 0;}
.case .cfw .tit{width: 90%;font-size: 22px;margin-top: 40px;}
.case .cfw .cont .pie{width: 420px;height: 420px;}
.case .cfw .cont .slice p{font-size: 17px;}
.case .cfw .cont .center{width: 190px;height: 190px;font-size: 28px;}
.case .cfw .cont .center:after{width: 220px;height: 220px;}
.case .cys{padding: 20px 0 60px;}
.case .cys .table table td{font-size: 16px;padding: 8px 15px;line-height: 1.8;}
.case .cys .table table tr:nth-child(1) td{padding: 10px 20px;font-size: 16px;}
.case .cys .table table td:nth-child(1){font-size: 16px;}
.case .cys .table .table2 td{font-size: 15px;padding: 8px 15px;line-height: 1.8;}
.case .clc{padding: 40px 0;}
.case .clc .li{width: 13vw;height: 7vw;}
.case .clc .li .text{padding-left: 5px;}
.case .clc .li .text .t1{width: 75%;font-size: 14px;}
.case .cal{padding: 60px 0;}
.case .cal .cont p{font-size: 15px;}
.case .cal .cont .swiper-button-next{right: -2%;width: 40px;height: 40px;}
.case .cal .cont .swiper-button-prev{left: -2%;width: 40px;height: 40px;}
.case .cal .cont .swiper-button-next:after, .case .cal .cont .swiper-button-prev:after{font-size: 22px;}
.case .cfa{padding: 60px 0;}
.case .cfa .cont .rd{width: 100%;margin: 50px 0 40px;}
.case .cfa .cont .rd a{font-size: 20px;padding-bottom: 15px;}
.case .cfa .cont .rd a span{font-size: 15px;}
.case .cfa .cont .hd h3{font-size: 24px;margin: 40px 0;}
.case .cfa .cont .hd p{font-size: 18px;margin-top: 30px;}
.case .cfa .cont .hd .info{display: none;}
.case .cfa .cont .hd .infos{display: none;}
.case .cfa .cont .hd .text{display: none;}
.case .cfa .cont .hd .img .img1{display: none;}
.case .cfa .cont .hd .img .img2{display: block;}
.case .cdy{padding: 60px 0;}
.case .cdy .ul li .top{padding: 30px 25px;}
.case .cdy .ul li .top .t1{font-size: 22px;}
.case .cdy .ul li .top .icon img{width: 64px;}
.case .cdy .ul li .text{font-size: 15px;padding: 25px 30px 25px 25px;}
.case .cslc{padding: 60px 0;}
}
@media screen and (max-width:880px){
.case .clc .li{width: 17vw;height: 7.8vw;}
.case .cdy .ul li{width: 48.5%;}
.case .cdy .ul li:nth-child(3){margin-top: 3%;}
}
@media screen and (max-width:768px){
.case .title{font-size: 26px;}
.case .cban .img{height: 300px;}
.case .cban .info .crumb a{font-size: 15px;}
.case .cban .txt span{font-size: 18px;}
.case .cban .txt h3{font-size: 26px;}
.case .cban .txt .aniu{width: 115px;line-height: 32px;margin-top: 40px;}
.case .cban .txt .aniu p{font-size: 14px;}
.case .cban .txt .aniu img{max-width: 12px;}
.case .cfw .tit{width: 100%;}
.case .cys .table table td{font-size: 15px;}
.case .clc .li{width: 25.5vw;height: 9vw;}
.case .clc .li .text .t1{width: 80%;}
.case .cal .cont .swiper-button-next{width: 36px;height: 36px;}
.case .cal .cont .swiper-button-prev{width: 36px;height: 36px;}
.case .cal .cont .swiper-button-next:after, .case .cal .cont .swiper-button-prev:after{font-size: 20px;}
.case .cfa .cont .rd a{font-size: 17px;display: flex;flex-wrap: wrap;justify-content: center;line-height: 28px;}
.case .cfa .cont .rd a span{width: 100%;}
.case .cfa .cont .hd h3{font-size: 22px;}
.case .cfa .cont .hd p{font-size: 17px;}
.case .cdy .ul li .top .t1{font-size: 20px;}
.case .cdy .ul li .top .icon img{width: 58px;}
}

@media screen and (max-width:520px){
.case .title{font-size: 22px;margin-bottom: 25px;}
.case .cban{margin-top: 87px;}
.case .cban .img{height: 245px;}
.case .cban .info .crumb a{font-size: 14px;}
.case .cban .txt span{font-size: 16px;}
.case .cban .txt h3{font-size: 20px;}
.case .cban .txt .aniu{width: 105px;line-height: 30px;margin-top: 30px;}
.case .cban .txt .aniu::after{left: 5px;top: -5px;}
.case .cban .txt .aniu img{max-width: 11px;}
.case .cfw{padding: 40px 0;}
.case .cfw .tit{font-size: 18px;margin-top: 30px;}
.case .cfw .cont .pie{width: 358px;height: 358px;}
.case .cfw .cont .slice p{font-size: 15px;}
.case .cfw .cont .center{width: 158px;height: 158px;font-size: 22px;}
.case .cfw .cont .center:after{width: 188px;height: 188px;}
.case .cys{padding: 0px 0 40px;}
.case .cys .table{overflow: auto;}
.case .cys .table table{width: 1200px;}
.case .cys .table table td{font-size: 14px;padding: 8px 10px;line-height: 24px;width: 41%;}
.case .cys .table table td:nth-child(1){width: 12%;}
.case .cys .table table tr:nth-child(1) td{padding: 10px;font-size: 14px;}
.case .cys .table table td:nth-child(1){font-size: 14px;}
.case .cys .table .table2 tr{justify-content: initial;}
.case .cys .table .table2 td{padding: 10px;font-size: 14px;line-height: 26px;}
.case .cys .table .table2 td:nth-child(1){width: 29%;font-size: 14px;}
.case .cys .table .table2 td:nth-child(2){width: 21%;}
.case .cys .table .table2 td:nth-child(3){width: 32%;}
.case .cys .table .table2 td:nth-child(4){width: 22%;}
.case .clc{padding: 30px 0;}
.case .clc .li{width: 140px;background-size: 140px;height: 52px;}
.case .clc .li .text{padding-left: 0;}
.case .clc .li .text .t1{width: 100%;font-size: 12px;}
.case .cal{padding: 30px 0;}
.case .cal .cont .swiper-button-next{width: 32px;height: 32px;}
.case .cal .cont .swiper-button-prev{width: 32px;height: 32px;}
.case .cal .cont .swiper-button-next:after, .case .cal .cont .swiper-button-prev:after{font-size: 16px;}
.case .cal .cont p{margin-top: 10px;}
.case .cfa{padding: 30px 0;}
.case .cfa .cont .rd{margin: 35px 0 25px;}
.case .cfa .cont .rd a{font-size: 16px;padding-bottom: 10px;line-height: 26px;}
.case .cfa .cont .rd a span{font-size: 14px;}
.case .cfa .cont .hd h3{font-size: 18px;margin: 30px 0;}
.case .cfa .cont .hd p{font-size: 15px;margin-top: 20px;}
.case .cdy{padding: 0 0 30px;}
.case .cdy .ul li{width: 100%;margin-top: 3%;}
.case .cdy .ul li :nth-child(1){margin-top: 0;}
.case .cdy .ul li .top{padding: 28px 20px;}
.case .cdy .ul li .top:after{width: 88%;left: 4%;}
.case .cdy .ul li .top .t1{font-size: 18px;}
.case .cdy .ul li .top .icon img{width: 55px;right: 15px;top: 5px;}
.case .cdy .ul li .text{font-size: 14px;padding: 15px 20px 15px 15px;line-height: 26px;}
.case .cslc{padding: 30px 0;}
}