@charset "utf-8";

.n_banner{ position: relative; z-index: 1;}
.n_banner .img:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url() center top no-repeat; background-size: 100% auto;} 
.n_banner .imgBox .img{padding-bottom: 23.44%;}
.n_banner .top{ position: absolute; right: 0; bottom: 0; left: 0;}

.mianbao{display: flex;align-items: center;padding: 0;justify-content: flex-end;}
.mianbao *{font-size: .14rem;color: #666666;font-style: normal;line-height: 1.5;}
.mianbao span{margin: 0 .1rem;}
.mianbao img{ width: .18rem; margin: 0 .06rem 0 0}










#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #553CC2;}
#bnt_back { position: absolute; left: 15px; top: 11px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav i { }
#m_n_nav h1 { font-size: 14px; color: rgb(255, 255, 255); text-align: center; margin: 0px; line-height: 50px; }
#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: 2px solid rgb(202, 158, 78); height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: rgb(202, 158, 78); }
#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: 33.33%;display: inline-block;margin-bottom: 0px;text-align: center;}
#sub_nav_content dt a { margin: 0px 20px; display: block; color: rgb(91, 83, 73); 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: rgb(215, 0, 41); border-top: 1px solid rgb(255, 255, 255);}
#sub_nav_content dt.title_on a i { color: rgb(215, 0, 41); }
#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: #80178F;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color: rgb(215, 0, 41); }

.n_container{ padding: .46rem 0 .6rem; background: #fff; background: linear-gradient(0deg, #F7F7FB, #F7F7FB), #FFFFFF;overflow: hidden;}
.n_banner .wp, .n_container .wp{  align-items: flex-start}
.n_left{ width: 2.18rem; position: relative; margin: 0; z-index: 10;}
.n_right{ width: calc(100% - 2.18rem); padding: 0 0 0 .7rem;}
.yj{height: 1rem;display: flex;align-items: center;justify-content: center;padding: 0 15px;position: relative;overflow: hidden}
.yj:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #2268FF 0%, #80178F 100%); z-index: -1; transform: skewY(5deg); transform-origin: left top }
.yj h3{ background: linear-gradient(181deg, #FFFFFF 22%, rgba(255, 255, 255, 0) 98%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;background-clip: text;text-fill-color: transparent; opacity: .35;text-transform: uppercase;font-size: .38rem;font-family: Barlow Condensed;}
.yj h2{ font-size: .24rem; color: #fff; line-height: 1.75; margin: -.3rem 0 0}
.list_erji{background: #fff url(../images/n_left.jpg) center bottom no-repeat; padding: .1rem 0 1.5rem; background-size: 100% auto; box-shadow: 0px 0px 15px 0px rgba(38, 21, 56, 0.1);}

.list_erji li *{ transition: .5s;}
.list_erji li .a{display: block;line-height: .6rem;text-align: left;font-size: .18rem;color: #333333;position: relative;z-index: 1;padding: 0 .3rem;}
.list_erji li .a:before{ content: ""; position: absolute; bottom: 0; left: .3rem; right: .3rem; background: url(../images/list_erji_l.png) center bottom repeat-x; height: 2px}
.list_erji li .a:after{ content: ""; position: absolute; top: 50%; right: .4rem;  background: url(../images/list_erji.svg) center no-repeat; width: .08rem;height: .15rem;margin: -.065rem; background-size: 100% 100% !important;transition: .5s;}
.list_erji li.on .a, .list_erji li:hover .a{ color: #660774;}
.list_erji li.on .a:after, .list_erji li:hover .a:after{color: #660774; background: url(../images/list_erji_r.svg) center no-repeat;}
.list_erji li:last-child .a:before{ display: none}

.n_tit1{ margin-bottom: .4rem;position: relative;}
.n_tit1:before{ content: ""; position: absolute; left: 0; right: 0; background: #CCCCCC; height: 1px; bottom: 0}
.n_tit1 h3{font-size: .26rem;color: #333333;padding: 0 0 .16rem;display: flex;align-items: center;justify-content: space-between;}
.about .fl1{ align-items: flex-start;}
.about .fl1 .left{ width: 59.51%;}
.about .fl1 .right{ width: 36%;}
.about .fl1 .imgBox .img{ padding-bottom: 57.78%;}
.about .fl2{ margin: .4rem 0 0;}

.h3-1{ font-size: .32rem; color: #333333; text-align: right}
.h4-1{ position: relative; z-index: 1; overflow: hidden; justify-content: flex-end;align-items: baseline; margin: .05rem 0 .2rem;}
.h4-1 small{ position: relative; z-index: 1;margin: -.05rem .08rem 0 0;}
.h4-1 small:before{ content: ""; position: absolute; right: calc(100% + .2rem); top: 50%; width: 50vw; height: 1px; background: #E1E1E1}
.h4-1 small:after{ content: ""; position: absolute; right: calc(100% + .2rem); top: 50%; width: .06rem; height: .06rem; background: #E1E1E1; border-radius: 50vw; margin: -.02rem 0 0}
.h4-1 big{ font-size: .38rem; color: #660774;}

@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    .n_left, .n_banner .top{ display: none;}
	#m_n_nav{ display: block;margin: 15px 15px 0;width: calc(100% - 30px);}
	.n_right{width: 100%;padding: 0;overflow: hidden;}
	.n_tit1{ margin-bottom: .3rem;display: none;}

    .about .fl1 .left{ width: 100%;}
    .about .fl1 .right{ width: 100%;padding: .3rem 0 0;}
}
@media(max-width: 800px){
	.h3-1{ font-size: .26rem;}
	.h4-1 big{ font-size: .26rem;}
    .about .fl2{ margin: .25rem 0 0;}
}
@media(max-width: 560px){
} 

.zuzhi .fl1{ position: relative; z-index: 1; padding: .36rem 0 0;align-items: center;}
.zuzhi .fl1::before{ content: ""; position: absolute; top: 0; bottom: 0; left: 0; width: 80%; z-index: -1; background: url(../images/zuzhi_b1.jpg) center no-repeat;background-size: cover;}
.zuzhi .fl1 .left{ width: 1.96rem;text-align: center;}
.zuzhi .fl1 .left .ico img{ width: .8rem}
.zuzhi .fl1 .left h4{ font-size: .2rem; color: #fff; margin: .15rem 0 0;}
.zuzhi .fl1 .right{ flex: 1; overflow: hidden; background: #fff; padding: .56rem .2rem .56rem .56rem;border-radius: .6rem 0 0 0;}

.list50 li{ width: 25%; padding: 0 .2rem 0 0;margin: .15rem 0;}
.list50 .a{ font-size: .18rem; color: #333; line-height: .24rem; position: relative; z-index: 1; padding: 0 0 0 .36rem;display: block;}
.list50 .a:before{ content: ""; position: absolute; background: url(../images/list50_i.svg) center no-repeat; background-size: 100% 100%;left: 0;top: 36%;width: .2rem;height: .06rem; transition: .5s}

.zuzhi .fl2{ margin: .5rem 0 0; align-items: center; background: #fff; border-radius: .6rem 0 0 0;}
.zuzhi .fl2 .left{ align-items: flex-end; order: 1;position: relative;z-index: 1;}
.zuzhi .fl2 .left:before{ content: ""; position: absolute; top: 28%; right: 0; bottom: 0; left: -.2rem; background: linear-gradient(100deg, #3559DC 8%, #5891FF 84%); opacity: .1;z-index: -1;}
.zuzhi .fl2 .left .ll{ width: 2.06rem; height: 2.18rem; text-align: center; background: linear-gradient(90deg, #2268FF 0%, #80178F 100%);display: flex;flex-direction: column;justify-content: center;align-items: center;}
.zuzhi .fl2 .left h4{ font-size: .2rem; color: #fff; margin: .15rem 0 0;}
.zuzhi .fl2 .left .ico img{ width: .8rem}
.zuzhi .fl2 .right{ flex: 1; overflow: hidden; padding: .56rem .2rem .56rem .56rem;}
.zuzhi .fl2 .left .img{ width: 3.27rem;}
.zuzhi .fl2 .left .img img{ width: 100%}

.list50s li{ width: 33.33%;}

@media(min-width: 1024px){
	.list50 .a:hover:before{ background: url(../images/list50_is.svg) center no-repeat;}
}
@media(max-width: 1024px){
    .list50 li{ width: 33.33%;}

    .zuzhi .fl2 .left{ width: 100%;}
    .zuzhi .fl2 .right{ width: 100%;}
}
@media(max-width: 800px){
    .list50 li{ width: 50%;margin: .14rem 0 0;}

    .zuzhi .fl1 .left{ margin: 0 auto .3rem;}
    .zuzhi .fl1 .right, .zuzhi .fl2 .right{ width: 100%;flex: auto;padding: .3rem .2rem;border-radius: 0 0 0 0;order: 1;}
    .zuzhi .fl1::before{ width: 100%}

    .zuzhi .fl2 .left .img{ width: 100%;display: none;}
    .zuzhi .fl2 .left .ll{ width: 100%;height: 1.6rem;}
    .zuzhi .fl2{ border-radius: 0 0 0 0;margin: .3rem 0 0;}

    .zuzhi .fl2 .left .ico img, .zuzhi .fl1 .left .ico img{ width: .6rem;}
} 
@media(max-width: 560px){
} 

.list51 li{ margin-bottom: .3rem;}
.list51 .a{  box-shadow: 0px 4px 40px 0px rgba(0, 0, 0, 0.05);align-items: center;}
.list51 .imgBox{ width: 3.5rem;}
.list51 .imgBox .img{ padding-bottom: 62.60%;}
.list51 .txt{ flex: 1;   padding: .25rem;overflow: hidden;}
.list51 p{ margin: .1rem 0 .2rem;}
.list51 .h6{ align-items: center}
.list51 .h6 .ll{ font-size: .18rem; color: #660774;display: flex;}
.list51 .h6 .ll img{ margin: 0 .06rem 0 0;width: .14rem;}
.list51 .h6 .line{ flex: 1; background: rgba(153, 153, 153, 0.3);height: 1px;margin: 0 .1rem;}
.list51 .h6 span{ display: inline-block; width: .9rem; line-height: .21rem; background: linear-gradient(90deg, #2268FF 0%, #80178F 100%); font-size: .12rem; color: #fff; border-radius: 50vw; text-align: center}

/*====翻页====*/
.j_pages{margin:.6rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.j_pages .box{text-align: center;display: flex;align-items: center;flex-wrap: wrap;}
.j_pages .box *{font-size: .14rem;}
.j_pages a{padding: 0 .1rem;height: .3rem;line-height: .28rem;display:inline-block;margin: 0 .06rem;color: #848484;box-sizing: border-box;border-radius: .04rem;transition: .5s;min-width: .3rem;border: #d2d5da 1px solid;}
.j_pages a font{ padding:0 10px}
.j_pages a:hover, .j_pages a.on{background: #751983;color:#fff!important;border: #751983 1px solid;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .list51 p{ margin: .1rem 0 .15rem;}
}
@media(max-width: 800px){
    .j_pages{ margin-top: .4rem;}
    .j_pages a{ display: none; margin: 0 .03rem;}
	.j_pages a.m_bnt{ display: block}
}
@media(max-width: 560px){
    .list51 .imgBox{ width: 100%;}
    .list51 .txt{ flex: auto; overflow: hidden; padding: .2rem 0}
    .list51 .a{ box-shadow: none}
} 

.detail .center{ width: 100%; padding: 0;display: table-cell;}
.detail .right{ width: 4.1rem;border: #e5e5e5 1px solid; padding: .3rem .4rem; }

ul.fx{position: sticky;top: 0;width: .41rem;text-align: center;}
ul.fx li{ margin-bottom: .2rem;}
ul.fx li .a{ display: flex; width: .42rem; height: .42rem; border: #a9a9a9 .02rem solid;border-radius: 50vw;align-items: center;justify-content: center; transition: all .5s;position: relative;z-index: 1;cursor: pointer;}
ul.fx li .a svg{ fill: #545454; width: .14rem; height: .14rem; transition: all .5s}
ul.fx li:nth-child(2) .a svg{ width: .22rem; height: .22rem}

ul.fx li .a:hover{ border: #ba9364 .02rem solid; background: #ba9364}
ul.fx li .a:hover svg{ fill: #fff}

.arc_tit{ border-bottom: #e5e5e5 1px solid;padding: 0 0 .24rem .24rem; margin: 0 0 .28rem 0;}
.arc_tit h3{ font-size: .24rem; color: #323538; position: relative}
.arc_tit h3:before{ content: ""; position: absolute; left: -.2rem; width: .05rem; height: .2rem; background: #751983; top: 50%; margin-top: -.1rem}
.arc_tit h6{ margin: .18rem 0 0}
.arc_tit h6 span{ margin: 0 .8rem 0 0; font-size: .14rem; color: #4a4a4a}
.arc_tit h6 span:last-child{ margin-right: 0}

.detail .arc-con p{color: #323538;line-height: 2.25 !important;margin-bottom: 0}
.detail .arc-con p img{ margin-top: .25rem; margin-bottom: .25rem}

.tit5{ margin-bottom: .25rem;  position: relative}
.tit5 h3:before{ content: ""; position: absolute; left: -.2rem; width: .05rem; height: .2rem; background: #ba9364; top: 50%; margin-top: -.1rem}
.tit5 h3 big{ font-size: .2rem; color: #313131}
.tit5 h3 small{ font-size: .16rem; color: #ba9364; font-weight: normal;margin: 0 0 0 .1rem;}

.list9 p{ margin: .15rem 0 .4rem}
.list9 h6{ font-size: .15rem; color: #888;border-bottom: #e5e5e5 1px solid;padding: 0 0 .25rem; position: relative;}
.list9 h6:after{ content: ""; position: absolute; left: 0; bottom: -1px; height: 2px; background: #ba9364; width: .75rem;}
.list9 h6 i{ background: url() center no-repeat;width: .17rem;height: .14rem;background-size: 100% 100%;display: inline-block;transform: rotate(180deg);}

.list10{ margin: .2rem 0 0}
.list10 .a{display: flex;justify-content: space-between;align-items: center;padding: 0 0 0 .2rem;height: .4rem;position: relative;z-index: 1;}
.list10 .a::before{content: "";position: absolute;top: 50%;left: 0;transition: .5s;z-index: -1;background: #d5d7d9;width: .08rem;height: .08rem;border-radius: 50vw;transform: translateY(-50%);}
.list10 h4{ font-size: .14rem}


@media(min-width: 1024px){
    .list10 .a:hover::before{ background: #ba9364;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .detail .wp{ display: block;}
    .detail .left{ display: none;}

    .detail .center{ width: 100%;padding: 0;}
    .detail .right{ width: 100%;margin: .4rem 0 0;padding: .2rem .2rem;}

    .arc_tit h3{ font-size: .22rem;}
    .arc_tit h6 span{ margin: 0 .25rem 0 0;}

    .arc-con p{ font-size: .16rem;}
    .list9 p{ margin: .1rem 0 .25rem;}
}
@media(max-width: 560px){
} 

.list13s li{ width: 50%; padding: 0 .83vw;margin-bottom: 1.66vw;}
.list13s li .a{ height: 1.64rem; background: #fff; box-shadow: 0px .04rem .2rem 0px rgba(0, 0, 0, 0.06);padding: .25rem .2rem;flex-direction: column;justify-content: space-between; transition: .5s;}
.list13s li .h6{ align-items: center}
.list13s li .h6 .ll{ font-size: .18rem; color: #660774;display: flex;}
.list13s li .h6 .ll img{ margin: 0 .06rem 0 0;width: .14rem;}
.list13s li .h6 .line{ flex: 1; background: rgba(153, 153, 153, 0.3);height: 1px;margin: 0 .1rem;}
.list13s li .h6 span{ display: inline-block; width: .9rem; line-height: .21rem; background: linear-gradient(90deg, #2268FF 0%, #80178F 100%); font-size: .12rem; color: #fff; border-radius: 50vw; text-align: center}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list13s li{ width: 100%;}
} 
@media(max-width: 560px){
} 

.list15