/* title */
.nei_tit{position: relative;text-align: center;margin: 0 auto;padding-bottom: 3vw;}
.nei_tit .title{font-size: 2.2vw;color: #123280;position: relative;padding-bottom: 1vw;}
.nei_tit .title:after{position: absolute;content: "";bottom: 0;width: 3vw;height: 3px;background: #123280;left:50%;transform:translate(-50% , 0);}
@media screen and (max-width:1080px){
.nei_tit .title{font-size: 3.2vw;padding-bottom: 15px;}
.nei_tit .title:after{width: 45px;}
}
@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: 22px;padding-bottom: 12px;}
.nei_tit .title:after{width: 40px;height: 2px;}
}

/* banner */
.banner{position:relative;}
.banner .img img{width: 100%;height: 100%;object-fit: cover;}
.banner .info{position: absolute;top: 50%;width: 100%;}
.banner .info .t1{color: #fff;font-size: 2.8vw;}
@media only screen and (max-width:1080px){
.banner .info .t1{font-size: 35px;}
}
@media only screen and (max-width:768px){
.banner{margin-top: 73px;}
.banner .info{top: 40%;}
.banner .info .t1{font-size: 30px;}
}
@media only screen and (max-width:520px){
.banner{margin-top: 60px;}
.banner .info{}
.banner .info .t1{font-size: 22px;text-align: center;}
}


/* lnav */
.lnav{width: 100%;background: #F4F4F4;}
.lnav .w1600{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.lnav .crumb{display: flex;align-items: center;color: #333;padding: 1.35vw 0;}
.lnav .crumb p{font-size: .85vw;border-left: 3px solid #123280;padding-left: .6vw;}
.lnav .crumb a{font-size: .8vw;margin: 0 .5vw;}
.lnav .crumb a:nth-child(2){margin-left: 0;}
.lnav .crumb a:hover{text-decoration: revert;color: #123280;}
.lnav .ul{display: flex;align-items: center;justify-content: center;}
.lnav .ul li{margin: 0 1.6vw;padding: 1.35vw 0;}
.lnav .ul li:nth-child(1){margin-left: 0;}
.lnav .ul li:nth-last-child(1){margin-right: 0;}
.lnav .ul li a{font-size: .85vw;display: block;position: relative;color: #333;}
.lnav .ul li a:after{content:"";position:absolute;display:block;transition:all .6s;width:0;height: 2px;left:50%;transform:translate(-50% , -50%);background: #123280;bottom: -.88vw;}
.lnav .ul li:hover a,.lnav .ul li.cur a{color: #123280;}
.lnav .ul li:hover a:after,.lnav .ul li.cur a:after{width: 100%;}
@media only screen and (max-width:1080px){
.lnav .ul li{margin: 0 18px;padding: 20px 0;}
.lnav .ul li a{font-size: 14px;}
.lnav .crumb p{font-size: 14px;margin: 0 5px;}
}
@media only screen and (max-width:880px){
.lnav{position: relative;background: #fff;border-bottom: 1px dashed #eee;}
.lnav .w1600{display: block;overflow: auto;}
.lnav .ul{width: max-content;margin: 0 auto;overflow: hidden;}
.lnav .ul li{margin: 0 20px;}
.lnav .ul li a{color: #000;}
.lnav .ul li a:before{bottom: -10px;border-bottom: 4px solid #333;}
.lnav .ul li a:after{bottom: -10px;}
.lnav .crumb{display: none;}
}
@media only screen and (max-width:520px){
.lnav .ul li{margin: 0 12px;padding: 15px 0;}
.lnav .ul li a{font-size: 14px;}
}
 


/* about01 */
.about01{padding: 90px 0;}
.about01 .cont{display: flex;justify-content: space-between;}
.about01 .cont .left{width: 38vw;}
.about01 .cont .left .nei_tit{margin-left: 0;text-align: left;}
.about01 .cont .left .nei_tit .title:after{left: 0;transform: translate(0 , 0);}
.about01 .cont .left .nei_tit .title:before{position: absolute;content: "";bottom: 0;left: 0;width: 100%;height: 1px;background: #eee;}
.about01 .cont .left .text p{color: #666;font-size:.85vw;line-height:2;}
.about01 .cont .right{width: 34vw;}
.about01 .cont .right iframe{width: 100%;height: 100%;}
.about01 .ul{display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;margin-top: 3vw;}
.about01 .ul li{width: 22%;border: 10px solid #f9f9f9;text-align: center;padding: 1.5vw 0;}
.about01 .ul li span{font-size: 2.8vw;color: #1B1E27;font-weight: bold;}
.about01 .ul li sup{top: 0;font-size: .85vw;color: #1B1E27;font-weight: bold;width: max-content;margin-top: -1vw;}
.about01 .ul li p{color: #666;font-size: .9vw;margin-top: .3vw;}
@media only screen and (max-width:1080px){
.about01{padding: 60px 0;}
.about01 .cont .left{width: 50%;}
.about01 .cont .left .text p{font-size: 14px;}
.about01 .cont .right{width: 45%;}
.about01 .ul li{padding: 20px 0;}
.about01 .ul li span{font-size: 40px;}
.about01 .ul li sup{font-size: 14px;}
.about01 .ul li p{font-size: 14px;margin-top: 5px;}
}
@media only screen and (max-width:768px){
.about01 .cont{flex-wrap: wrap;}
.about01 .cont .left{width: 100%;margin-bottom: 30px;}
.about01 .cont .right{width: 100%;}
.about01 .cont .right iframe{height: 388px;}
.about01 .ul li{width: 45.5%;margin: 1.5% 0;}
}
@media only screen and (max-width:520px){
.about01{padding: 30px 0;}
.about01 .cont .left{margin-bottom: 20px;}
.about01 .cont .left .nei_tit{margin-bottom: 10px;}
.about01 .cont .right iframe{height: 320px;}
.about01 .ul li{padding: 15px 0;width: 44.5%;margin: 1.5% 0;border: 8px solid #f9f9f9;}
.about01 .ul li span{font-size: 36px;}
.about01 .ul li sup{font-size: 13px;}
}


/* about02 */
.about02{padding: 120px 0;background: url(../images/ab2_bg.jpg);background-size: cover;background-attachment: fixed;}
.about02 .nei_tit .title{color: #fff;}
.about02 .nei_tit .title:after{background: #fff;}
.about02 .text{color: #fff;line-height: 2.2;font-size: .95vw;text-align: center;}
@media only screen and (max-width:1080px){
.about02{background-position: bottom;padding: 90px 0;}
.about02 .text{font-size: 16px;}
}
@media only screen and (max-width:520px){
.about02{padding: 60px 0;}
.about02 .text{font-size: 14px;line-height: 28px;}
}



/* about03 */
.about03{padding: 90px 0;}
.about03 .cont .item{border: 10px solid #eee;padding: 1vw;}
.about03 .cont .bom{display: flex;align-items: center;justify-content: center;margin-top: 4vw;}
.about03 .cont .bom .swiper-button-prev,.about03 .cont .bom .swiper-button-next{width: 2.4vw;height: 2.4vw;border-radius: 50%;border: 2px solid #a2a2a2;margin: 0 2vw;position: initial;}
.about03 .cont .bom .swiper-button-next:after,.about03 .cont .bom .swiper-button-prev:after{color: #a2a2a2;font-size: .85vw;font-weight: bold;}
.about03 .cont .bom .swiper-button-prev:hover,.about03 .cont .bom .swiper-button-next:hover{background: #123280;border: 1px solid #123280;}
.about03 .cont .bom .swiper-button-prev:hover:after,.about03 .cont .bom .swiper-button-next:hover:after{color: #fff;}
@media only screen and (max-width:1080px){
.about03{padding: 60px 0;}
.about03 .cont .bom{margin-top: 40px;}
.about03 .cont .bom .swiper-button-prev, .about03 .cont .bom .swiper-button-next{width: 36px;height: 36px;}
.about03 .cont .bom .swiper-button-next:after, .about03 .cont .bom .swiper-button-prev:after{font-size: 14px;}
}
@media only screen and (max-width:520px){
.about03{padding: 30px 0;}
.about03 .cont .item{border: 6px solid #eee;}
.about03 .cont .bom{margin-top: 30px;}
.about03 .cont .bom .swiper-button-prev, .about03 .cont .bom .swiper-button-next{width: 32px;height: 32px;margin: 0 15px;}
.about03 .cont .bom .swiper-button-next:after, .about03 .cont .bom .swiper-button-prev:after{font-size: 13px;}
}


/* caselist */
.caselist{padding: 90px 0;}
.caselist .item{background: #F9F9F9;margin-bottom: 3%;}
.caselist .item a{display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;}
.caselist .item:nth-child(even) a{flex-direction: row-reverse;}
.caselist .item .info{padding:0 3vw;width:45vw}
.caselist .item .info .t1{font-size:1.68vw;color:#000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.caselist .item .info .text{color:#666;line-height:2;margin:1vw 0 1.5vw;font-size:.83vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.caselist .item .info .bt{background:#123280;width:max-content;transition: ease .5s;}
.caselist .item .info .bt img{padding:.58vw 1.88vw}
.caselist .item:hover .info .bt{background: #DD0412;transform:translateY(-8px);}
.caselist .item .img{padding-bottom: 26%;position:relative;overflow:hidden;width: 27vw;}
.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.06)}
@media only screen and (max-width:1080px){
.caselist{padding: 60px 0;}
.caselist .item .info{width: 50%;padding: 0 30px;padding-right: 0;}
.caselist .item .info .t1{font-size: 20px;}
.caselist .item .info .text{font-size: 14px;margin: 10px 0 15px;}
.caselist .item .info .bt img{padding: 8px 30px;}
.caselist .item .img{width: 40%;}
}
@media only screen and (max-width:768px){
.caselist .item .info{width: 100%;padding: 30px;}
.caselist .item .img{width: 100%;padding-bottom: 45%;}
}
@media only screen and (max-width:520px){
.caselist{padding: 30px 0;}
.caselist .item .info{padding: 20px;}
.caselist .item .info .t1{font-size: 18px;}
.caselist .item .info .text{line-height: 24px;}
}


/* case */
.case{padding: 90px 0;}
.case .txt{text-align:center;font-size:1.68vw;color:#333}
.case .tit{font-size:.83vw;color:#666;text-align:center;margin-top:.58vw}
.case .cont{padding:2vw 0;margin:2vw 0;border-top:1px solid #eee;border-bottom:1px solid #eee}
.case .cont p{color:#666;font-size:.83vw;line-height:2;text-align: center;}
.case ul{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;background:#eee;padding:1vw}
.case ul li{font-size:.8vw;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.case .rem{margin-top:3vw} 
.case .rem .ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.case .rem .ul .li{width: 46%;border-bottom: 1px dashed #b5b5b5;margin-bottom: 1.5vw;padding-bottom: 1vw;color: #333;font-size: .83vw;}
.case .rem .ul .li:hover{color: #123280;border-bottom: 1px dashed #123280;}
.case .rem .ul .li a{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
@media only screen and (max-width:1080px){
.case{padding: 60px 0;}
.case .txt{font-size: 24px;}
.case .tit{font-size: 14px;margin-top: 8px;}
.case .cont{margin: 20px 0;padding: 20px 0;}
.case .cont p{font-size: 15px;}
.case ul{padding: 15px;}
.case ul li{font-size: 14px;}
.case .rem{margin-top: 40px;}
.case .rem .ul .li{margin-bottom: 20px;padding-bottom: 20px;font-size: 15px;}
}
@media only screen and (max-width:520px){
.case{padding: 30px 0;}
.case .txt{font-size: 20px;}
.case .tit{font-size: 13px;margin-top: 10px;}
.case .cont{margin: 15px 0;padding: 15px 0;}
.case .cont p{font-size: 14px;line-height: 24px;}
.case ul li{font-size: 13px;}
.case .rem{margin-top: 25px;}
.case .rem .ul .li{margin-bottom: 15px;padding-bottom: 15px;font-size: 14px;width: 100%;}
}



/* newslist */
.newslist{padding: 90px 0;}
.newslist .item{width: 32%;margin-bottom: 2%;margin-right: 2%;}
.newslist .item:nth-child(3n+3){margin-right: 0;}
.newslist .item a{background: #fafafa;display: block;border: 2px solid #EEEEEE;padding: 1vw;}
.newslist .item .info .date{font-size:.9vw;color:#666}
.newslist .item .info .t1{margin: 1vw 0;padding-bottom: 1vw;border-bottom: 1px solid #eee;position: relative;}
.newslist .item .info .t1:after{position: absolute;content: "";height: 1px;width:0;z-index:9;left: 0;bottom: 0;transition: all .5s ease-in-out;background: #123280;}
.newslist .item:hover .info .t1:after{width: 100%;}
.newslist .item .info .t1 p{font-size:1.2vw;color:#555;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;overflow:hidden;}
.newslist .item .info .t2{font-size:.83vw;color:#666;line-height:1.8;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.newslist .item .img{padding-bottom:65%;position:relative;overflow:hidden;margin:1vw 0}
.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 .bt{font-size:.83vw;color:#666}
@media only screen and (max-width:1080px){
.newslist{padding: 60px 0;}
.newslist .item a{padding: 20px;}
.newslist .item .info .date{font-size: 16px;}
.newslist .item .info .t1{margin: 15px 0;padding-bottom: 15px;}
.newslist .item .info .t1 p{font-size: 18px;}
.newslist .item .info .t2{font-size: 14px;}
.newslist .item .img{margin: 15px 0;}
.newslist .bt{font-size: 14px;}
}
@media only screen and (max-width:768px){
.newslist .item{width: 48.5%;margin-bottom: 3%;}
.newslist .item:nth-child(odd){margin-right: 3%;}
.newslist .item:nth-child(even){margin-right: 0;}
}
@media only screen and (max-width:768px){
.newslist{padding: 30px 0;}
.newslist .item{width: 100%;margin-right: 0;}
.newslist .item a{padding: 15px;}
.newslist .item .info .t1{margin: 12px 0;padding-bottom: 12px;}
.newslist .item .info .t1 p{font-size: 16px;}
.newslist .item .info .t2{font-size: 14px;line-height: 24px;}
.newslist .item .img{margin: 10px 0;}
}


/* contact01 */
.contact01{background: #FAFAFA;padding:90px 0;}
.contact01 .cont{display: flex;flex-wrap: wrap;justify-content: space-between;background: #fff;padding: 3vw;box-shadow: 0 0 5px rgba(0, 0, 0, .1);}
.contact01 .cont .left{width: 45%;}
.contact01 .cont .left .nei_tit{margin-left: 0;text-align: left;}
.contact01 .cont .left .nei_tit .title:after{left: 0;transform: translate(0 , 0);}
.contact01 .cont .left .t2{color:#666;font-size: .85vw;line-height: 1.8;margin-bottom: 1.5vw;}
.contact01 .cont .left .ul li{margin-top: .5vw;}
.contact01 .cont .left .ul li .text{font-size:.85vw;color: #666;line-height: 2;}
.contact01 .cont .left .img{margin-top: 2vw;}
.contact01 .cont .left .img img{width: 9vw;}
.contact01 .cont .right{width: 45%;background: #fff;}
.contact01 .cont .right .input{margin-bottom:1vw}
.contact01 .cont .right .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}
.contact01 .cont .right .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;}
.contact01 .cont .right .input.code{position:relative}
.contact01 .cont .right .input.code img{position:absolute;top:0;right:0;height:2.5vw}
.contact01 .cont .right .input input:focus,.contact01 .cont .right .input textarea:focus{border: 1px solid #123280;}
.contact01 .cont .right .submit input{line-height: 2.5vw;height: 2.5vw;width: 28%;border: 1px solid #123280;background: linear-gradient(135deg, #fff 50%, #123280 50%);background-size: 200% 200%;background-position: 100% 100%;color: #fff;font-size: .85vw;border-radius: 15px;transition: all 0.3s ease;margin-top: 1vw;}
.contact01 .cont .right .submit input:hover{background-position: 0% 0%;color: #333;}
@media screen and (max-width:1080px){
.contact01{padding: 80px 0;}
.contact01 .cont{padding: 30px;}
.contact01 .cont .left .nei_tit{margin-bottom: 20px;}
.contact01 .cont .left .t2{font-size: 1.35vw;margin-top: .8vw;}
.contact01 .cont .left .ul li .text{font-size: 1.35vw;}
.contact01 .cont .left .img{margin-top: 20px;}
.contact01 .cont .left .img img{width: 120px;}
.contact01 .cont .right{width: 55%;}
.contact01 .cont .right .input{margin-bottom:2vw}
.contact01 .cont .right .input input{width: calc(100% - 3vw);height: 3.5vw;line-height: 3.5vw;font-size: 1.2vw;padding: 0 1.5vw;border-radius: 6px;}
.contact01 .cont .right .input textarea{width: calc(100% - 3vw);height: 10vw;line-height: 6vw;font-size: 1.2vw;padding: 0 1.5vw;border-radius: 6px;}
.contact01 .cont .right .input.code img{height:3.5vw}
.contact01 .cont .right .submit input{line-height: 3.5vw;height: 3.5vw;width: 28%;font-size: 1.35vw;border-radius: 10px;}
}
@media screen and (max-width:768px){
.contact01{padding: 60px 0;}
.contact01 .cont .left{width: 40%;}
.contact01 .cont .left .nei_tit{margin-bottom: 10px;}
.contact01 .cont .left .t2{font-size: 15px;margin-top: 8px;}
.contact01 .cont .left .ul li .text{font-size: 15px;}
.contact01 .cont .right{width: 50%;}
.contact01 .cont .right .input{margin-bottom: 20px;}
.contact01 .cont .right .input input{width: calc(100% - 30px);height: 35px;line-height: 35px;font-size: 13px;padding: 0 15px;}
.contact01 .cont .right .input textarea{width: calc(100% - 3vw);height: 10vw;line-height: 3.5vw;font-size: 1.2vw;padding: 0 1.5vw;}
.contact01 .cont .right .input.code img{height: 35px;}
.contact01 .cont .right .submit input{line-height: 35px;height: 35px;width: 35%;font-size: 15px;}
}
@media screen and (max-width:680px){
.contact01 .cont .left{width: 100%;margin-bottom: 25px;}
.contact01 .cont .right{width: 100%;}
}
@media screen and (max-width:520px){
.contact01{padding: 35px 0;}
.contact01 .cont{padding: 20px;}
.contact01 .cont .left{margin-bottom: 20px;}
.contact01 .cont .left .t2{font-size: 14px;margin-top: 5px;}
.contact01 .cont .left .ul li{margin-top: 10px;}
.contact01 .cont .left .ul li .text{font-size: 14px;line-height: 22px;}
.contact01 .cont .left .img{margin-top: 15px;}
.contact01 .cont .left .img img{width: 110px;}
.contact01 .cont .right .input{margin-bottom: 15px;}
.contact01 .cont .right .input input{font-size: 12px;}
.contact01 .cont .right .input textarea{height: 80px;line-height: 35px;font-size: 12px;padding: 0 15px;}
.contact01 .cont .right .submit input{line-height: 32px;height: 32px;width: 32%;font-size: 14px;border-radius: 5px;margin: 6px 0 10px;}
}

/* pnav */
.pnav{width: 20%;}
.pnav .title{background: #123280;color: #fff;font-size: 1.3vw;font-weight: bold;padding: 1.35vw;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.pnav ul{border: solid 2px #fafafa;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.pnav .pclose{display: none;}
.pnav ul li .fd{display:flex;align-items:center;justify-content:space-between;padding: 1vw;border: solid 2px #fafafa;}
.pnav ul li .fd a{font-size: .88vw;color: #666;position: relative;padding-left: 0;transition: ease .5s;}
.pnav ul li .fd a:after{position: absolute;content: "";left: 0;top: 50%;transform:translate(0 , -50%);height: 2px;width: 0;background: #123280;transition: ease .5s;}
.pnav ul li.on .fd a,.pnav ul li.cur .fd a,.pnav ul li .fd:hover a{padding-left: 2vw;}
.pnav ul li.on .fd a:after,.pnav ul li.cur .fd a:after,.pnav ul li .fd:hover a:after{width: 1.5vw;}
.pnav ul li .fd i{display:flex;position:relative;width:1vw;height:1vw;align-items:center;justify-content:center}
.pnav ul li .fd i:after{content:"";width:2px;height:.8vw;background:#999;position:absolute;transition:all .35s;right: .41vw;}
.pnav ul li .fd i:before{content:"";width:.8vw;height:2px;background:#999;position:absolute;transition:all .35s;top: .42vw;}
.pnav ul li.cur .fd i:after,.pnav ul li .fd i.on:after{width:0;-webkit-transform:rotate(90deg)}
.pnav ul li .rd{padding: 0 1vw;display: none;}
.pnav ul li .rd a{font-size:.82vw;color: #888;display: block;padding: 1vw 0;position: relative;padding-left: 1vw;transition: ease .5s;}
.pnav ul li .rd a:after{position: absolute;content: "";left: 0;top: 50%;transform:translate(0 , -50%);height: 2px;width: .5vw;background: #123280;}
.pnav ul li .rd a:hover{transform:translateX(10px);}
@media screen and (max-width:1080px){
.pnav{width: 24%;}
.pnav .title{border-top-left-radius: 8px;border-top-right-radius: 8px;font-size: 18px;padding: 15px;}
.pnav ul li .fd{padding: 15px;}
.pnav ul li .fd a{font-size: 15px;}
.pnav ul li .fd i{width: 15px;height: 15px;}
.pnav ul li .fd i:before{width: 15px;top: 6px;}
.pnav ul li .fd i:after{height: 15px;right: 6px;}
.pnav ul li.on .fd a, .pnav ul li.cur .fd a, .pnav ul li .fd:hover a{padding-left: 25px;}
.pnav ul li .rd a{font-size: 14px;padding: 12px 0;padding-left: 12px;}
}
@media screen and (max-width:768px){
.pnav{width: 100%;margin-bottom: 40px;}
.pnav .title{border-radius: 2px;text-align: center;}
.pnav ul{position: fixed;background: #fff;width: 100%;height: 100vh;z-index: 99999;top: 0;left: 0;transform: translateX(100vw);transition: .5s all ease-in-out;opacity: 0;visibility: hidden;z-index: 999;}
.pnav .pclose{width: 36px;height: 36px;border-radius: 50%;background-size: 50%;display: flex;align-items: center;justify-content: center;margin: 25px 25px 25px auto;}
.pnav .pclose img{width: 32px;}
.pnav ul li.on .fd a, .pnav ul li.cur .fd a, .pnav ul li .fd:hover a{padding-left: 40px;}
.pnav ul li.on .fd a:after, .pnav ul li.cur .fd a:after, .pnav ul li .fd:hover a:after{width: 30px;}
.pnav ul li .rd{padding: 0 20px;}
.pnav ul li .rd a{padding-left: 20px;}
.pnav ul li .rd a:after{width: 10px;}
.pnav ul.show{opacity: 1;visibility: visible;transform: translateX(0);}
}
@media screen and (max-width:520px){
.pnav{margin-bottom: 30px;}
.pnav .title{font-size: 15px;padding: 10px 0;}
}





/* productlist */
.productlist{padding: 90px 0;}
.productlist .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.productlist .list{width: 75%;}
.productlist .item{width: 32%;margin-bottom: 2%;margin-right: 2%;position: relative;}
.productlist .item:nth-child(3n+3){margin-right: 0;}
.productlist .item .img{padding-bottom: 75%;position:relative;overflow:hidden;}
.productlist .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.productlist .item:hover .img img{transform:scale(1.06)}
.productlist .item .more{position: absolute;top: 60%;left: 50%;transform:translate(-50% , -50%);width: 3.7vw;height: 3.7vw;background: #12328096;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: .88vw;color: #fff;transition: ease .75s;opacity: 0;}
.productlist .item .info{display: flex;justify-content: space-between;align-items: center;padding: 1vw;transition: ease .5s;}
.productlist .item .info .t1{color: #717171;font-size: .9vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition: ease .5s;font-weight: bold;}
.productlist .item .info .icon img{transition: ease .5s;width: 2.09vw;}
.productlist .item:hover .info{background: #123280;}
.productlist .item:hover .info .t1{color: #fff;}
.productlist .item:hover .info .icon img{filter: brightness(0) invert(1);}
.productlist .item:hover .more{opacity: 1;top: 40%;}
@media screen and (max-width:1080px){
.productlist{padding: 60px 0;}
.productlist .list{width: 71%;}
.productlist .item{width: 49%;}
.productlist .item:nth-child(odd){margin-right: 2%;}
.productlist .item:nth-child(even){margin-right: 0;}
.productlist .item .info{padding: 8px 12px;}
.productlist .item .info .t1{font-size: 14px;}
.productlist .item .info .icon img{width: 28px;}
.productlist .item .more{width: 50px;height: 50px;font-size: 13px;}
}
@media screen and (max-width:768px){
.productlist .list{width: 100%;}
}
@media screen and (max-width:520px){
.productlist{padding: 30px 0;}
}


/* product */
.product{padding: 90px 0;}
.product .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product .pcont{width: 75%;}
.product .pcont .txt{padding-bottom: .88vw;border-bottom: 1px solid #d2d2d2;margin-top: 4vw;position: relative;font-size: 1.35vw;padding-left: 1vw;}
.product .pcont .txt::after{position: absolute;content: "";left: 0;top: 8%;width: 4px;height: 55%;background: #123280;}
.product .pcont .pro{display: flex;flex-wrap: wrap;justify-content: space-between;}
.product .pcont .pro .pro_img{width: 60%;position: relative;}
.product .pcont .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 .pcont .pro .pro_img .bigbox{width: 22vw;height: 22vw; overflow: hidden;position: absolute;left: 110%; top:0; border: 1px solid #CCCCCC;display: none;background: #fff;z-index: 3;}
.product .pcont .pro .pro_img .bigbox img{position: absolute;left: 0;right: 0;max-width: initial;}
.product .pcont .pro .pro_img .img{text-align: center;}
.product .pcont .pro .pro_img .img img{mix-blend-mode: multiply;filter: brightness(1.05) contrast(1.1);}
.product .pcont .pro .pro_img .pro1{margin-top: 20px;}
.product .pcont .pro .pro_img .pro1 .img{border: 2px solid #E6E7E9;}
.product .pcont .pro .pro_img .pro1 .swiper-slide-thumb-active .img{border: 2px solid #123280;padding: .25vw;}
.product .pcont .pro .pro_img .pro2 .swiper-wrapper{z-index: 3;}
.product .pcont .pro .pro_img .pro2 .img{border: 1px solid #E6E7E9;height: auto;}
.product .pcont .pro .pro_info{width: 35%;}
.product .pcont .pro .pro_info .t1{font-size: 1.8vw;color: #000;}
.product .pcont .pro .pro_info .lb{color: #595959;font-size: .85vw;margin-top: .5vw;}
.product .pcont .pro .pro_info .bt{background: #123280;transition: all .5s;line-height: 2.2vw;border: 1px solid #123280;text-align: center;margin-top: 1.5vw;}
.product .pcont .pro .pro_info .bt a{color: #fff;font-size: .85vw;transition: all .5s;}
.product .pcont .pro .pro_info .bt:hover{background: #fff;}
.product .pcont .pro .pro_info .bt:hover a{color: #123280;}
.product .pcont .pdel .cont {margin-top: 1.5vw;}
.product .pcont .pdel .cont p{font-size: .83vw;color: #666;line-height: 2;}
.product .pcont .prem .list{margin-top: 2.5vw;}
.product .pcont .prem .item{width: 32%;margin-right: 2%;position: relative;}
.product .pcont .prem .item:nth-child(3n+3){margin-right: 0;}
.product .pcont .prem .item .img{padding-bottom: 75%;position:relative;overflow:hidden;}
.product .pcont .prem .item .img img{transition:all .5s ease;height:100%;width:100%;object-fit:cover;position:absolute}
.product .pcont .prem .item:hover .img img{transform:scale(1.06)}
.product .pcont .prem .item .more{position: absolute;top: 60%;left: 50%;transform:translate(-50% , -50%);width: 3.7vw;height: 3.7vw;background: #12328096;border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: .88vw;color: #fff;transition: ease .75s;opacity: 0;}
.product .pcont .prem .item .info{display: flex;justify-content: space-between;align-items: center;padding: 1vw;transition: ease .5s;}
.product .pcont .prem .item .info .t1{color: #717171;font-size: .9vw;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;transition: ease .5s;font-weight: bold;}
.product .pcont .prem .item .info .icon img{transition: ease .5s;width: 2.09vw;}
.product .pcont .prem .item:hover .info{background: #123280;}
.product .pcont .prem .item:hover .info .t1{color: #fff;}
.product .pcont .prem .item:hover .info .icon img{filter: brightness(0) invert(1);}
.product .pcont .prem .item:hover .more{opacity: 1;top: 40%;}
@media screen and (max-width:1080px){
.product{padding: 60px 0;}
.product .pcont{width: 71%;}
.product .pcont .txt{font-size: 22px;padding-bottom: 12px;padding-left: 12px;margin-top: 40px;}
.product .pcont .txt::after{height: 50%;top: 14%;}
.product .pcont .pro .pro_info .t1{font-size: 24px;}
.product .pcont .pro .pro_info .lb{font-size: 14px;margin-top: 5px;}
.product .pcont .pro .pro_info .bt{margin-top: 20px;line-height: 36px;}
.product .pcont .pro .pro_info .bt a{font-size: 15px;}
.product .pcont .pdel .cont{margin-top: 15px;}
.product .pcont .pdel .cont p{font-size: 16px;}
.product .pcont .prem .item{width: 49%;}
.product .pcont .prem .item:nth-child(odd){margin-right: 2%;}
.product .pcont .prem .item:nth-child(even){margin-right: 0;}
.product .pcont .prem .item:nth-child(3){display: none;}
.product .pcont .prem .item .info{padding: 8px 12px;}
.product .pcont .prem .item .info .t1{font-size: 14px;}
.product .pcont .prem .item .info .icon img{width: 28px;}
.product .pcont .prem .item .more{width: 50px;height: 50px;font-size: 13px;}
}
@media screen and (max-width:768px){
.product .pcont{width: 100%;}
}
@media screen and (max-width:580px){
.product{padding: 30px 0;}
.product .pcont .txt{font-size: 18px;padding-bottom: 10px;margin-top: 20px;}
.product .pcont .txt::after{top: 15%;}
.product .pcont .pro .pro_img{width: 100%;}
.product .pcont .pro .pro_info{width: 100%;margin-top: 20px;}
.product .pcont .pro .pro_info .t1{font-size: 20px;}
.product .pcont .pro .pro_info .bt{margin-top: 15px;}
.product .pcont .pdel .cont{margin-top: 10px;}
.product .pcont .pdel .cont p{font-size: 14px;line-height: 26px;}
}




/* picturelist */
.picturelist{padding: 90px 0;}
.picturelist ul{display: flex;flex-wrap: wrap;}
.picturelist ul li{background-color:#fff;border-radius: 2px;box-shadow: 0 0 7px rgba(0, 0, 0, .1);width: 15.41%;margin-right: 1.5%;margin-bottom: 2%;}
.picturelist ul li:nth-child(6n+6){margin-right: 0;}
.picturelist ul li .img{position:relative;padding-bottom: 47%;width:100%;height:0;overflow:hidden;box-sizing:border-box;transition:all .5s ease;}
.picturelist ul li .img img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 75%;}
.picturelist ul li .img:hover{transform: rotateY(180deg);}
@media screen and (max-width:1080px){
.picturelist{padding: 60px 0;}
.picturelist ul li{width: 18.8%;}
.picturelist ul li:nth-child(6n+6){margin-right: 1.5%;}
.picturelist ul li:nth-child(5n+5){margin-right: 0;}
}
@media screen and (max-width:768px){
.picturelist ul li{width: 23.8%;}
.picturelist ul li:nth-child(6n+6){margin-right: 1.5%;}
.picturelist ul li:nth-child(5n+5){margin-right: 1.5%;}
.picturelist ul li:nth-child(4n+4){margin-right: 0;}
}
@media screen and (max-width:520px){
.picturelist{padding: 30px 0;}
.picturelist ul li{width: 32%;margin-right: 1.5% !important;}
.picturelist ul li:nth-child(3n+3){margin-right: 0 !important;}
.picturelist ul li .img{padding-bottom: 50%;}
.picturelist ul li .img img{width: 85%;}
}