@charset "utf-8";
/*翻页条*/
.pagebar{margin:.8rem auto 0 auto;display: flex;align-items: center;justify-content: center;flex-wrap: wrap;}
.pagebar>.p_t{align-self: flex-start;line-height: .38rem;margin: 0 .04rem;/* min-width: .36rem; */margin-bottom: .1rem;}
.pagebar>.p_goto{margin-bottom: .1rem;padding: 0 .1rem;height: .36rem;}
.p_pages{text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.pagebar *{font-size: .14rem;white-space: nowrap;}
.pagebar .p_pages span{padding: 0 .1rem;height: .36rem;display: flex;margin: 0 .04rem;box-sizing: border-box;border-radius: 0;min-width: .36rem;color: #333;align-items: center;justify-content: center;position: relative;z-index: 1;margin-bottom: .1rem;}
.pagebar span.p_goto:before,.p_pages span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1}
.p_pages span a, .pagebar span a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;margin: 0 -.1rem;height: 100%;width: calc(100% + .2rem);padding: 0 .1rem; transition: .5s;}
.p_pages svg{width: .16rem;height: .16rem; transition: .5s;}
.pagebar .p_last + span, .pagebar .p_last + span + span{padding: 0;margin-right: -.05rem;}
.p_pages .p_goto + span{ padding: 0;}
.p_pages .p_t:before{ display: none}
.p_goto{margin: 0 .03rem;position: relative; z-index: 1;}
.p_goto input{display: flex;align-items: center;justify-content: center;height: .36rem;padding: 0;transition: .5s;position: relative;z-index: 1;border: none;border-radius: 0;width: .3rem;}
.p_goto a{display: flex;align-items: center;border-radius: .04rem;justify-content: center;height: .36rem;padding: 0 .1rem;transition: .5s;position: relative;z-index: 1;}
.p_goto a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #e5e5e5 1px solid; border-radius: .04rem; z-index: -1; transition: .5s;}

