/* title */
.nei_tit{position: relative;text-align: center;width: max-content;margin: 0 auto;padding: 3vw 0;margin-bottom: 4vw;}
.nei_tit .title{font-size: 2.6vw;color: #000;font-weight: bold;}
.nei_tit img{width: 4.5vw;}
.nei_tit .icon1{position:absolute;right: -5vw;bottom:0;}
.nei_tit .icon2{position:absolute;top:0;left: -5vw;}

@media screen and (max-width:1080px){
.nei_tit .title{font-size: 3.5vw;}
}
@media screen and (max-width:768px){
.nei_tit .title{font-size: 30px;}
}
@media screen and (max-width:520px){
.nei_tit{margin-bottom: 25px;}
.nei_tit .title{font-size:25px;}
.nei_tit img{width: 22px;}
}

/* banner */
.banner{position:relative;}
.banner .img img{width: 100%;}
.banner .info{position: absolute;top: 40%;width: 100%;}
.banner .info .t1{color: #fff;font-size: 2.8vw;text-align: center;font-family: "GILROY-BLACK"; }
@media only screen and (max-width:1080px){
.banner .info .t1{font-size: 35px;}
}
@media only screen and (max-width:768px){
.banner{margin-top: 66px;}
.banner .info{top: 32%;}
.banner .info .t1{font-size: 30px;}
}
@media only screen and (max-width:520px){
.banner{margin-top: 55px;}
.banner .info{top: 28%;}
.banner .info .t1{font-size: 25px;}
}


/* n_tab */
.n_tab{border-bottom: 1px solid #ddd;background: #fff;border-radius: 20px 20px 0 0;bottom: 0;position: absolute;width: 100%;}
.n_tab .ul{display: flex;flex-wrap: wrap;align-items: center;}
.n_tab .ul li{margin-right: 3vw;padding: 1.5vw 0;position: relative;}
.n_tab .ul li::after{position: absolute;content: "";border: 3px solid #7D3A68;left: 50%;transform: translate(-50% , 0);bottom: 0;width: .5vw;height: .46vw;border-radius: 50%;opacity: 0;transition: .3s ease-out;}
.n_tab .ul li:nth-last-child(1){margin-right: 0;}
.n_tab .ul li a{font-size: .95vw;color: #000;transition: .3s ease-out;}
.n_tab .ul li:hover::after,.n_tab .ul li.cur::after{opacity: 1;}
.n_tab .ul li:hover a,.n_tab .ul li.cur a{color: #7D3A68;}
@media only screen and (max-width:1080px){
.n_tab .ul li{padding: 25px 0;margin-right: 40px;}
.n_tab .ul li a{font-size: 16px;}
}
@media only screen and (max-width:768px){
.n_tab{position: relative;overflow: scroll;}
.n_tab .ul{justify-content: center;width: max-content;margin: 0 auto;}
.n_tab .ul li{margin: 0;padding:25px;}
.n_tab .ul li:nth-child(1){padding-left: 0;}
}
@media only screen and (max-width:520px){
.n_tab{border: none;}
.n_tab .ul li{padding: 15px 10px;}
.n_tab .ul li a{font-size: 15px;}
.n_tab .ul li::after{width: 5px;height: 5px;border: 2px solid #7D3A68;}
}


/* bannef */
.bannef{position:relative;overflow:hidden;margin-top: 4.9vw;background: linear-gradient(135deg,#1a365d 0%,#7d3a68 50%,#1e40afa1 100%);}
.bannef .info{padding: 3.5vw 0;}
.bannef .info::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background: radial-gradient(circle at 30% 50%,#38bdf857 0,transparent 50%),radial-gradient(circle at 70% 50%,#38bdf857 0,transparent 50%);animation:ft-rotate 30s linear infinite;}
.bannef .info .w800{position: relative;z-index: 9;}
.bannef .info .tit{text-align: center;color: #fffffff5;font-size: 1.1vw;}
.bannef .info .title{font-size: 2.8vw;color: #fff;font-weight: bold;text-align: center;line-height: 1.5;margin-bottom: 2vw;}
.bannef .info .btn{margin: 0 auto;}
@keyframes ft-rotate{from{transform:rotate(0)}
to{transform:rotate(360deg)}
}
@media only screen and (max-width:1080px){
.bannef{margin-top: 66px;}
.bannef .info{padding: 45px 0;}
.bannef .info .tit{font-size: 16px;}
.bannef .info .title{font-size: 36px;margin-bottom: 30px;}
}
@media only screen and (max-width:520px){
.bannef{margin-top: 55px;}
.bannef .info{padding: 40px 0;}
.bannef .info .tit{font-size: 14px;}
.bannef .info .title{font-size: 25px;margin-bottom: 20px;}
}


/* newslist */
.newslist{padding: 90px 0;}
.newslist .item{width: 30.6666667%;position: relative;padding-right: 2%;margin-right: 2%;margin-bottom: 3%;}
.newslist .item:nth-child(3n+3){padding-right: 0;margin-right: 0;}
.newslist .item:after{position: absolute;content: "";top: 0;background: #d1d1d1;height: 100%;width: 1px;right: 0;}
.newslist .item:nth-child(3n+3):after{display: none;}
.newslist .item .img{padding-bottom: 68%;position: relative;overflow: hidden;}
.newslist .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.newslist .item:hover .img img{transform:scale(1.06)}
.newslist .item .info .date{color:#000;font-size:.85vw;margin-top:4vw;font-weight:700}
.newslist .item .info .t1{margin-top:.5vw;color:#000;font-size:1vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;transition:all .5s ease;font-weight: bold;}
.newslist .item .info .more{color:#000;font-size:.85vw;margin-top:4vw;font-weight:700}
.newslist .item:hover .info .t1{color: #7D3A68;}
.newslist.picturelist .item{width: 22%;}
.newslist.picturelist .item:nth-child(3n+3){padding-right: 2%;margin-right: 2%;}
.newslist.picturelist .item:nth-child(3n+3):after{display: block;}
.newslist.picturelist .item:nth-child(4n+4){padding-right: 0;margin-right: 0;}
.newslist.picturelist .item:nth-child(4n+4):after{display: none;}
.newslist.picturelist .img{padding-bottom: 150%;}
.newslist.picturelist .item .info .t1{margin-top: 15px;text-align: center;}
@media screen and (max-width:1080px){
.newslist{padding: 60px 0;}
.newslist .item .info .date{font-size: 15px;}
.newslist .item .info .t1{font-size: 20px;margin-top: 8px;}
.newslist .item .info .more{font-size: 15px;}
}
@media screen and (max-width:768px){
.newslist .item{width: 48% !important;}
.newslist .item:nth-child(odd){margin-right: 2% !important;padding-right: 2% !important;}
.newslist .item:nth-child(even){padding-right: 0 !important;margin-right: 0 !important;}
.newslist .item:nth-child(odd):after{display: block !important;}
.newslist .item:nth-child(even):after{display: none !important;}
}
@media screen and (max-width:520px){
.newslist{padding: 35px 0;}
.newslist .item .info .t1{font-size: 16px;margin-top: 6px;}
.newslist .item .info .more{font-size: 14px;margin-top: 20px;}
}


/* news */
.news{padding: 90px 0;}
.news .title{font-size: 2vw;}
.news .date{font-size: .88vw;margin-top: .5vw;}
.news .cont{padding: 1.5vw 0;margin: 1.5vw 0;border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;}
.news .cont img{max-width: 100%;}
.news .cont p{font-size: .88vw;line-height: 1.9;margin-top: .5vw;}
.news .cont p:nth-child(1){margin-top: 0;}
.news .rem{margin-top: 2.5vw;}
.news .rem .list{margin-top: 2.5vw;}
.news .rem .item{width: 30.6666667%;position: relative;padding-right: 2%;margin-right: 2%;}
.news .rem .item:nth-child(3n+3){padding-right: 0;margin-right: 0;}
.news .rem .item:after{position: absolute;content: "";top: 0;background: #d1d1d1;height: 100%;width: 1px;right: 0;}
.news .rem .item:nth-child(3n+3):after{display: none;}
.news .rem .item .img{padding-bottom: 68%;position: relative;overflow: hidden;}
.news .rem .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.news .rem .item:hover .img img{transform:scale(1.06)}
.news .rem .item .info .date{color:#000;font-size:.85vw;margin-top:4vw;font-weight:700}
.news .rem .item .info .t1{margin-top:.5vw;color:#000;font-size:1vw;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;transition:all .5s ease;font-weight: bold;}
.news .rem .item .info .more{color:#000;font-size:.85vw;margin-top:4vw;font-weight:700}
.news .rem .item:hover .info .t1{color: #7D3A68;}
@media only screen and (max-width:1080px){
.news{padding: 60px 0;}
.news .title{font-size: 26px;}
.news .date{font-size: 16px;margin-top: 8px;}
.news .cont{padding: 20px 0;margin: 20px 0;}
.news .cont p{font-size: 15px;line-height: 28px;margin-top: 5px;}
.news .rem .item .info .date{font-size: 15px;}
.news .rem .item .info .t1{font-size: 20px;margin-top: 8px;}
.news .rem .item .info .more{font-size: 15px;}
}
@media screen and (max-width:768px){
.news .rem .item{width: 48%;}
.news .rem .item:nth-child(2){padding-right: 0;margin-right: 0;}
.news .rem .item:nth-child(3){display: none;}
}
@media screen and (max-width:520px){
.news{padding: 35px 0;}
.news .title{font-size: 22px;}
.news .date{font-size: 14px;}
.news .cont{padding: 15px 0;margin: 15px 0;}
.news .cont p{font-size: 14px;line-height: 26px;margin-top: 0;}
.news .rem{margin-top: 0;}
.news .rem .item .info .date{font-size: 14px;margin-top: 20px;}
.news .rem .item .info .t1{font-size: 16px;margin-top: 6px;}
.news .rem .item .info .more{font-size: 14px;margin-top: 20px;}
}


/* contacts01 */
.contacts01{padding: 90px 0 120px;overflow: hidden;}
.contacts01 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;position: relative;}
.contacts01 .ul::after{position: absolute;content: "";left: 50%;top: 0;width: 168%;background: #d1d1d1;height: 1px;transform: translate(-50% , 0);}
.contacts01 .ul li{width: 32%;padding-top: 4vw;border-left: 1px solid #d1d1d1;padding-bottom: 4vw;}
.contacts01 .ul li .info{padding-left: 2vw;position: relative;}
.contacts01 .ul li .info::after{position: absolute;content: "";background: #7D3A68;width: 2px;height: 100%;top: 0;left: 0;}
.contacts01 .ul li .icon img{width:3.1vw}
.contacts01 .ul li h4{font-size:1.1vw;margin: 1.5vw 0;}
.contacts01 .ul li p{font-size:.9vw;color:#666;line-height:1.6}
@media only screen and (max-width:1080px){
.contacts01{padding: 60px 0;}
.contacts01 .ul li{padding-top: 40px;padding-bottom: 40px;}
.contacts01 .ul li .info{padding-left: 20px;}
.contacts01 .ul li .icon img{width: 45px;}
.contacts01 .ul li h4{font-size: 20px;margin: 20px 0;}
.contacts01 .ul li p{font-size: 15px;}
}
@media only screen and (max-width:768px){
.contacts01 .ul li .info{padding: 0 20px;}
}
@media only screen and (max-width:680px){
.contacts01 .ul li{width: 100%;border-bottom: 2px solid #7D3A68;}
}
@media only screen and (max-width:680px){
.contacts01{padding: 35px 0;}
.contacts01 .ul li{padding-top: 25px;padding-bottom: 25px;}
.contacts01 .ul li .info{padding-left: 20px;}
.contacts01 .ul li .icon img{width: 30px;}
.contacts01 .ul li h4{font-size: 18px;margin: 15px 0;}
.contacts01 .ul li p{font-size: 14px;line-height: 24px;}
}



/* contacts02 */
.contacts02{padding: 90px 0;background: url(../images/c2_bg.jpg);background-size: cover;}
.contacts02 .cont{background: #fff;border-radius: 5px;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;padding: 6vw 2vw;}
.contacts02 .cont .left{width: 35%;}
.contacts02 .cont .left .nei_tit{margin-bottom: 0;}
.contacts02 .cont .right{width: 55%;}
.contacts02 .cont .right .input{position: relative;width: 48.5%;margin-right: 2%;margin-bottom: 1.5vw;}
.contacts02 .cont .right .input:nth-child(even){margin-right: 0;}
.contacts02 .cont .right .input label{font-size:.85vw}
.contacts02 .cont .right .input input{width:100%;border-bottom:1px solid #d8d8d8;height:2.4vw;font-size:.8vw}
.contacts02 .cont .right .input img{position:absolute;right:0;height:2.4vw;bottom:0}
.contacts02 .cont .right .input1 label{font-size:.85vw}
.contacts02 .cont .right .input1 textarea{width:100%;border-bottom:1px solid #d8d8d8;height:4vw;font-size:.8vw;font-family:GILROY-REGULAR;line-height:2.4vw}
.contacts02 .cont .right .submit{display:block;height: 2.4vw;overflow:hidden;position:relative;background-color: #ECECEC;border-radius: 30px;text-align: center;width: 7vw;margin-top: 2.5vw;}
.contacts02 .cont .right .submit input{font-size: .85vw;color: #000;line-height: 2.5vw;width: 100%;z-index: 9;position: relative;background: none;transition: .5s;}
.contacts02 .cont .right .submit:before{content:'';position:absolute;right:0;bottom: 0;z-index:1;width:0;height: 100%;background-color:#7D3A68;transition:.5s;}
.contacts02 .cont .right .submit:hover:before{width: 100%;}
.contacts02 .cont .right .submit:hover input{color:#fff;}
.contacts02 .cont .right .input input:focus,.contacts02 .cont .right .input1 textarea:focus{border-bottom: 1px solid #7D3A68;}
@media only screen and (max-width:1080px){
.contacts02{padding: 60px 0;}
.contacts02 .cont{padding: 60px 20px;}
.contacts02 .cont .right .input{margin-bottom: 20px;}
.contacts02 .cont .right .input label{font-size: 16px;}
.contacts02 .cont .right .input input{font-size: 14px;height: 40px;}
.contacts02 .cont .right .input img{height: 40px;}
.contacts02 .cont .right .input1 label{font-size: 16px;}
.contacts02 .cont .right .input1 textarea{height: 68px;line-height: 40px;font-size: 14px;}
.contacts02 .cont .right .submit{width: 24%;height: 40px;margin-top: 25px;}
.contacts02 .cont .right .submit input{font-size: 14px;line-height: 40px;}
}
@media only screen and (max-width:768px){
.contacts02 .cont{padding: 40px 20px;}
.contacts02 .cont .left{width: 100%;margin-bottom: 50px;}
.contacts02 .cont .right{width: 100%;}
.contacts02 .cont .right .input{width: 47%;margin-right: 6%;}
}
@media only screen and (max-width:520px){
.contacts02{padding: 45px 0;}
.contacts02 .cont{padding: 30px 20px;}
.contacts02 .cont .left{margin-bottom: 30px;}
.contacts02 .cont .right .input{margin-bottom: 18px;}
.contacts02 .cont .right .input label{font-size: 14px;}
.contacts02 .cont .right .input input{font-size: 12px;height: 35px;}
.contacts02 .cont .right .input img{height: 35px;}
.contacts02 .cont .right .input1 label{font-size: 14px;}
.contacts02 .cont .right .input1 textarea{height: 58px;line-height: 35px;font-size: 12px;}
.contacts02 .cont .right .submit{width: 32%;height: 36px;margin-top: 20px;}
.contacts02 .cont .right .submit input{line-height: 36px;}
}


/* about01 */
.about01{padding: 90px 0 0;}
.about01 .bg img{width: 100%;}
.about01 .cont{border-radius: 3px;background-color: #FFFFFF;box-shadow: 0 0 30px 10px rgb(0 0 0 / 21%);transform: translateY(-50%);width: 70vw;margin: 0 auto;padding: 3vw;}
.about01 .cont p{font-size: .88vw;line-height: 1.9;margin-top: .5vw;}
@media only screen and (max-width:1080px){
.about01{padding: 60px 0 0;}
.about01 .cont{width: 90%;padding: 30px;transform: translateY(-35%);}
.about01 .cont p{font-size: 15px;}
}
@media only screen and (max-width:768px){
.about01 .cont{transform: translateY(-52px);}
}
@media only screen and (max-width:520px){
.about01{padding: 35px 0 0;}
.about01 .bg{height: 268px;}
.about01 .bg img{height: 100%;object-fit: cover;}
.about01 .cont{width: 88%;padding: 15px;transform: translateY(-10%);}
.about01 .cont p{font-size: 14px;line-height: 26px;}
}

/* about02 */
.about02{padding-bottom: 100px;margin-top: -7vw;}
.about02 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.about02 .cont .left{width: 30%;position: relative;padding-left: 2.2vw;}
.about02 .cont .left .nei_tit{margin-bottom: 2vw;}
.about02 .cont .left .bom{display: flex;justify-content: center;margin-top: 4vw;}
.about02 .cont .left .bom .swiper-button-next,.about02 .cont .left .bom .swiper-button-prev{position: relative;border-radius: 100%;border: 2px solid #7D3A68;width: 2.4vw;height: 2.4vw;opacity: 1;margin: 0 2vw;}
.about02 .cont .left .bom .swiper-button-next:after,.about02 .cont .left .bom .swiper-button-prev:after{color: #7D3A68;font-size: .9vw;font-weight: bold;transition: all .6s;}
.about02 .cont .left .bom .swiper-button-next::before,.about02 .cont .left .bom .swiper-button-prev:before{content:'';position:absolute;width:100%;height:100%;left:0;top:0;transform:scale(0);background-color:#7D3A68;border-radius:50%;transition:cubic-bezier(.4,.4,0,1) .5s;z-index:-1}
.about02 .cont .left .bom .swiper-button-next:hover:after,.about02 .cont .left .bom .swiper-button-prev:hover:after{color: #fff;}
.about02 .cont .left .bom .swiper-button-next:hover:before,.about02 .cont .left .bom .swiper-button-prev:hover:before{transform: none;}
.about02 .cont .right{width: 60%;overflow: hidden;}
.about02 .cont .right .ab2{overflow: initial;}
.about02 .cont .right .img img{width: 100%;}
@media only screen and (max-width:1080px){
.about02{padding-bottom: 60px;margin-top: -10vw;}
.about02 .cont .left .bom .swiper-button-next, .about02 .cont .left .bom .swiper-button-prev{width: 36px;height: 36px;margin: 0 35px;}
.about02 .cont .left .bom .swiper-button-next:after, .about02 .cont .left .bom .swiper-button-prev:after{font-size: 14px;}
}
@media only screen and (max-width:768px){
.about02{padding: 60px 0;width: 92%;margin: 0 auto;}
.about02 .cont .left{width: 100%;padding-left: 0;}
.about02 .cont .right{width: 100%;margin-top:30px;}
}
@media only screen and (max-width:520px){
.about02{padding: 0 0 35px;margin-top: -30px;}
.about02 .cont .left .bom .swiper-button-next, .about02 .cont .left .bom .swiper-button-prev{width: 34px;height: 34px;margin: 0 25px;}
.about02 .cont .left .bom .swiper-button-next:after, .about02 .cont .left .bom .swiper-button-prev:after{font-size: 12px;}
}



/* about03 */
.about03{position: relative;overflow: hidden;}
.about03 .bg img{width: 100%;}
.about03 .info{position: absolute;top: 50%;transform: translate(-50% , -50%);width: 100%;left: 50%;z-index: 99;}
.about03 .info .nei_tit .title{color: #fff;}
.about03 .info .nei_tit img{filter: brightness(0) invert(1);}
.about03 .info .play{position: relative;width: max-content;margin: 0 auto;}
.about03 .info .play img{width:3.6vw}
.about03 .info .play:before{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:2px solid rgba(255,255,255,.5);transform:translate(-50%,-50%) scale(.9);transition:all .5s cubic-bezier(.215,.61,.355,1) 0s}
.about03 .info .play:after{content:'';position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;border:1px solid rgba(255,255,255,.25);transform:translate(-50%,-50%) scale(.9);transition:all .4s cubic-bezier(.215,.61,.355,1) 50ms}
.about03 .info .play:hover:before{transform:translate(-50%,-50%) scale(1.3)}
.about03 .info .play:hover:after{transform:translate(-50%,-50%) scale(1.6)}
.about03 .icon{position: absolute;left: 50%;bottom: 0;width: 90%;max-width: 1566px;transform: translateX(-50%);z-index: 1;}
@media only screen and (max-width:1080px){
.about03 .info .play img{width: 55px;}
}
@media only screen and (max-width:520px){
.about03 .info .play img{width: 40px;}
}


/* productlist */
.productlist{padding: 90px 0;background: url(../images/p_bg.jpg);background-size: cover;}
.productlist .item{width: 23.5%;margin-right: 2%;margin-bottom: 2%;background-color: #fff;box-shadow: 0 0 5px rgb(0 0 0 / 6%);border-radius: 5px;}
.productlist .item:nth-child(4n+4){margin-right: 0;}
.productlist .item a{display: block;padding:2vw 1vw;}
.productlist .item .img{overflow: hidden;}
.productlist .item .img img{transition:all .5s ease;}
.productlist .item:hover .img img{transform:scale(1.06)}
.productlist .item .t1{position: relative;padding-bottom: 1.5vw;}
.productlist .item .t1::after{position: absolute;content: "";width: 2vw;height: 4px;background: #7D3A68;left: 50%;bottom: 0;transform: translate(-50%, -50%);transition: all .4s ease;}
.productlist .item .t1 p{font-size: .99vw;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.productlist .item:hover .t1::after{width: 30%;}
@media only screen and (max-width:1080px){
.productlist{padding: 60px 0;}
.productlist .item{width: 32%;}
.productlist .item:nth-child(4n+4){margin-right: 2%;}
.productlist .item:nth-child(3n+3){margin-right: 0;}
.productlist .item a{padding: 30px 10px;}
.productlist .item .t1{padding-bottom: 25px;}
.productlist .item .t1::after{width: 40px;}
.productlist .item .t1 p{font-size: 18px;}
}
@media only screen and (max-width:768px){
.productlist .item .t1 p{font-size: 16px;}
}
@media only screen and (max-width:580px){
.productlist{padding: 35px 0;}
.productlist .item{width: 48.5%;margin-bottom: 3%;}
.productlist .item:nth-child(odd){margin-right: 3%;}
.productlist .item:nth-child(even){margin-right: 0;}
.productlist .item a{padding: 20px 0px;}
.productlist .item .t1{padding-bottom: 20px;}
.productlist .item .t1::after{width: 30px;height: 2px;}
.productlist .item .t1 p{font-size: 15px;padding: 0 10px;}
}



/* se01 */
.se01{padding: 90px 0;}
.se01 .ul{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.se01 .ul li{border-radius: 10px;transition: all .35s ease;width: 49%;margin-bottom: 2%;box-shadow: 0 0 5px rgba(0, 0, 0, .1);position: relative;}
.se01 .ul li .info{display: flex;align-items: center;justify-content: space-between;padding: 1.5vw 1.5vw 1.5vw 0;}
.se01 .ul li .info .icon img{width: 12vw;}
.se01 .ul li .info .text{width: 68%;}
.se01 .ul li .info .text h3{font-size:1.28vw;margin-bottom:.88vw}
.se01 .ul li .info .text p{font-size:.88vw;line-height:1.8}
.se01 .ul li:hover{box-shadow: 0 15px 30px rgba(0,0,0,.15);transform: translate3d(0,-8px,0);}
@media only screen and (max-width:1080px){
.se01{padding: 60px 0;}
.se01 .ul li .info{padding: 20px 20px 20px 0;}
.se01 .ul li .info .icon img{width: 120px;}
.se01 .ul li .info .text h3{font-size: 20px;}
.se01 .ul li .info .text p{font-size: 15px;line-height: 28px;}
}
@media only screen and (max-width:768px){
.se01 .ul li{width: 100%;}
.se01 .ul li .info .text{width: 80%;}
}
@media only screen and (max-width:520px){
.se01{padding: 35px 0;}
.se01 .ul li .info{padding: 16px 16px 16px 0;}
.se01 .ul li .info .text{width: 80%;}
.se01 .ul li .info .text h3{font-size: 18px;margin-bottom: 10px;}
.se01 .ul li .info .text p{font-size: 14px;line-height: 24px;}
}


/* se02 */
.se02{padding: 90px 0;background: #efefef4a;}
.se02 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.se02 .ul li{width: 23.5%;box-shadow: 0 0 20px rgba(0,0,0,.08);border-radius: 4px;text-align: center;padding: 2vw 0;transition: all .35s ease;position: relative;}
.se02 .ul li::after{position: absolute;content: "";width: 0;height: 3px;background: #7D3A68;left: 50%;bottom: -2px;transform: translate(-50%, -50%);transition: all .4s ease;}
.se02 .ul li .icon img{width: 5.8vw;}
.se02 .ul li .t1{font-size: 1.2vw;padding-bottom: 1.5vw;margin: 1.5vw 0;position: relative;}
.se02 .ul li .t1::after{position: absolute;content: "";left: 50%;transform: translate(-50% , 0);bottom: 0;background: #7D3A68;width: 2vw;height: 3px;}
.se02 .ul li .t2{font-size: .88vw;line-height: 26px;width: 85%;margin: 0 auto;min-height: 4vw;}
.se02 .ul li:hover{box-shadow: 0 15px 30px rgba(0,0,0,.15);transform: translate3d(0,-8px,0);}
.se02 .ul li:hover::after{width: 100%;}
@media only screen and (max-width:1080px){
.se02{padding: 60px 0;}
.se02 .ul li{padding: 25px 0;}
.se02 .ul li .icon img{width: 65px;}
.se02 .ul li .t1{font-size: 18px;padding-bottom: 15px;margin: 15px 0;}
.se02 .ul li .t2{font-size: 15px;line-height: 26px;width: 90%;min-height: 100px;}
}
@media only screen and (max-width:768px){
.se02 .ul li{width: 49%;}
.se02 .ul li{padding: 25px 0;}
.se02 .ul li .icon img{width: 70px;}
.se02 .ul li .t1::after{width: 35px;}
.se02 .ul li .t2{min-height: auto;}
}
@media only screen and (max-width:520px){
.se02{padding: 35px 0 25px;}
.se02 .ul li{width: 100%;}
.se02 .ul li{padding: 20px 0;box-shadow: 0 0 5px rgba(0, 0, 0, .1);margin-bottom: 15px;}
.se02 .ul li .icon img{width: 58px;}
.se02 .ul li .t1{padding-bottom: 12px;margin: 12px 0;}
.se02 .ul li .t1::after{width: 35px;}
.se02 .ul li .t2{font-size: 14px;line-height: 24px;width: 95%;}
}


/* se03 */
.se03{padding: 90px 0;background: url(../images/se3_bg.jpg);background-size: cover;text-align: center;}
.se03 .title{font-size: 2.35vw;font-weight: bold;text-align: center;letter-spacing: 1px;color: #000000;margin-bottom: 1.5vw;padding-bottom: 1.5vw;position: relative;}
.se03 .title::after{position: absolute;content: "";width: 68px;height: 4px;border-radius: 4px;background: #7d3a68;left: 50%;bottom: 0;transform: translate(-50%,-50%);box-shadow: 0 0 0 4px rgb(125 58 104 / 22%);}
.se03 .bt{background: #101010;margin: 0 auto;width: max-content;padding: .5vw 1.25vw;border-radius: 58px;margin-top: 4vw;transition: all .4s ease;}
.se03 .bt a{display: flex;align-items: center;}
.se03 .bt p{color: #fff;font-size: .88vw;margin-right: .5vw;font-weight: bold;}
.se03 .bt:hover{background: #7D3A68;}
@media only screen and (max-width:1080px){
.se03{padding: 60px 0;}
.se03 .title{font-size: 3.5vw;margin-bottom: 25px;padding-bottom: 25px;}
.se03 .title::after{height: 3px;}
.se03 .bt{padding: .8vw 2.25vw;}
.se03 .bt p{font-size: 15px;}
}
@media only screen and (max-width:520px){
.se03{padding: 35px 0;}
.se03 .title{font-size: 25px;}
.se03 .title::after{height: 2px;width: 50px;box-shadow: 0 0 0 2px rgb(125 58 104 / 22%);}
.se03 .bt{padding: 8px 20px;margin-top: 20px;}
.se03 .bt p{font-size: 13px;}
.se03 .bt img{width: 20px;}
}

/* product */
.product{padding: 60px 0 90px;background: url(../images/p_bg.jpg);background-size: cover;}
.product .wrap{background-color: #fff;border-radius: 10px;box-shadow: 0 0 5px rgba(0, 0, 0, .1);padding: 2.4vw;}
.product .title{padding-bottom: .88vw;border-bottom: 1px solid #d2d2d2;margin-top: 4vw;position: relative;font-size: 1.35vw;padding-left: 1vw;}
.product .title::after{position: absolute;content: "";left: 0;top: 8%;width: 4px;height: 55%;background: #7D3A68;}
.product .pro{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product .pro .pro_img{width: 45%;position: relative;}
.product .pro .pro_img .i_box{width: 50% !important;height: 50% !important;border: 1px solid #CCC;position: absolute;left: 0;top: 0;background: rgba(0,0,0,0.3);cursor: move;display: none;}
.product .pro .pro_img .bigbox{width: 20vw;height: 20vw; overflow: hidden;position: absolute;left: 110%; top:0; border: 1px solid #CCCCCC;display: none;background: #fff;z-index: 3;}
.product .pro .pro_img .bigbox img{position: absolute;left: 0;right: 0;max-width: initial;}
.product .pro .pro_img .img{background: #E6E7E9;text-align: center;}
.product .pro .pro_img .img img{mix-blend-mode: multiply;filter: brightness(1.05) contrast(1.1);}
.product .pro .pro_img .pro1{margin-top: 20px;}
.product .pro .pro_img .pro1 .img{border: 1px solid #E6E7E9;}
.product .pro .pro_img .pro1 .swiper-slide-thumb-active .img{border: 1px solid #7D3A68;}
.product .pro .pro_img .pro2 .swiper-wrapper{z-index: 3;}
.product .pro .pro_img .pro2 .choose_pic{position: absolute;left: 0;top: 0;}
.product .pro .pro_img .pro2 .choose_pic .pic{background: #E6E7E9;text-align: center;}
.product .pro .pro_img .pro2 .choose_pic .pic img{mix-blend-mode: multiply;filter: brightness(1.05) contrast(1.1);}
.product .pro .pro_info{width: 50%;padding-top: 2vw;}
.product .pro .pro_info .lb{color: #838383;font-size: 1vw;}
.product .pro .pro_info .t1{font-size: 1.8vw;color: #000;margin-top: .5vw;}
.product .pro .pro_info .choose{display: flex;align-items: center;margin: 3vw 0;}
.product .pro .pro_info .choose .tit{font-size: 1vw;color: #838383;}
.product .pro .pro_info .choose .ul{display:flex;align-items:center;flex-wrap: wrap;}
.product .pro .pro_info .choose .ul li{background:#f4f4f4;margin:10px 0;margin-right: .5vw; padding:.4vw 1vw;font-size:1vw;cursor:pointer;color:#161616;border: 1px solid #f4f4f4;border-radius: 6px;}
.product .pro .pro_info .choose .ul li.active{background: #fff1f1;border: 1px solid #7D3A68;color: #7D3A68;}
.product .pro .pro_info .bt{background:#7d3a68;text-align:center;color:#fff;line-height:2.4vw;border-radius:24px;font-size:1vw;transition:ease .5s;}
.product .pro .pro_info .bt:hover{background:linear-gradient(to right,#14d3dc,#4986a2,#7d3a68)}
.product .pdel .cont{padding: 1vw 0 0;}
.product .pdel .cont p{font-size: .88vw;line-height: 2;margin-top: .25vw;}
.product .pdel .cont p:nth-child(1){margin-top: 0;}
.product .pdel .cont p img{max-width: 100%;margin: 1vw 0;}
.product .prem .pro3{margin-top: 2vw;padding: 8px;}
.product .prem .item{background-color: #fff;box-shadow: 0 0 3px rgb(0 0 0 / 12%);border-radius: 5px;}
.product .prem .item a{display: block;padding:2vw 1vw;}
.product .prem .item .img{overflow: hidden;}
.product .prem .item .img img{transition:all .5s ease;}
.product .prem .item:hover .img img{transform:scale(1.06)}
.product .prem .item .t1{position: relative;padding-bottom: 1.5vw;}
.product .prem .item .t1::after{position: absolute;content: "";width: 2vw;height: 4px;background: #7D3A68;left: 50%;bottom: 0;transform: translate(-50%, -50%);transition: all .4s ease;}
.product .prem .item .t1 p{font-size: .99vw;text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.product .prem .item:hover .t1::after{width: 30%;}
@media only screen and (max-width:1080px){
.product{padding: 60px 0;}
.product .wrap{padding: 30px;}
.product .title{margin-top: 40px;font-size: 24px;padding-left: 15px;padding-bottom: 15px;}
.product .pro .pro_info .lb{font-size: 16px;}
.product .pro .pro_info .t1{font-size: 30px;margin-top: 10px;}
.product .pro .pro_info .choose{margin: 30px 0 50px;}
.product .pro .pro_info .choose .tit{font-size: 16px;}
.product .pro .pro_info .choose .ul li{margin:5px 0;margin-right: 5px; font-size: 16px;padding: 8px 15px;}
.product .pro .pro_info .bt{font-size: 16px;line-height: 40px;}
.product .pdel .cont{padding-top: 15px;}
.product .pdel .cont p{font-size: 15px;margin-top: 5px;}
.product .pdel .cont p img{margin: 10px 0;}
.product .prem .item a{padding: 30px 10px;}
.product .prem .item .t1{padding-bottom: 25px;}
.product .prem .item .t1::after{width: 40px;}
.product .prem .item .t1 p{font-size: 18px;}
}
@media only screen and (max-width:768px){
.product .wrap{padding: 25px;}
.product .pro .pro_img{width: 100%;}
.product .pro .pro_info{width: 100%;padding-top: 20px;}
.product .pro .pro_info .t1{font-size: 24px;}
.product .pro .pro_info .choose{margin: 20px 0 40px;}
.product .prem .pro3{padding: 2px;}
.product .prem .item .t1 p{font-size: 16px;}
}
@media only screen and (max-width:520px){
.product{padding: 30px 0;}
.product .wrap{padding: 15px;}
.product .title{margin-top: 25px;font-size: 20px;padding-left: 12px;padding-bottom: 12px;}
.product .pro .pro_img .pro1{margin-top: 15px;}
.product .pro .pro_info .lb{font-size: 15px;}
.product .pro .pro_info .t1{font-size: 20px;margin-top: 5px;}
.product .pro .pro_info .choose{margin: 20px 0 25px;}
.product .pro .pro_info .choose .tit{font-size: 16px;}
.product .pro .pro_info .choose .ul li{font-size: 15px;}
.product .pro .pro_info .bt{font-size: 15px;line-height: 35px;}
.product .pdel .cont{padding-top: 10px;}
.product .pdel .cont p{font-size: 14px;margin-top: 0px;line-height: 26px;}
.product .prem .item a{padding: 20px 0px;}
.product .prem .item .t1{padding-bottom: 15px;}
.product .prem .item .t1::after{width: 30px;height: 2px;}
.product .prem .item .t1 p{font-size: 15px;padding: 0 10px;}
}