html,body{background: #fff;overflow-x: hidden;}
.hot .swiper-slide,.box_A,.contact .QR,.gjjl .swiper-container a,.spzx>div a,.wxzl>div a{border-radius:0.12vw;overflow:hidden;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev,.swiper-button-prev, .swiper-container-rtl .swiper-button-next{width:2.8vw;height:3.2vw;top:45%;}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{right:0;background:url(../images/test/right.png) no-repeat center;}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next{left:0;background:url(../images/test/left.png) no-repeat center;}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after,.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after{content:'';}
.swiper-container .swiper-slide>div{width: 26vw;margin:0 1.5vw;display: inline-block;float: left;position: relative;border-radius: 0.2vw;overflow: hidden;}
#swiper-container .swiper-slide>div>a{position: relative;width: 26vw;display: block;height: 14.5vw;}
#swiper-container .swiper-slide h4{width: 26vw;padding: 0.3vw 0.8vw;line-height: 1.7vw;background: #fff;box-sizing:border-box ;height: 4vw;}
#swiper-container .swiper-slide h4:hover a{color: #fff;}

.main{margin: 0 auto;width: 100vw;}
.box_A{width:75vw;margin:2.5vw auto 0;display:flex;flex-wrap: wrap;}
.box_A>ul{width:14.4vw;box-sizing:border-box;padding:2.4vw 1.28vw 1.4vw;background:#096ad3;position:relative;}
.box_A>ul span{font-size:2.24vw;line-height:2.24vw;width:100%;display:block;box-sizing:border-box;color:#fff;font-weight:bold;margin-bottom:0.6vw;}
.box_A>ul span a{color: #fff;}
.box_A>ul span a:hover,.box_A>ul>a:hover{color:#f9b53e;}
.box_A>ul>a{width:100%;display:flex;box-sizing:border-box;color:#fff;font-size:1.2vw;line-height:1.74vw;padding:0.72vw 0;}
.box_A>ul>a i{background:url(../images/test/bgl.png) no-repeat left center;width:1.24vw;height:1.73vw;display:inline-block;background-size:0.68vw;}
.box_A>ul>a:hover i{background:url(../images/test/bglg.png) no-repeat left center;background-size:0.68vw;}
.box_A>div{width:60.6vw;padding:1.6vw 0;box-sizing: border-box;background:#f2f3f5;display:flex;flex-wrap:wrap;}
.box_A>div>a{margin:0 2vw;width:26.3vw;}
.box_A>div i,.rqzx ul i{margin-right:0.7vw;}
.box_A>div>a,.rqzx ul>a,.gjjl ol a{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:1vw 0;}
.box_A>ul p a{width: 2vw;height: 2vw;background:url(../images/test/mb.png) no-repeat center;position: absolute;bottom:5%;right:5%;background-size:100%;}
.box_A>ul p a:hover{background:url(../images/test/mh.png) no-repeat center;background-size:100%;}
.columnX{width:100%;height:16vw;}
.columnX img{width:100%;height:100%;object-fit:cover;}
.columnX .swiper-pagination{width:auto;left:auto;right:50%;margin-right:-37.5vw;}
.columnX .swiper-pagination-bullet{width:0.56vw;height:0.56vw;opacity:1;}
.columnX .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.6vw;}
.columnX .swiper-pagination-white .swiper-pagination-bullet{background:#ffde7b;}
.columnX .swiper-pagination-white .swiper-pagination-bullet-active{background:#fff;}
.hot{width:75vw;margin:3.2vw auto;}
.hot img{height:26.4vw;width:100%;object-fit:cover;}
.hot .swiper-slide{position:relative;}
.hot .swiper-slide a{display:block;}
.hot .swiper-slide p{width:100%;padding:0.4vw 1vw;position:absolute;left:0;bottom:0;color:#fff;background:rgba(0,0,0,0.6);box-sizing:border-box;}
.hot .swiper-button-prev,.hot .swiper-button-next{top:45%;}
.hot .swiper-button-prev{left:13.4vw;}
.hot .swiper-button-next{right:13.4vw;}
.hot .swiper-slide span{width:100%;background:#000;opacity:0.6;display:block;height:100%;position:absolute;left:0;top:0;}
.hot .swiper-slide-active span{z-index:-1;}
.rqzx{display:flex;justify-content:center;}
.rqzx>div{width:51vw;padding-bottom:0.4vw;}
.rqzxL{background:#f2f3f5;margin-bottom:1.2vw;position:relative;z-index:9;position:relative;margin-right:-1vw;}
.rqzxL::after{content:'';display:inline-block;width:0;height:0;border-left:1vw solid #cacbce;border-top:0.6vw solid #cacbce;border-right:1vw solid transparent;border-bottom:0.6vw solid transparent;position:absolute;bottom:-1.2vw;right:0;}
.rqzxL>div{margin-left:auto;background:url(../images/test/rqzx.png) no-repeat left top 2.4vw;background-size:2.8vw;padding:3.6vw 2vw 0 6.4vw;}
.rqzxR{background-image:linear-gradient(to right,#e5e5e5, #f2f3f5);margin-top:1.2vw;margin-left:-1vw;}
.rqzxR>div{margin-right:auto;padding:2.4vw 2vw 0 4vw;}
.rqzx>div>div{width:38.5vw;box-sizing:border-box;}
.rqzx h2{color:#096ad3;font-size:1.6vw;font-weight:bold;background:url(../images/test/bgla.png) no-repeat left;background-size:0.78vw;padding-left:1.1vw;}
.rqzx h2 a{color:#096ad3;}
.rqzx ul{padding-top:0.4vw;padding-bottom:1vw;}
.rqzx p{text-align:right;}
.rqzx .more{width:2vw;height:2vw;display:inline-block;background:url(../images/test/morebg1.png) no-repeat left bottom;background-size:100%;}
.rqzx .more:hover {background: url(../images/test/morebg2.png) no-repeat left bottom;background-size: 100%;}
.gjjl ul{width:20.32vw;}
.gjjl>div{width:54.68vw;padding:2.4vw 1.2vw;box-sizing:border-box;}
.gjjl .swiper-container a{width:100%;margin:0 0.8vw;background:#fff;padding:1.8vw 4vw;}
.gjjl .swiper-container .swiper-slide{height:13.2vw;display:flex;justify-content: center;}
.gjjl>div h4{font-size:1.04vw;font-weight:bold;line-height:1.6vw;margin-bottom:1.44vw;}
.gjjl>div p{font-size:0.8vw;line-height:1.36vw;}
.gjjl ol{display:flex;flex-wrap:wrap;margin-top:1.2vw;}
.gjjl ol a{width:24.54vw;margin:0 0.8vw;}
.spzx>div{padding:2.4vw 0.54vw;}
.spzx>div a{width:13.28vw;padding:0;margin:0 0.8vw;background:#fff;white-space:normal;position:relative;}
.spzx>div a:hover{color:#fff;background:#096ad3;}
.spzx>div a img{width:100%;height:7.48vw;object-fit:cover;}
.spzx>div a p{line-height:1.28vw;padding:0.6vw 1.2vw;}
.spzx>div a span{background:url(../images/play.png) no-repeat;width:1.72vw;height:1.72vw;position:absolute;left:0.8vw;top:5vw;background-size:100%;}
.wxzl>div{padding:4.56vw 1.2vw;}
.wxzl>div a{width:12.8vw;height:16.8vw;margin:0 1vw;padding:0.8vw;box-sizing:border-box;background:#fff;white-space:normal;}
.wxzl>div a:hover{background:#096ad3}
.wxzl>div a div{font-size:1.04vw;height:100%;border:1px solid #096ad3;background:#fff;padding: 2.8vw 1.4vw;box-sizing:border-box;text-align:center;border-radius:0.12vw;}
.wxzl .swiper-container .swiper-slide{display:flex;justify-content: center;}
.contact{width:100%;background:#f2f3f5;margin-top:3.2vw;}
.contact>div{width:75vw;font-size:0.88vw;background:url(../images/test/contact.png) no-repeat left 1.2vw center;background-size:9.4vw;margin:0 auto;display:flex;padding:4.4vw 0 4.4vw 20.8vw;box-sizing:border-box;}
.contact .QR{color:#fff;background:#096ad3;height:4.48vw;padding:0.28vw;margin-left:6vw;}
.contact .QR img{height:100%;}
.contact .QR span{font-size:0.72vw;width:0.72vw;display:inline-block;line-height:0.8vw;margin:0.2vw;}