.p_pages span.p_no_d{border-radius: .04rem;background: #a22c84;color: #fff!important}
.p_pages span.p_no_d:before{ border: #a22c84 1px solid}

.p_pages a:hover, .p_pages a.on, .p_goto a:hover{background: #a22c84;color:#fff!important;}
.p_pages a:hover svg{ fill: #fff}
.p_goto a:hover::before{ border: #a22c84 1px solid;}

@media(max-width: 769px){
    .pagebar{margin: .3rem auto 0;}
    .pagebar>.p_pages{ width: 100%}
}

.mnav{position: fixed;top: 0;right: 0;left: 0;z-index: 1000;background: #fff;display: none;}
.mnav:before{content: "";position: absolute;top: 0;right: 0;left: 0;height: 100%;z-index: -1;background: rgba(0,0,0,.25);opacity: 0;transition: .5s;}
.mnav.active:before{ opacity: 1}
.mnav.active:before{ height: 100vh}
.mnav .wp{ height: .7rem; align-items: center}
.mnav .mlogo img{max-height: .45rem;}

/* 汉堡菜单按钮 */
#openBtn1 {cursor: pointer;display: flex;text-align: center;width: .48rem;height: .48rem;justify-content: center;align-items: center;padding: 0;margin: 0 0 0 .46rem;position: relative;right: 0;border-radius: 50vw;background: linear-gradient(65deg, #a22c84 0%, #611077 100%);}
#openBtn1 img{ width: 100%}
#openBtn1 .lcbody {width: .28rem;height: .19rem;position: relative;display: flex;align-items: center;justify-content: center;margin: 0 auto;}
#openBtn1 .lcbody .lcitem {width: 100%;height: 2px;position: absolute;transition: transform 0.36s ease;left: 0;border-radius: 50vw;background: #fff;}
#openBtn1 .lcbody .lcitem:nth-child(1), #openBtn1 .lcbody .lcitem:nth-child(3) {width: 100% }
#openBtn1 .lcbody .lcitem div {position: absolute;width: 100%;height: 100%;top: 0;left: auto;right: 0;background: #fff;border-radius: 50vw;transition: all .5s;}
#openBtn1 .lcbody .top {top: 0 }
#openBtn1 .lcbody .center {display: block;top: 50%;margin-top: -1px;width: 62%;}
#openBtn1 .lcbody .bottom {bottom: 0;}
#openBtn1 .lcbody:hover .lcitem.top .rect {animation: move 0.4s ease-in-out 1 }
#openBtn1 .lcbody:hover .lcitem.center .rect {animation: move 0.4s ease-in-out 0.1s 1 }
#openBtn1 .lcbody:hover .lcitem.bottom .rect {animation: move 0.4s ease-in-out 0.2s 1 }
.active#openBtn1 .lcitem{ background: #fff}
.active#openBtn1 .lcitem.top {transform: rotateZ(45deg);top: 48%;}
.active#openBtn1 .lcitem.center {opacity: 0 }
.active#openBtn1 .lcitem.bottom {transform: rotateZ(-45deg);top: 48%;}
@keyframes move {0% {right: 0 }40% {right: 0;width: 0 }60% {right: auto;width: 0% }100% {right: auto;width: 100% }}

.mnavBox{position: fixed;top: 0;left: 0;bottom: 0;right: .85rem;background: linear-gradient(65deg, #a22c84 0%, #611077 100%);z-index: 1000;transform: translateX(-110%);transition: .5s;}
.mnavBox:after{content: "";position: absolute;top: .25rem;left: 100%;border-top: .1rem solid transparent;border-bottom: .1rem solid transparent;border-left: .1rem solid #620976}
.mnavBox .xqt1{display: flex;background: none;}
.mnavBox .xqt1 li{width: 100%;border-bottom: rgba(255,255,255,.1) 1px solid;}

.mnavBox.site-menu-is-open{ transform: translateX(0)}

.xq{background: #EFEFFF url(../images/xq.jpg) center bottom no-repeat;background-size: 100% auto;min-height: 100vh;padding: 5.9375vw 0 0;position: relative;z-index: 1;overflow: hidden;}
.xq::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/xq-top.png) center top no-repeat; background-size: 100% auto; z-index: -1;}
.xq .fl1{ justify-content: center;}
.xq .fl1 img{width: 11.94rem;/* max-width: 100%; */}
.xq .fl2{justify-content: flex-end;margin: -3vw 0 0;}
.xq .fl2 img{width: 4.74rem;max-width: 34%;}

.xqt1{background: #af0b0b;justify-content: space-around;padding: 0 2vw;background: linear-gradient(65deg, #a22c84 0%, #611077 100%);}
.xqt1 .a{display: block;font-size: .3rem;color: #fff;line-height: .8rem;font-weight: 900;position: relative;transition: .5s;}
.xqt1 .a::before{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: #A5DDF4;height: .03rem;opacity: 0;transition: .5s;}

.xqt1 li.on .a{ color: #A5DDF4;}
.xqt1 li.on .a::before{ opacity: 1;}

.xq .fl4{ background: #fff; padding: .4rem .4rem .5rem;}
.xq .fl4 .left{ width: 6.72rem;}
.xq .fl4 .right{ width: calc(100% - 6.72rem - .38rem);}

.xqt2 .a{ position: relative; z-index: 1; display: block;}
.xqt2 .imgBox:after{content:"";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(0deg, #af0b0b 0%, #7327b500 100%);z-index: 1;height: 1.7rem;background: linear-gradient(0deg, #611077  0%, #61107700 100%);}
.xqt2 .imgBox .img{ padding-bottom: 66.81%;}
.xqt2 .txt{position: absolute;right: 0;bottom: 0;left: 0;z-index: 1;padding: 0 .34rem .6rem;}
.xqt2 h4{color: #fff !important;font-weight: 600;}

.xqt2Box .bottom{position: absolute;right: .34rem;bottom: .18rem;left: .34rem;z-index: 1;align-items: center;}
.xqt2Box .bottom .line{ background: rgba(255, 255, 255, 0.2); flex: 1; height: 1px}
.xqt2Box .dots{width: auto;margin: 0 0 0 .05rem;font-size: .2rem;color: #fff;align-items: baseline;line-height: 1;}
.xqt2Box .dots span{width: auto;height: auto;background: none;font-size: .2rem;color: #fff;}
.xqt2Box .dots span.swiper-pagination-current{ font-size: .36rem}

.arr1{width: .37rem;height: .18rem;font-size: .08rem;color: #fff;font-family: 'lib';display: flex;align-items: center;justify-content: center;cursor: pointer;transition: .5s;font-weight: 600;border: #fff 1px solid;}
.arr1.next1{ margin-left: -1px;}

.ntit1{border-bottom: 1px solid rgba(17, 70, 134, 0.2);align-items: flex-end;margin-bottom: 0;}
.ntit1 .ll{font-size: .3rem;color: #72147b;font-weight: bold;padding: 0 0 .18rem;}

.nmore1{ display: block; font-size: .2rem; color: #A6A9AC; transition: .5s; padding: 0 0 .18rem;}

.xqt3 li{ border-bottom: 1px solid rgba(17, 70, 134, 0.2); transition: .5s;}
.xqt3 .a{display: flex;height: .77rem;align-items: center;}

.xq .fl5{ display: grid; grid-template-columns: repeat(2, 1fr); gap: .4rem; padding: .4rem 0 1.75rem;}
.xq .fl5 .box{ min-width: 0; background: #fff;}

.ntit2{background: #EEEEEE;height: .8rem;align-items: center;overflow: hidden; padding: 0 .4rem 0 0}
.ntit2 .ll{height: 100%;font-size: .3rem;color: #fff;font-weight: bold;display: flex;align-items: center;padding: 0 1rem 0 .4rem;position: relative;z-index: 1;font-family: "Microsoft YaHei";}
.ntit2 .ll:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #af0b0b;z-index: -1;transform: skewX(27deg);transform-origin: left bottom;/* opacity: .9; */background: linear-gradient(65deg, #a22c84 0%, #611077 100%);}
.ntit1 a:hover{color: #72147b;}
.ntit2 a:hover{color: #72147b;}
.xq .fl5 .box .xqt3{ padding: .1rem .4rem .46rem;}

.nmore2{ font-size: .2rem; color: #A6A9AC; transition: .5s; }

@media(min-width: 769px){
    .xqt3 li:hover{ border-bottom: #af0b0b 1px solid;}
    .xqt3 .a:hover h4{font-weight: bold;color: #72147b;}

    .xqt1 .a:hover{color: #A5DDF4;}
}

@media(max-width: 769px){
    .mnav{ display: block}
    .xq{ margin: .7rem 0 0}
    .xqt1{gap: .05rem 0;padding: .15rem .2rem;display: none;}
    .xqt1 li{width: 33.33%;padding: 0;}
    .xqt1 .a{font-size: .18rem;line-height: .36rem;/* text-align: center; */padding: .1rem 0;}

    .xq .fl4 .left{ width: 100%;}
    .xq .fl4 .right{width: 100%;padding: .4rem 0 0;}

    .xq .fl4{ padding: .2rem .2rem .3rem;}

    .ntit1 .ll{ font-size: .24rem;padding: 0 0 .14rem;}

    .nmore1{ font-size: .14rem;}
    .xqt2 .txt{ padding: 0 .2rem .5rem;}
    .xqt3 .a{ height: .5rem;}
    
    .xqt2Box .bottom{ right: .2rem; left: .2rem;}
    .xqt2Box .dots span.swiper-pagination-current{ font-size: .24rem;}
    .xqt2Box .dots span{ font-size: .16rem;}

    .xq .fl5{grid-template-columns: repeat(1, 1fr);gap: .3rem;padding: .3rem 0 .5rem;}

    .ntit2{padding: 0 .2rem 0 0;height: .6rem;}
    .ntit2 .ll{ padding: 0 .4rem 0 .2rem; font-size: .24rem;}
    .nmore2{ font-size: .14rem;}

    .xq .fl5 .box .xqt3{ padding: .1rem .2rem .26rem;}
    body{ padding: 0}
    #gotop{ bottom: .6rem; position: absolute;}
    .xqt1 li.on .a::before{ display: none}
}

.ar_tit{position: relative;z-index: 1;margin: 0 0 .35rem;text-align: center;}
.ar_tit h3{font-size: .3rem;color: #333;line-height: 1.35;margin: 0 auto;padding-bottom: .1rem;}
.ar_tit .con .ll{justify-content: center;border-bottom: rgba(151,151,151,.4) 1px solid;padding: .1rem 0 .25rem;}
.ar_tit .con .ll p{font-size: .16rem;color: #666;line-height: .24rem;display: flex;flex-wrap: wrap;align-items: center;margin: 0 1vw;}
.ar_tit .con .ll p img{width: .18rem;margin: 0 .1rem 0 0}


.ar_tj{border-top: 1px solid rgba(107,40,209,.3);padding: .24rem 0 0 0;position: relative;z-index: 1;margin: .6rem 0 0;}
.ar_tj .a{display: block;font-size: .2rem;line-height: 1.5;margin: .14rem 0;transition: .5s;padding-right: 1.5rem;}

.more2{position: absolute;top: 50%;right: 0;transform: translateY(-50%);width: 1.5rem;height: .5rem;align-items: center;justify-content: center;border-radius: 0;font-size: .18rem;color: #fff !important;transition: .5s;background: #af0b0b;}
.more2 img{width: .17rem;fill: #fff;margin: 0 .08rem 0 0;transition: .5s;}


@media(min-width: 769px){
}
@media(max-width: 769px){
    .ar_tit h3{ font-size: .22rem;}
    .ar_tit .con .ll p{margin: 0 .1rem;font-size: .15rem;}
    .ar_tj .a{font-size: .16rem;padding: 0;}
    .ar_tj{margin: .3rem auto 0;padding: .2rem 0 .2rem 0;}
    .ar_tj:before{ top: .8rem; display: none}
}
footer{background: url(../images/footerxq.png) center no-repeat;background-size: cover;}
#gotop{background: #72147b;background: linear-gradient(65deg, #a22c84 0%, #611077 100%);}