@charset "utf-8";
/*百年历程办学特色办学实力未来展望校徽校训校歌经济法管理艺术工教育管理型学院文国家级省部级科研机构党政管理机构教辅机构附属单位校区风光宣传视频校区导图专题聚焦*/
@font-face {font-family: '演示秋鸿楷';src: url("../fonts/YANSHIQIUHONGKAI-2.TTF") format("truetype"); font-style: normal;font-weight: normal;}

@font-face {font-family: "Canela Web";src: url("../fonts/CANELA-REGULAR-REDUCED.WOFF.TTF") format("truetype"); font-style: normal;font-weight: normal;}

@font-face {font-family: "Bahnschrift";src: url("../fonts/bahnschrift.ttf") format("truetype"); font-style: normal;font-weight: normal;}

/*翻页条*/
.pagebar{margin:.8rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.pagebar>.p_t{align-self: flex-start;line-height: .38rem;}
.p_pages{text-align: center;display: flex;align-items: center;flex-wrap: wrap;justify-content: center;}
.pagebar *{font-size: .14rem;white-space: nowrap;}
.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;}
.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{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;}
.p_pages .p_last + span, .p_pages .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}
.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: #8d1516; color: #fff!important}
.p_pages span.p_no_d:before{ border: #8d1516 1px solid}

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

@media(max-width: 769px){
    .pagebar{ margin: .4rem auto 0;}
} 

@media(max-width: 1025px){
    
}
@media(min-width: 769px){

}
@media(max-width: 769px){
    
}



.header:before{/* background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); */}

.n_ba{ position: relative}
.n_ba .imgBox .img{padding-bottom: 32.29%;}
.n_ba .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;}
.n_ba .txt .wp{height: 100%;flex-direction: column;justify-content: center;align-items: flex-start;}
.n_ba .txt h6{font-size: .22rem;line-height: 1.44;color: #fff;text-transform: uppercase;padding: 0 .06rem;margin: 5vw 0 0;}
.n_ba .txt h3{font-size: .44rem;color: #fff;position: relative;line-height: 1;margin: 1rem 0 .25rem;}

.n_ejW{background: #f7f5f1;box-shadow: 0px 4px 10px 0px rgba(131, 131, 131, 0.1);position: relative;z-index: 2;}
.n_ejW1{ padding: .3rem 0;}
.n_ej{}
.n_ej li{position: relative;margin-bottom: -1px;}
.n_ej li .a{display: flex;align-items: center;justify-content: center;height: .72rem;font-size: .2rem;position: relative;z-index: 1;transition: .5s;padding: 0 .3rem;color: #666666;}
.n_ej li:last-child:before{ display: none}

.n_ej li.on .a, .n_ej li:hover .a{background: #8a1617;color: #fff;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #8a1617;}
#bnt_back { position: absolute; left: 15px; top: 50%; margin-top: -14px;height: 28px;}
#bnt_back img { height: 28px; vertical-align: top;}
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i {position: absolute;top: 0;right: 15px;font-size: .2rem;color: #666;font-family: simsun;font-style: normal;width: .3rem;height: .3rem;display: flex;justify-content: center;align-items: center;}
#m_n_nav h1 {font-size: 16px;color: rgb(255, 255, 255);text-align: center;margin: 0px;line-height: 50px;font-weight: normal;}
#n_n_title{  position: relative;}
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: #8a1617; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #8a1617; }
#sub_nav_content ul li.on a { color: #8a1617; }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;min-width: 100%;display: inline-block;margin-bottom: 0px;text-align: left;}
#sub_nav_content dt a {margin: 0px 20px;display: block;color: #333;line-height: 30px;font-size: 14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt a { }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: #8a1617 border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: #8a1617 }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #8a1617;}
#sub_nav_content dd {display: none;width: 100%;/* display: flex; */}
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a {padding: 0px 25px;line-height: 30px;font-size: 12px;color: #999;display: block;height: 30px;}
#sub_nav_content dd a.on { color: #8a1617; }

.breadcrumb{ align-items: center}
.breadcrumb * {font-size: .16rem;color: #fff;transition: .5s;font-style: normal;}
.breadcrumb .a1{color: #fff;}
.breadcrumb img {width: .21rem;margin: 0 .08rem 0 0;}
.breadcrumb span{margin: 0 .08rem;position: relative;z-index: 1;font-family: 'lib';}
.breadcrumb span img{width: .04rem;margin: 0;}

.pad1{ padding: .85rem 0; overflow: hidden;}

@media(min-width: 769px){
}
@media(max-width: 769px){
    .n_ejW{ display: none;}
    .n_ba .txt h6{font-size: .16rem;margin: .2vw 0 0;}
    .n_ba .txt h3{font-size: 20px;margin: .5rem 0 0;}
    .n_ba .imgBox .img{padding-bottom: 45%;}
    #m_n_nav{ display: block}

    .pad1{padding: .4rem 0;}
    .breadcrumb{ display: none}
    .n_ba .txt{background: rgba(0,0,0,.1);}
    .n_ba .txt h3:before{ height: .03rem; width: .26rem}

    .nt6 dd a:hover{color: #28318c;}
}

.about .fl1{position: relative;z-index: 1;}
.about .fl1:before{content: "";position: absolute;right: 0;bottom: 0;left: 0;height: 40%;background: #fafafa; z-index: -1}
.about .fl1:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;height: 100%; background: url(../images/about_i1.jpg) left center no-repeat;background-size: auto 100%; z-index: -1}
.about .fl1 .wp{ justify-content: flex-end;}
.about .fl1 .box{width: 10.86rem;padding: .52rem .68rem;background: rgba(255,255,255,.96);box-shadow: 0px 4px 40px 0px rgba(63, 1, 2, 0.07);backdrop-filter: blur(15px);border-right: #2a328d 3px solid;}

.n_tit1{ border-bottom: #ececec 1px solid; padding: 0 0 .3rem; margin: 0 0 .25rem; align-items: flex-end}
.n_tit1 img{height: .65rem;}
.n_tit1 h4{ font-size: .4rem; color: #eadbc9; font-family: "Canela Web"; text-transform: uppercase; margin: 0 0 0 .28rem}

.about .fl2{background: url(../images/about_b2.jpg) center top no-repeat;background-size: cover;/* background-attachment: fixed; */}

.n_tit2{ text-align: center; margin-bottom: .42rem;}
.n_tit2 .top{align-items: baseline;justify-content: center;}
.n_tit2 .top h3{font-size: .66rem;color: #8a1617;font-family: '演示秋鸿楷';font-weight: normal;letter-spacing: -.08rem;line-height: 1;}
.n_tit2 .top .line{width: 1px;height: .54rem;background: #8a1617;opacity: .4;transform: rotate(22deg) translateX(.15rem);margin: 0 .3rem 0 .1rem;}
.n_tit2 .top h6{font-size: .28rem;color: #8a1617;font-family: 'Noto Serif SC';font-weight: 400;}
.n_tit2 .bottom{justify-content: center;margin: .06rem 0 0;}
.n_tit2 .bottom .ico{ position: relative}
.n_tit2 .bottom .ico img{ height: .19rem}
.n_tit2 .bottom .ico:before{ content: ""; position: absolute; top: 50%; right: calc(100% + .1rem); width: 100vw; height: 1px; background: #8a1617; opacity: .2;}
.n_tit2 .bottom .ico:after{ content: ""; position: absolute; top: 50%; left: calc(100% + .1rem); width: 100vw; height: 1px; background: #8a1617; opacity: .2;}
.n_tit2 p{ font-size: .2rem; color: #333; line-height: 1.5; margin: .3rem 0 0}

.n_tit2w .top h3, .n_tit2w .top h6{ color: #eed5b0;}
.n_tit2w .top h3{ color: #eed5b \0; background: url(../images/wz1.png) center no-repeat; background-size: cover; -webkit-background-clip: text; /* background-clip: text; */ color: transparent;}
.n_tit2w .top .line{ background: #eed5b0;}
.n_tit2w .bottom .ico:before{ background: #eed5b0;}
.n_tit2w .bottom .ico:after{ background: #eed5b0;}

.nt1 {justify-content: space-between;align-items: flex-start;margin-top: .55rem;flex-wrap: nowrap;}
.nt1 img:last-child {display: none }
.nt1 img {flex: 1;margin: 1.5vw -3vw;height: 5.5vw;overflow: hidden;}
.nt1 .time {width: 8.5vw;height: 8.5vw;background: #fff;border-radius: 50vw;margin: 0 auto;display: flex;align-items: center;justify-content: center;position: relative;z-index: 1;transition: .5s;}
.nt1 .time span{font-size: 2.5vw;color: #8a1617;font-family: "Canela Web";transition: .5s;font-family: "Bahnschrift";font-weight: bold;}
.nt1 .time:before {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #eee0c6;transform: scale(.8);border-radius: 50vw;z-index: -1;transition: .5s}
.nt1 .time:after {content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: #2a328d;transform: scale(0);border-radius: 50vw;z-index: -1;transition: .5s;opacity: 0}
.nt1 p {font-size: .16rem;color: #333333;line-height: .28rem;width: 12vw;max-width: 100%;text-align: center;margin: 0 auto;margin-top: .2rem;}

.about .fl3-4{background: #fafafa url(../images/about_fl3-4.jpg) center top no-repeat;background-size: 100% auto;}

.nt2{ margin: 0 -.35rem;}
.nt2 li{width: 33.33%;padding: 0 .35rem;}
.nt2 .a{ align-items: center; position: relative; z-index: 1;}
.nt2 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: rgba(237,209,171,.2) 1px solid;background: rgba(126,22,23,.2);z-index: -1;transition: .5s;}
.nt2 .ico{ width: .9rem; height: .8rem; background: #eee0c6; display: flex; justify-content: center; align-items: center; margin: 0 .3rem 0 0}
.nt2 .ico img{ width: 100%; height: 100%}
.nt2 .txt{ flex: 1; overflow: hidden;}
.nt2 h4{font-size: .24rem;color: #edd1ab !important;font-family: 'Noto Serif SC';font-weight: 700;}

.about .fl4{ position: relative; z-index: 1}
.about .fl4:before{content: "";position: absolute;top: 0;right: calc((100vw - 15rem)/2/3*2);left: calc((100vw - 15rem)/2/3*2);bottom: 0;z-index: -1;background: #fff;box-shadow: 0px 0px 20.58px 0.42px rgba(40, 0, 1, 0.09);}

.h3-1{align-items: center;margin: 0 0 .2rem;}
.h3-1 .ico{width: .4rem;height: .4rem;background: url(../images/h3-1.png) center no-repeat;background-size: cover;margin: 0 .12rem 0 0;font-family: 'Noto Serif SC';font-weight: 400;color: #fff;line-height: .36rem;text-align: center;}
.h3-1 .txt{flex: 1;overflow: hidden;font-size: .24rem;color: #333;font-family: 'Noto Serif SC';font-weight: 700;line-height: .4rem;}

.nt3Box{margin: .6rem 0 0;}
.nt3Box .dots{ margin: .4rem 0 0; justify-content: center; align-items: center;}
.nt3Box .dots span{width: 5px;height: 2px;background: #e8d0d1;margin: 0 .08rem;opacity: 1;margin: 0 2px !important;}
.nt3Box .dots span.active{ width: 10px; background: #d3bc86}
.nt3 .a{display: block;position: relative;padding: 0 0 0 .28rem;}
.nt3 .a::before{content: "";position: absolute;top: 0;width: 1px;bottom: 0;left: 0;background: rgba(102,102,102,.2);z-index: -1;transition: .5s;}
.nt3 .top{ align-items: baseline;}
.nt3 .top big{font-size: .5rem;color: #8a1617;font-family: "Canela Web";line-height: 1;font-family: "Bahnschrift";font-weight: 600;}
.nt3 .top small{font-size: .16rem;color: #8a1617;line-height: 1;margin: 0 0 0 .06rem}
.nt3 h6{ font-size: .16rem; color: #333}

.more1{font-size: 14px;color: #333333;align-items: center;margin: .35rem 0 0;}
.more1 i{width: 13px;height: 13px;background: #8a1617;border-radius: 50vw;font-size: 10px;color: #fff;font-family: 'lib';line-height: 13px;text-align: center;margin: 0 0 0 .06rem}

.about .fl4 .box{ margin: 0 0 .7rem;}
.about .fl4 .box:last-child{ margin: 0;}

.about .fl5{background: url(../images/about_b5.jpg) center no-repeat;background-size: cover;/* background-attachment: fixed; */}
.about .fl5 .wp.flexjs{ margin-top: .8rem;}

.about .fl5 .left{width: calc(100% - 10.6rem);padding: 3.1rem 0 0 .4rem;}
.about .fl5 .left h3{font-size: .36rem;color: #8a1617;font-weight:bold}
.about .fl5 .right{width: 10.6rem;position: relative;z-index: 1;}
.about .fl5 .right .before{position: absolute;width: 6.69rem;right: 5.5rem;top: 0;}
.about .fl5 .right .before img{height: 100%;transform-origin:left;}
.about .fl5 .right .before img.img2{position:absolute;right: 0;top:0;max-width: inherit;}
.about .fl5 .right .box{padding: 0rem 0 0 1.5rem;position: relative;z-index: 1000;}
.about .fl5 .right .box a{display: block;width: 4.9rem;max-width: 100%;}
.about .fl5 .right .box1{margin-bottom: 0;padding: .32rem 0 0 .45rem;}
.about .fl5 .right .box2{margin-bottom: .8rem;padding: 0rem 0 0 4.75rem;}
.about .fl5 .right .box3{margin-bottom: 1.6rem;padding: 0rem 0 0 5.4rem;}
.about .fl5 .right .box4{margin-bottom: .6rem;padding: 0 0 0 4.95rem;}
.about .fl5 .right .box h3{font-size: .24rem;color: #8d1717;font-weight: bold;margin-bottom: .08rem;position: relative;transition: .5s;line-height: 1;}
.about .fl5 .right .box p, .list_box_zhanlve1{font-size: 14px;color: #666666;line-height: 24px;position: relative;z-index: 1;}
.list_box_zhanlve1 li{ margin-bottom: .12rem; padding: 0 0 0 .3rem; background: url(../images/list_box_zhanlve1_ico.png) left .08rem no-repeat;}
.about .fl5 .right .box.on h3{ color: #2a328d}

.about .fl5 .right .before .miso_bd_box{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;justify-content: center;align-items: center;}
.about .fl5 .right .before .miso_bd_box .miso_bd{width: 3.07rem;height: 3.07rem;margin: 0;}
.about .fl5 .right .before .miso_bd_box .miso_bd img{width: 3.07rem;height: 3.07rem;}
.about .fl5 .right .before .miso_bd_box .miso_bd li{border-radius:50%;overflow:hidden;position: relative;}
.about .fl5 .right .before .miso_bd_box .miso_bd li:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border: rgba(138,22,23,.88) .36rem solid;border-radius:50%}

.about .fl5 .right .before .miso_hd{position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 100;}

.about .fl5 .right .before .miso_hd li{position: absolute;width: .26rem;height: .26rem;right: 50%;top: 50%;border: transparent 1px dashed;border-radius: 50%;transition: .5s;transform: translateX(-50%) translateY(-50%);background: rgba(255,255,255,.34);cursor: pointer;}
.about .fl5 .right .before .miso_hd li .box_li{border:rgba(0,0,0,.34) 1px solid;width:100%;height:100%;position: absolute;top: 0;left: 0;border-radius: 50%;z-index: 10;background: rgba(255,255,255,.34);transition: .5s;}
.about .fl5 .right .before .miso_hd li .box_li:before{content:"";position:absolute;top:50%;left:50%;width: .13rem;height: .13rem;background: #2a328d;border-radius:50%;transform: translateX(-50%) translateY(-50%);opacity: .78;transition: .5s;}
.about .fl5 .right .before .miso_hd li.li1{position:absolute;top: 7%;right: 71%;}
.about .fl5 .right .before .miso_hd li.li2{position:absolute;top: 18.5%;right: 7%;}
.about .fl5 .right .before .miso_hd li.li3{position:absolute;top: 42.5%;right: -3%;}
.about .fl5 .right .before .miso_hd li.li4{position:absolute;top: 78%;right: 4%;}
.about .fl5 .right .before .miso_hd li.li5{position:absolute;top: 99%;right: 55%;}

.about .fl5 .right .before .miso_hd li.on .box_li{border: none;background: rgba(162,29,29,.14);}
.about .fl5 .right .before .miso_hd li.on .box_li::before{background: #2a328d;opacity: 1;}

.about .fl6{background: url(../images/about_b6.jpg) center top no-repeat;background-size: cover;}
.nt4{ margin: 0 0 .6rem;}
.nt4 .a{ padding: .16rem; align-items: flex-start; position: relative; z-index: 1;}
.nt4 .a::before{content: "";position: absolute;top: 0;left: 13%;right: 0;bottom: 0;background: url(../images/nt4_b.jpg) center no-repeat;background-size: cover;z-index: -1;box-shadow: 0px 4px .4rem 0px rgba(63, 1, 2, 0.07);}
.nt4 .imgBox{ width: 5.68rem;}
.nt4 .txt{ width: calc(100% - 5.68rem); padding: .42rem .65rem;}
.nt4 h4{font-size: .28rem;color: #eee0c6 !important;font-family: 'Noto Serif SC';font-weight: 700;padding: 0 0 .18rem;border-bottom: rgba(255,255,255,.2) 1px solid;margin: 0 0 .22rem;}
.nt4 p{ color: #e3ceb6}

.pad2{ padding: 1.2rem 0; overflow: hidden;}

@media(min-width: 769px){
    .nt1 li:hover .time:after {transform: scale(.8);opacity: 1 }
    .nt1 li:hover .time span{color: #fff\0;background: url("../images/wz.png") center no-repeat;background-size: cover;-webkit-background-clip: text;/* background-clip: text; */color: transparent;}
}
@media(max-width: 1024px){
    .about .fl5 .left{width: 100%;padding: 0 0 .3rem;}
	.about .fl5 .right{ width: 100%;}
	
	.about .fl5 .right .box{padding: 0;margin-bottom: .25rem;}
    .about .fl5 .right .box a{ width: 100%}

    .about .fl5 .left h3{ font-size: .24rem}
    .about .fl5 .right .box h3{ font-size: .2rem}
}
@media(max-width: 769px){
    .about .fl1{ padding-bottom: 54vw;}
    .about .fl1 .box{width: 100%;padding: .25rem .2rem;}
    .about .fl1:after{background: url(../images/about_i1.jpg) center bottom no-repeat;background-size: 100% auto;}
    
    .n_tit2{ margin-bottom: .25rem;}
    .n_tit2 .top h3{ font-size: .3rem}
    .n_tit2 .top .line{ height: .26rem}
    .n_tit2 .top h6{ font-size: .18rem}

    .n_tit1{ padding: 0 0 .2rem}
    .n_tit1 img{height: .36rem;}
    .n_tit1 h4{font-size: .24rem;margin: 0 0 0 .2rem;}

    .nt1{flex-wrap: wrap;margin-top: .3rem;justify-content: flex-start;}
    .nt1 li {width: 33.33%;margin-bottom: .2rem;padding: 0 5px;flex: auto;}
    .nt1 img {display: none }
    .nt1 p {width: 100%;margin: .1rem 0 0;font-size: .14rem;}
    .nt1 .time {width: 15vw;height: 15vw;}
    .nt1 .time span {font-size: 4vw;}

    .nt2 li{width: 100%;margin: 0 0 .1rem;}
    .nt2 .ico{ width: .65rem; height: .55rem}
    .nt2 h4{ font-size: .2rem}
    
    .nt3 .top big{font-size: .3rem;}
    .nt3Box{margin: .3rem 0 0;}
    .more1{ margin: .25rem 0 0;}

    .h3-1 .txt{ font-size: .2rem}
    .about .fl4 .box{ margin: 0 0 .4rem;}

    .about .fl5 .wp.flexjs{ margin-top: .4rem;}
    .n_tit2 p{ font-size: 15px;}
    .nt4{ margin: 0 0 .3rem}
    .nt4 .a::before{ left: 0}
    .nt4 .imgBox{ width: 100%;}
    .nt4 .txt{width: 100%;padding: .25rem 0;}
    .nt4 h4{ font-size: .22rem}

    .nt3Box .dots{ margin: .25rem 0 0;}

    .about .fl3-4{background-size: 160% auto;}
}

.xrld{ background: url(../images/xrld_b.jpg) center bottom no-repeat; background-size: 100% auto;}
.xrld .fl1 .wp{ padding: 0 1rem;}
.nt5{ margin: 0 -.6rem; justify-content: center;}
.nt5 li{ width: 33.33%; padding: 0 .6rem; margin-bottom: 1rem;}
.nt5 .a{display: block;padding: .26rem .26rem .3rem;background: url(../images/nt5_b1.jpg) center no-repeat;background-size: cover;transition: .5s;text-align: center;position: relative;z-index: 1;}
.nt5 .a::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/nt5_b2.jpg) center no-repeat;background-size: cover;z-index: -1;transition: .5s;opacity: 0;}
.nt5 .a:after{ content: ""; position: absolute; right: 0; bottom: 0; left: 0; height: 2px; background: #8a1617}
.nt5 .imgBox .img{ padding-bottom: 124.33%;}
.nt5 h4{font-size: .24rem;color: #8a1617;margin: .25rem 0 .15rem;}
.nt5 p{height: .44rem;background: #fff;font-size: .2rem;color: #333333;justify-content: center;align-items: center;}

.nt5s1{ margin-bottom: -1rem;}

/* @media(min-width: 769px){
    .nt5 .a:hover::before{ content: ""; position: absolute;}
    .nt5 .a:hover{ box-shadow: 0.942px 17.975px 20.58px 0.42px rgba(0, 0, 0, 0.21);}
    .nt5 .a:hover h4{ color: #fff;}
    .nt5 .a:hover:before{ opacity: 1}
    .nt5 .a:hover:after{ opacity: 0}
} */

@media(max-width: 769px){
    .pad2{ padding: .4rem 0 .5rem;}
    .xrld .fl1 .wp{ padding: 0 15px;}
    .nt5{ margin: 0 -7px;}
    .nt5 li{ width: 50%; padding: 0 7px; margin-bottom: .25rem;}
    .nt5 .a{ padding: .2rem .2rem .24rem;}
    .nt5 h4{font-size: .2rem; margin: .15rem 0 .1rem;}
    .nt5 p{height: .36rem;}
}

.xysz{ background: #f6f6f6; padding: .6rem 0; overflow: hidden;}
.xysz .content{width: 49%;display: flex;flex-direction: column;}

.h3-2{background: url(../images/h3-2.jpg) center no-repeat;background-size: cover;padding: 0 .38rem;height: .72rem;align-items: center;font-size: .24rem;color: #e3cd9c;font-family: '演示秋鸿楷';/* font-weight: normal; */font-family: "黑体";}
.h3-2 img{ width: .23rem; margin: 0 .12rem 0 0}

.xysz .content .box{background: #fff;box-shadow: 0px 4px 10px 0px rgba(40, 49, 140, 0.15);margin-bottom: .3rem;flex: auto;}
.xysz .content .box .con{padding: .4rem .64rem;}
.xysz .content .box1{height: 3.2rem;max-height: 3.2rem;}
.nt6{padding: 0;}
.nt6 dt{align-items: center;font-size: .24rem;color: #333;padding: 0 0 0 .26rem;position: relative;margin: 0 0 .06rem;transition: .5s;}
.nt6:last-child .dd{border-bottom: none;margin-bottom: 0;padding-bottom: 0;}
.nt6 dt .ico{width: .13rem;height: .15rem;display: flex;align-items: center;margin: 0 .1rem 0 0;position: absolute;left: 0;top: .08rem;}
.nt6 dt .ico svg{width: 100%;height: 100%;fill: #999999;transition: .5s;}
.nt6 .dd{padding: 0 0 .16rem .26rem;margin: 0 -7px .2rem;border-bottom: 1px solid #E7E7E7;}
.nt6 .dd dd{padding: 0 7px;width: 33.33%;}
.nt6 dd a{font-size: .18rem;color: #666666;line-height: 1.75;position: relative;display: block;padding: .02rem 0 .02rem .12rem;}
.nt6 dd a:before{ content: ""; position: absolute; left: 0; top: .15rem; background: #999999; width: .06rem; height: .06rem; border-radius: 50%; transition: .5s}

.nt6 dd a:hover{color: #28318c;}
.nt6 dd a:hover:before{ background: #28318c}

.zhushi{ font-size: .2rem; color: #B92218; margin: .2rem 0 0}

@media(max-width: 769px){
    .xysz .content{ width: 100%;}
    .h3-2{padding: 0 .2rem;font-size: .3rem;}
    .xysz .content .box .con{ padding: .25rem .2rem}
    .nt6 dt{ font-size: .2rem}
    .nt6 dt .ico{ top: .06rem}
    .nt6 .dd dd{ width: 100%}
    .nt6 dd a{font-size: .16rem;}
    .nt6 dd a:before{ top: .12rem}
    .xysz{ padding: .4rem 0 .5rem;}
    .zhushi{ margin: .1rem 0 0}
}

.n_b1{ background: #f6f6f6;}

.xrld_d{ background: url(../images/xrld_d_b.png) center no-repeat; background-size: 100% auto;}
.xrld_d .wp{ align-items: flex-start;}
.xrld_d .left{ width: 3.88rem; position: relative; padding: 0 0 .3rem .2rem; z-index: 1;}
.xrld_d .left::before{ content: ""; position: absolute; top: .75rem; right: .55rem; bottom: 0; left: 0; background: #8a1617; z-index: -1;}
.xrld_d .right{ width: calc(100% - 3.88rem); padding: 0 0 0 .7rem;}
.xrld_d .arc-con p{ margin-bottom: .2rem}

.h3-3{align-items: center;font-size: .28rem;color: #8a1617;font-family: '演示秋鸿楷';font-weight: normal;margin: 0 0 .3rem;position: relative}
.h3-3 img{ width: .23rem; margin: 0 .12rem 0 0}

@media(max-width: 769px){
    .xrld_d .left{width: 50%;margin: 0 auto;padding: 0 0 .15rem .15rem;}
    .xrld_d .right{width: 100%;padding: .2rem 0 0;}
    .h3-3{ font-size: .24rem}
}

.pad3{padding: .6rem 0 1.2rem;overflow: hidden;}
.nt7 li{ border-bottom: #dbdbdb 1px solid;}
.nt7 .a{ align-items: center; position: relative; z-index: 1; padding: .3rem 0;}
.nt7 .a::before{content: "";position: absolute;top: 0;right: -.3rem;bottom: 0;left: -.3rem;background: url(../images/nt7_b.jpg) center no-repeat;background-size: cover;z-index: -1;opacity: 0;transition: .5s;}
.nt7 .imgBox{ width: 3.38rem; margin: 0 .6rem 0 0;}
.nt7 .imgBox .img{ padding-bottom: 61.53%;}
.nt7 .txt{ flex: 1; overflow: hidden;}
.nt7 p{ color: #333; margin: .12rem 0 .3rem;}

@media(min-width: 769px){
    .nt7 .a:hover::before{ opacity: 1; box-shadow: 4.689px .25rem .48rem 1.02px rgba(0, 46, 93, 0.1);}
    .nt7 .a:hover *{ color: #fff !important;}
}
@media(max-width: 769px){
    .nt7 .imgBox{width: 100%;margin: 0 0 .2rem;}
    .nt7 .txt{ width: 100%; flex: auto}
    .nt7 p{ margin: .1rem 0 .2rem;}

    .pad3{ padding: .4rem 0 .5rem;}
}

.nt8 li{ border-bottom: #dbdbdb 1px solid;}
.nt8 .a{align-items: center;position: relative;z-index: 1;padding: .3rem 0;height: 2.02rem;}
.nt8 .a::before{content: "";position: absolute;top: 0;right: -.3rem;bottom: 0;left: -.3rem;background: url(../images/nt7_b.jpg) center no-repeat;background-size: cover;z-index: -1;opacity: 0;transition: .5s;}
.nt8 .time{width: 1.56rem;margin: 0 .4rem 0 0;flex-direction: column;align-items: flex-start;position: relative;}
.nt8 .time::before{content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 1.2rem;background: #dbdbdb;transform: translateY(-50%); transition: .5s;}
.nt8 .time h6{position: relative;font-size: .2rem;color: #c09f83;font-family: "Bahnschrift";display: flex;align-items: center;min-width: 1.04rem; transition: .5s;}
.nt8 .time h6:after{ content: ""; flex: 1; height: 1px; background: #c09f83; margin: 0 0 0 .1rem; transition: .5s;}
.nt8 .time h3{font-size: .44rem;color: #c09f83;font-family: "Bahnschrift";font-weight: normal;margin: 0 0 .1rem; transition: .5s;}
.nt8 .txt{ flex: 1; overflow: hidden;}
.nt8 h4{ font-weight: 600;}
.nt8 p{color: #666666;margin: .15rem 0 0;}

@media(min-width: 769px){
    .nt8 .a:hover::before{ opacity: 1; box-shadow: 4.689px .25rem .48rem 1.02px rgba(0, 46, 93, 0.1);}
    .nt8 .a:hover *{ color: #fff !important;}
    .nt8 .a:hover p{ color: #858ab7 !important;}
    .nt8 .a:hover .time::before{ background: rgba(255,255,255,.2);}
    .nt8 .a:hover .time h6:after{ background: #fff;}
}
@media(max-width: 769px){
    .nt8 .time{width: .9rem;margin: 0 .2rem 0 0;}
    .nt8 .time h6{font-size: .16rem;min-width: .66rem;}
    .nt8 .time h3{ font-size: .28rem;}
    .nt8 .time::before{ height: .8rem}
    .nt8 .a{ padding: .15rem 0;height: 1.4rem;}
    .nt8 p{ margin: .1rem 0 0;}
}

.lsyg{ padding: .8rem 0; overflow: hidden; background: url(../images/lsyg_b.png) center bottom no-repeat; background-size: 100% auto;}
.nt9W{width: calc((100vw - 15rem)/2 + 100%);position: relative;}
.nt9W:before{content: "";position: absolute;right: 100%;width: 100%;height: 1px;background: #e3ce9d;bottom: .96rem;}
.nt9Box{ padding: 0 .1rem; margin: 0 -.1rem}
.nt9 a{ display: block; position: relative}
.nt9 a:after{content: "";position: absolute;left: -.07rem;width: .17rem;height: .17rem;background: url(../images/nt9_i.png) center no-repeat;top: .6rem;background-size: 100% 100%;}
.nt9 .imgBox .img{ padding-bottom: 56.14%;}
.nt9 .box{padding: .4rem;display: block; position: relative;}
.nt9 .box::before{content: "";position: absolute;left: 0;top: .7rem;bottom: 0;width: 1px;background: #e3ce9d;}
.nt9 .box::after{ content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #e3ce9d;}
.nt9 .txt{padding: 0 .4rem;}
.nt9 .top{align-items: flex-end;margin: 0 0 .18rem;}
.nt9 .top big{font-family: "Bahnschrift";font-size: .66rem;color: #fff;text-shadow: 1.854px 5.706px 12.74px rgba(0, 0, 0, 0.23);font-weight: 600;line-height: .8; transition: .5s;}
.nt9 .top small{font-size: .24rem;color: #666666;margin: 0 0 0 .1rem;opacity: .5;line-height: 1;display: inline-block;}
.nt9 .txt{ display: flex; height: .96rem; align-items: center;}
.nt9 h4{padding: 0 0 0 .32rem;position: relative;background: url(../images/h3-3.png) left center no-repeat;background-size: auto .18rem;font-size: .24rem;font-weight: 600;}

.ar1Box{position: absolute;left: -.88rem;bottom: 2.4rem;width: .42rem;display: flex;flex-direction: column;}
.ar1{width: .42rem;height: .42rem;background: #8c1515;border-radius: 50vw;justify-content: center;align-items: center;font-size: .2rem;color: #fff;font-family: "lib";display: flex;z-index: 2;cursor: pointer;transition: .5s;}
.ar1.next1{ margin: .2rem 0 0}

@media(min-width: 769px){
    .ar1:hover{ background: #28318c;}
    .nt9 .a:hover .top big{ color: #28318c;}
    .nt9 .a:hover .imgBox{ box-shadow: 0.942px 17.975px 20.58px 0.42px rgba(0, 0, 0, 0.39);}
    .nt9 .a:hover h4{ color: #28318c;}
}

@media(max-width: 769px){
    .nt9W{width: 100%;margin-bottom: .4rem;}
    .nt9 .swiper-slide-next{opacity: 0;}
    .nt9 h4{ font-size: .2rem;}

    .ar1Box{bottom: -.4rem;left: 0;width: 100%;flex-direction: row;justify-content: center;}
    .ar1.next1{ margin: 0 0 0 .2rem}
    .lsyg{ padding: .4rem 0 .5rem;}
    .ar1{width: .36rem;height: .36rem;}
    .nt9 .top big{ font-size: .4rem;}
    .nt9 .top small{ font-size: .2rem;}
}

.lrld .content::after{content: "";background: url(../images/lrld.jpg) center no-repeat;background-size: cover;height: .1rem;position: absolute;left: 0;right: 0;bottom: 100%;}
.lrld .content{background: #fff;box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.08);position: relative;padding: .3rem 1rem;}
.lrld .content .box{padding: .25rem 0;border-bottom: #dddcdc 1px solid;}
.lrld .content .box:last-child{ border: none}
.lrld .content .box .left{ width: 45%;}
.lrld .content .box .left h4{font-size: .2rem;color: #333333;font-weight: 600;line-height: 2;}
.lrld .content .box .left p{font-size: .14rem;color: #3D3D3D;margin: .04rem 0 0 -.08rem;}
.lrld .content .box .right{ width: 55%;}

.nt10 li{margin: 0 0 .16rem;line-height: 2;}
.nt10 li:last-child { margin: 0; }
.nt10 .a{ align-items: flex-start}
.nt10 .ll{width: 40%;position: relative;display: flex;align-items: center;font-weight: 600;cursor: pointer;transition: .5s;}
.nt10 .ll i{background: url(../images/nt10_b1.png) center no-repeat;background-size: cover;width: .08rem;height: .08rem;display: flex;margin: 0 0 0 .1rem;transition: .5s;}
.nt10 .ll .con{position: absolute;left: .9rem;top: 50%;background: url(../images/nt10_b.jpg) center no-repeat;background-size: cover;width: 6.36rem;height: 2.3rem;transform: translateY(-50%);padding: .1rem;align-items: center;box-shadow: 0px 13px 7px 0px rgba(4, 8, 45, 0.2);opacity: 0;visibility: hidden;transition: .5s;z-index: 10;pointer-events: none;}
.nt10 .ll .con:after{content: "";position: absolute;top: 50%;right: 100%;border-top: transparent .06rem solid;border-bottom: transparent .06rem solid;border-right: #2d308b .07rem solid;transform: translateY(-50%); }
.nt10 .ll .con .imgBox{width: 1.4rem;margin: 0 .3rem 0 0;}
.nt10 .ll .con .imgBox .img{padding-bottom: 147.85%;}
.nt10 .ll .con .txt{flex: 1;overflow: hidden;padding: .2rem 0 0;}
.nt10 .ll .con .txt h4{font-size: .24rem;color: #fff;position: relative;padding: 0 0 .15rem;margin-bottom: .15rem;line-height: 1.25;}
.nt10 .ll .con .txt h4:before{ content: ""; position: absolute; left: 0; bottom: 0; width: .46rem; height: 2px; background: #8d1516}
.nt10 .ll p{font-size: .16rem;color: #fff;line-height: 1.875; font-weight: 600;}
.nt10 .cc{width: 40%;flex: 1;}
.nt10 .rr{ text-align: right;}

.nt10 .ll:hover{ color: #28318c}
.nt10 .ll:hover .con{ opacity: 1; visibility: visible;}
.nt10 .ll:hover i{background: url(../images/nt10_b2.png) center no-repeat;background-size: cover;}

@media(min-width: 769px){
    
}
@media(max-width: 769px){
    .lrld .content{ padding: .2rem .2rem;}
    .lrld .content .box .left{width: 100%;margin: 0 0 .15rem;}
    .lrld .content .box .right{ width: 100%;}
    .nt10 li{margin: 0 0 .1rem;}
    .nt10 li:last-child { margin: 0; }
    .nt10 .ll .con{left: 0;top: 100%;transform: translateY(0);max-width: 87vw;align-items: flex-start;}
    .nt10 .ll p{ font-size: .14rem}
    .nt10 .ll .con .txt h4{ font-size: .2rem;}

    .lrld .content .box:last-child{ border: none}
}


.detail{ align-items: flex-start;}
.detail .left{width: calc(100% - 4.04rem);padding: 0 1.06rem 0 0;}
.detail .right{width: 4.04rem;padding: .3rem 0 0 0;}
.detail .arc-con p{ margin-bottom: .2rem;}

.ar_tit{position: relative;z-index: 1;margin: .2rem 0 .35rem;border-bottom: 1px solid rgba(0, 0, 0, 0.1);}
.ar_tit:after{ content: ""; position: absolute; left: 0; bottom: -.03rem; width: 1rem; height: .05rem; background: #28318C}
.ar_tit h3{font-size: .4rem;color: #3D3D3D;line-height: 1.35;margin: 0 auto;}
.ar_tit .con{padding: .3rem 0 .2rem;}
.ar_tit .con .ll p{font-size: .16rem;color: #3D3D3D;line-height: 1.5;display: flex;flex-wrap: wrap;align-items: center;margin: 0 .5rem 0 0;}
.ar_tit .con .ll p img{width: .16rem;margin: 0 .06rem 0 0;}
.ar_tit .con .ll p:last-child{ margin-right: 0}


.ar_tj{border-top: 1px solid rgba(0, 0, 0, 0.1);padding: .3rem 0;position: relative;z-index: 1;margin: .6rem 0 0;}
.ar_tj .a{display: block;font-size: .2rem;color: #3D3D3D;line-height: 1.5;margin: .12rem 0;transition: .5s;}
.ar_tj:after{ content: ""; position: absolute; right: 0; top: -.03rem; width: 1rem; height: .05rem; background: #28318C}

.more3{ width: 100%;height: .66rem;align-items: center;justify-content: center; border: 1px solid #8D1516;  font-size: .2rem;color: #8D1516;transition: .5s; margin: .3rem 0 0}
.more3 img{width: .21rem;margin: 0 .06rem 0 0;transition: .5s;}

.h3-4{align-items: center;font-size: .28rem;color: #3D3D3D;margin-bottom: .1rem;}
.h3-4 img{ width: .29rem; margin: 0 .12rem 0 0;}

.nt11 li{ border-bottom: #D8D8D8 1px solid; padding: .2rem 0; transition: .5s;}
.nt11 h6{ color: #3D3D3D;}
.nt11 h4{ margin: .12rem 0 0;}

@media(min-width: 769px){
    .more3:hover{background: #840f13;color: #fff;}
    .more3:hover svg{ fill: #fff}

    .ar_tj .a:hover{color: #28318C;font-weight: bold;}
    .nt11 .a:hover h4{ color: #28318C; font-weight: bold;;}
    
}
@media(max-width: 769px){
    .ar_tit h3{font-size: .22rem;text-align: center;}
    .ar_tit .con .ll p{margin: 0 .1rem;font-size: .14rem;}
    .ar_tj .a{ font-size: .16rem; }
    .ar_tj{ margin: .3rem auto 0; padding: .25rem 0 0}
    
    .more3{ height: .45rem; font-size: .18rem}

    .detail .left{width: 100%;padding: 0;}
    .detail .right{ width: 100%;margin: .3rem 0 0;}
    .nt11 h4{ margin: .1rem 0 0;}
}

.whbs{ background: url(../images/whbs_b.jpg) center bottom no-repeat; background-size: 100% auto;}
.whbs .fl1{ background: url(../images/whbs_b1.jpg) center bottom no-repeat; background-size: 100% auto;}

.whbs .arc-con p{margin-bottom: .15rem;}

.h3-1s .txt{font-size: .36rem;color: #8a1617;font-family: "黑体";line-height: 1;/* font-weight: normal; */margin: 0 0 .02rem;}
.h3-1sw .txt{ color: #fff;}

.whbs .fl2{background: url(../images/whbs_b2.jpg) center top no-repeat;background-size: 100% auto;height: 47.13vw;}
.whbs .fl3{position: relative;z-index: 1;margin: -22vw 0 0;}
.whbs .fl3 .box{background: #f7f6f6;padding: .5rem .65rem;border-bottom: #8d1516 3px solid;}
.whbs .fl4{ padding-top: 0 !important;}
.whbs .fl4 .wp.flexjs{ align-items: flex-start;}
.whbs .fl4 .left{width: 36.86%;box-shadow: 0px 3px .28rem 0px rgba(0, 0, 0, 0.13);position: relative;z-index: 2;}
.whbs .fl4 .center{position: absolute;right: -50%;top: 50%;transform: translate(0, -50%);z-index: -1;width: 28.33vw;}
.whbs .fl4 .play{position: absolute;top: 28%;right: -36%;z-index: 10;width: 12.91vw;}
.whbs .fl4 .right{ width: 63.14%; margin: -1rem 0 0;}
.whbs .fl4 .right .img{margin: 0 0 0 -16%;}
.whbs .fl4 .wp1{ margin-top: .8rem;}
.whbs .fl4 audio{ float: right; margin: .5rem 0 0;}

@media(max-width: 769px){
    .h3-1s .txt{ font-size: .4rem;}
    .whbs .fl2{padding-top: .2rem;background-size: 122% auto;height: 55vw;}
    .whbs .fl3 .box{ padding: .25rem .2rem}

    .whbs .fl4 .left{width: 100%;order: 1;margin: 0 0 20vw;}
    .whbs .fl4 .right{width: 100%;margin: 0;}
    .whbs .fl4 .right .img{ margin: 0 0 0}

    .whbs .fl4 .center{bottom: -25%;right: auto;left: 50%;top: auto;width: 60vw;transform: translate(-50%, 0);}
    .whbs .fl4 .play{right: auto;bottom: -7vw;top: auto;left: 46%;width: 20vw;}

    .whbs .fl4 audio { display: block; float: none; margin: .2rem auto .4rem}
}

.h3-1ss{ margin-bottom: .3rem;}
.h3-1ss .ico{ background: url(../images/h3-1s.png) center no-repeat; background-size: cover;}

.jcyx .fl2 .h3-1ss .txt{ color: #fff;}

.jcyx .fl1{background: url(../images/jcyx_b1.png) center no-repeat;background-size: auto;padding-bottom: 1.2rem;}
.jcyx .fl1 .wp{ align-items: flex-start;}
.jcyx .fl1 .left{ width: 60%; padding: 0 .56rem 0 0; position: relative; z-index: 1;}
.jcyx .fl1 .left::before{content: "";position: absolute;top: 31%;right: 0%;bottom: 0;left: 16%;background: url(../images/nt12_b.jpg) center no-repeat;background-size: cover;z-index: -1;}
.jcyx .fl1 .left .bottom{padding: .18rem .2rem .6rem 21%;align-items: center}
.jcyx .fl1 .right{ width: calc(100% - 60% - .3rem);}

.nt12 .imgBox .img{ padding-bottom: 56.44%}
.nt12Box .dots{width: auto;align-items: center;}
.nt12Box .dots .line{width: 8vw;height: 2px;background: #D8D8D8;margin: 0 .15rem;opacity: .5;}
.nt12Box .dots .current{ font-size: .28rem; color: #fff;}
.nt12Box .dots .total{ font-size: .16rem; color: #fff;}

.ar2Box{ align-items: center; margin: 0 -.08rem;}
.ar2Box .ar2{width: 32px;height: 32px;border: #fff 1px solid;border-radius: 50vw;display: flex;align-items: center;justify-content: center;font-size: .28rem;color: #fff; font-family: "lib"; margin: 0 .08rem; cursor: pointer; transition: .5s;}

.nt13{ margin: 0 -.15rem;}
.nt13 li{ width: 50%; padding: 0 .15rem; margin-bottom: .3rem;}

.more2{ align-items: center; justify-content: center; font-size: .16rem; color: #8D1516;}
.more2 img{ height: .22rem; margin: 0 .15rem 0 0;}

.jcyx .fl2{border-top: #D8B479 .1rem solid;background: #fcfcfc url(../images/jcyx_b2.png) center bottom no-repeat;background-size: cover;padding-bottom: 5vw;}
.jcyx .fl2 .left{ width: 48%;}
.jcyx .fl2 .right{width: 50.5%;}

.nt14 .a{ display: block; position: relative; z-index: 1;}
.nt14 .imgBox .img{ padding-bottom: 62.13%}
.nt14 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.nt14 i{position: relative;z-index: 1;width: .6rem;}

.nt15Box .bottom{justify-content: flex-end;margin: 0 0 .24rem;}
.nt15Box .ar2Box .ar2{width: .4rem;height: .4rem;font-size: .32rem;}
.nt15 .num{padding: 0 .08rem 0 .36rem;align-items: center;margin: 0 0 .2rem;}
.nt15 .num i{ display: flex; justify-content: center; align-items: center; border: #fff 1px solid; border-radius: 50vw; width: .44rem; height: .44rem; font-size: .3rem; color: #fff;}
.nt15 .num .line{ flex: 1; height: 1px; overflow: hidden; background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);}
.nt15 .imgBox .img{ padding-bottom: 57.66%}

.jcyx .fl3{background: #fcfcfc url(../images/jcyx_b3.jpg) center top no-repeat;background-size: cover;padding: 1.6rem 0 1.2rem;}
.jcyx .fl3 .wp{ align-items: center;}
.jcyx .fl3 .left{ width: 8.55rem; box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);}
.jcyx .fl3 .right{width: calc(100% - 8.55rem - .82rem);}
.jcyx .fl3 .right h3{ position: relative;}
.jcyx .fl3 .right h3:before{content: "";position: absolute;bottom: -.1rem;left: .6rem;margin: 0 auto;width: 1.1rem;height: .04rem;background: #D8B479;border-radius: 50vw;}

.nt16 .imgBox .img{ padding-bottom: 68.30%}
.nt16 .txt{ background: #D8B479; height: .62rem; align-items: center; justify-content: center; padding: 0 .3rem;}
.nt16 h4{ text-align: center; font-size: .24rem; color: #fff !important; font-weight: bold; letter-spacing: .06rem;}

.jcyx .fl3 .h3-1ss{ margin-bottom: .6rem;}

.nt17{ margin: 0 -7px -.58rem;}
.nt17 li{ width: 50%; padding: 0 7px; margin-bottom: .58rem;}
.nt17 .a{align-items: center;position: relative;z-index: 1;}
.nt17 .a:before{content: "";position: absolute;width: 1.22rem;height: 1.21rem;background: url(../images/nt17_b.png) center no-repeat;top: .3rem;left: .25rem;opacity: 0;transition: .5s;z-index: -1;}
.nt17 .imgBox{ width: 1.1rem; border-radius: 50vw; margin: 0 .26rem 0 0;}
.nt17 .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #8D1516; border-radius: 50vw;}
.nt17 .imgBox .img{ padding-bottom: 100%;}
.nt17 .txt{ flex: 1; overflow: hidden;}

.nt17 li.on .a h4{ color: #8D1516;}
.nt17 li.on .a:before{ opacity: 1}

@media(min-width: 769px){
    .ar2Box .ar2:hover{ background: #D8B479; border: #D8B479 1px solid;}
    .nt17 .a:hover h4{ color: #8D1516;}
    .nt17 .a:hover:before{ opacity: 1}
}
@media(max-width: 769px){
    .jcyx .fl1 .left{width: 100%;padding: 0;}
    .jcyx .fl1 .left::before{ left: 0}
    .jcyx .fl1 .left .bottom{ padding: .25rem 15px}
    .jcyx .fl1 .right{width: 100%; padding: .4rem 0 0}
    
    .nt13{ margin: 0 -7px;}
    .nt13 li{ width: 50%; padding: 0 7px; margin-bottom: .2rem;}
    .jcyx .fl1{ padding-bottom: .4rem}

    .jcyx .fl2 .left{ width: 100%}
    .jcyx .fl2 .right{width: 100%; padding: .4rem 0 0}

    .nt15Box .bottom{ margin: 0 0 .1rem}
    .jcyx .fl2{ padding-bottom: 30vw}

    .jcyx .fl3{padding: 0 0 .6rem;}
    .jcyx .fl3 .left{ width: 100%}
    .jcyx .fl3 .right{width: 100%; padding: .4rem 0 0}

    .nt16 h4{ font-size: .18rem}
    .nt17{ margin: 0 -7px -.2rem;}
    .nt17 li{ width: 50%; padding: 0 7px; margin-bottom: .2rem;}
    .nt17 .imgBox{ width: .7rem; margin: 0 .16rem 0 0}
    .jcyx .fl3 .h3-1ss{ margin-bottom: .4rem;}
    .jcyx .fl3 .right h3:before{width: .72rem;}
    .nt14 i{ width: .44rem;}
    .h3-1ss{ margin-bottom: .2rem;}
}