@charset "utf-8";


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

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
}
@media(max-width: 560px){
} 

.n_ba{position: relative;z-index: 1;}
.n_ba .imgBox .img{padding-bottom: 32.8125%;}
.n_ba .top{ position: absolute; right: 0; bottom: 0; left: 0;}
.n_ba:after{content: "";position: absolute;right: 0;bottom: 0;left: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%);z-index: 1;height: 8vw;}

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

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #0A57A9;}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#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: 100%;display: inline-block;margin-bottom: 0px;text-align: left;}
#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.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: #0A57A9;}
#sub_nav_content dd {display: flex;padding: 0px 20px;width: 100%;}
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a {padding: 0;line-height: 30px;font-size: 12px;color: #999;display: block;height: 30px;min-width: 25%;}
#sub_nav_content dd a.on { color: rgb(215, 0, 41); }

.erji li dl{ padding: .1rem 0}
.erji li dl dd .a1{display: block;line-height: .4rem;text-align: center;font-size: .16rem;color: #666;position: relative;z-index: 1;padding: 0;transition: .5s}
.erji li dl dd .a1:hover, .erji li dl dd.on .a1{ color: #0A57A9}

.n_container{padding: 0 0 1.2rem;min-height:500px;background: #fff url(../images/n_container.jpg) center bottom no-repeat;background-size: 100% auto; position: relative; z-index: 1;}
.n_container::before{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: url(../images/n_container1.png) center top no-repeat;background-size: 100% auto;z-index: -1;}
.n_banner .wp, .n_container .wp{align-items: flex-start}
.n_left{width: 3.2rem;position: relative;z-index: 10;padding: 0 0 0 .1rem;margin: -.8rem 0 0;}
.n_right{width: calc(100% - 3.2rem);padding: .5rem 0 0 .6rem;}
.yj{height: 1.38rem;display: flex;flex-direction: column;align-items: center;justify-content: center;padding: 0 15px;position: relative;background: url(../images/yj_b.jpg) center no-repeat;background-size: 100% 100%;}

.yj h2{font-size: .34rem;color: #fff;line-height: 1;font-weight: normal; position: relative; z-index: 1; margin-bottom: -.05rem}
.yj h4{font-size: .3rem;color: rgba(255,255,255,.15);line-height: 1.25;font-weight: normal; text-transform: uppercase}
.erji{background: #ffffff url(../images/erji.jpg) center bottom no-repeat;padding: 0 0 1.6rem;background-size: 100% auto;/* min-height: 6.3rem; */box-shadow: 0px 2px 19px 0px rgba(207, 207, 207, 0.5);}

.erji li *{ transition: .5s;}
.erji li .a{display: block;line-height: .8rem;text-align: center;font-size: .22rem;color: #666;position: relative;z-index: 1;padding: 0 .3rem;}
.erji li .a img{margin: 0 .12rem;width: .13rem;}
.erji li .a:before{content: "";position: absolute;bottom: 0;left: 0;right: 0;border-top: #979797 1px dotted;height: 1px;opacity: .2;}
.erji li.on .a:after, .erji li:hover .a:after{  opacity: 1;}
.erji li.on .a, .erji li:hover .a{color: #fff;background: #FCB647;}

.erji li dl{ padding: .1rem 0}
.erji li dl dd .a1{display: block;line-height: .4rem;text-align: center;font-size: .16rem;color: #666;position: relative;z-index: 1;padding: 0 .3rem;transition: .5s}
.erji li dl dd .a1:hover, .erji li dl dd.on .a1{ color: #0A57A9}

.n_tit1{margin-bottom: .4rem;position: relative;border-bottom: 1px solid rgba(151,151,151,.2);}
.n_tit1 h3{font-size: .3rem;color: #0A57A9;padding: 0 0 .2rem;display: flex;align-items: baseline;justify-content: space-between;position: relative;margin-bottom: -2px;font-weight: normal;}

.pages{ margin: .7rem auto 0; justify-content: center;}

@media(min-width: 769px){
}
@media(max-width: 1024px){
}
@media(max-width:769px){
    .n_left{ display: none;}
    .n_right{width: 100%;flex: auto;padding: 0;}

    .n_tit1{ display: none;}
    #m_n_nav{ display: block;}

    .n_ba .imgBox .img{ padding-bottom: 40%;}
    .n_container{overflow: hidden;padding: .4rem 0 .5rem;}

    .pagebar{ margin: .4rem auto 0; justify-content: center;}
    .pagebar span{display:inline-block;margin-top:0.1rem;}
} 
@media(max-width: 560px){
}


.ar_tit{position: relative;z-index: 1;margin: 0 0 .25rem;text-align: center;}
.ar_tit h3{font-size: .28rem;color: #0A57A9;line-height: 1.35;margin: 0 auto;font-weight: normal;}
.ar_tit .con .ll{justify-content: center;margin: .25rem 0 0;}
.ar_tit .con .ll p{font-size: .18rem;color: #666;line-height: .24rem;display: flex;flex-wrap: wrap;align-items: center;margin: 0 1.35vw;}
.ar_tit .con .ll p img{ width: .22rem; margin: 0 .1rem 0 0}

.details .arc-con p{ text-indent: 2em;}

.ar_tj{border-top: 3px solid #0A57A9;padding: .6rem 0 0;position: relative;z-index: 1;margin: .5rem 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ar_tj .a{display: block;font-size: .2rem;color: #333;line-height: 1.7;margin: .1rem 0;transition: .5s;width: 48%;}
.ar_tj .a:nth-child(2){ text-align: right}

.deta.ls9 .ar_tit{margin-bottom: .4rem;}
.deta.ls9 .ar_tit h3{border: none;padding-bottom: 0;}
.deta.ls9 .arc-con p{ text-indent:2em;background:none !important;}
.deta.ls9 .arc-con span{ background:none !important;}

.more1{display: flex;align-items: center;justify-content: center;width: 1.95rem;height: .58rem;margin: .5rem auto 0;font-size: .2rem;color: #fff;transition: .5s;background: linear-gradient(270deg, #0776CD 0%, #0D53A7 99%);}
.more1 img{width: .19rem;margin: 0 0 0 .12rem;}

.keywordfontcolor1040
{
    font-size: .2rem !important;!i;!;
    font-weight: bolder !important;!i;!;
    color: #dd4b39 !important;!i;!;!#dd4b39;
    font-family: 'roboto regular', "PingFang SC","Microsoft YaHei",Arial,sans-serif, "Open Sans", "Hiragino Sans GB", sans-serif !important;!i;!;
}

@media(min-width: 769px){
    .ar_tj .a:hover{color: #0a57a9;} 
}
@media(max-width: 769px){
    .ar_tit h3{ font-size: .22rem;}
    .ar_tit .con .ll p{margin: 0 .1rem;font-size: .15rem;}

    .ar_tj{ padding-top: .15rem}
    .ar_tj .a{font-size: .16rem;margin: .03rem 0;max-width: 100%;width: 100%;text-align: left !important;}

    .deta.ls9 .content{padding: 0;}
    .ar_tit .con .ll{ margin: .15rem 0 0;}
    .deta.ls9 .ar_tit{margin-bottom: .25rem;}
    .more1{ width: 1.6rem; height: .46rem; font-size: .16rem;}
    .more1 img{width: .15rem;}
} 

.ls9 li{ position: relative; z-index: 1;}
.ls9 li::before{ content: ""; position: absolute; background: #979797; left: 0; right: 0; bottom: 0; height: 1px; opacity: .2; }
.ls9 .a{ position: relative; z-index: 1; align-items: center; height: 1.45rem; padding: 0 .3rem;}
.ls9 .a::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ls2_b.jpg) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.ls9 .time{background: url(../images/time_b.svg) center no-repeat;background-size: cover !important;width: .78rem;height: .95rem;flex-direction: column;justify-content: center;align-items: center;padding: 0 0 .15rem;color: #fff;margin: 0 .3rem 0 0; transition: .5s;}
.ls9 .time h3{ font-size: .3rem; }
.ls9 .time h6{ font-size: .14rem; margin: .02rem 0 0}
.ls9 .txt{ flex: 1; overflow: hidden; }
.ls9 p{ margin: .1rem 0 0}


@media(min-width: 769px){
    .ls9 li:hover{ box-shadow: 0px 5px .22rem 0px rgba(10, 87, 169, 0.5669);}
    .ls9 .a:hover::before{ opacity: 1}
    .ls9 .a:hover .time{ background: url(../images/time_bs.svg) center no-repeat;}
    .ls9 .a:hover *{ color: #fff;}
}
@media(max-width: 769px){
    .ls9 .a{ padding: 0;}
    .ls9 .time{ margin: 0 .2rem 0 0;}
}

.ls10 li{ position: relative; z-index: 1;}
.ls10 li::before{ content: ""; position: absolute; background: #979797; left: .32rem; right: .32rem; bottom: 0; height: 1px; opacity: .2; }
.ls10 .a{ align-items: center; height: 2.88rem; position: relative; z-index: 1; padding: 0 .32rem;}
.ls10 .a::before{ content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/ls10_b.jpg) center no-repeat; background-size: cover; z-index: -1; opacity: 0; transition: .5s;}
.ls10 .imgBox{ width: 4rem;}
.ls10 .imgBox .img{ padding-bottom: 56.25%;}
.ls10 .txt{ flex: 1; overflow: hidden; padding: 0 .28rem;}
.ls10 .line{ margin: .1rem 0 .1rem -.28rem;}
.ls10 p{ margin: .22rem 0 0;}

@media(min-width: 769px){
    .ls10 li:hover{ box-shadow: 0px 5px .22rem 0px rgba(10, 87, 169, 0.5669);}
    .ls10 .a:hover::before{ opacity: 1}
    .ls10 .a:hover *{ color: #fff;}
    .ls10 .a:hover p{ opacity: .8;}
}
@media(max-width: 769px){
    .ls10 li{ margin-bottom: .25rem}
    .ls10 .a{padding: 0;height: auto;}
    .ls10 .imgBox{ width: 100%;}
    .ls10 .txt{ flex: auto; padding: .25rem 0;}
    .ls10 li::before{ left: 0; right: 0}
    .ls10 .line{ margin: .05rem 0;}
    .ls10 p{ margin: .1rem 0 0;}
}

.ls11 li{ margin-bottom: .4rem;}
.ls11 .a{ padding: .28rem; background: #fff url(../images/ls11_b.jpg) center no-repeat; background-size: cover; transition: .5s; box-shadow: 0px 5px 17px 0px rgba(0, 0, 0, 0.0787); align-items: center; border-right: #0A57A9 .03rem solid;}
.ls11 .imgBox{ width: 1.9rem;}
.ls11 .imgBox .img{ padding-bottom: 133.15%;}
.ls11 .txt{ flex: 1; overflow: hidden; padding: 0 0 0 .38rem;}
.ls11 .name{ align-items: center; align-items: flex-end;}
.ls11 .name big{ font-size: .26rem; color: #0A57A9;}
.ls11 .name small{ font-size: .2rem; color: #333; margin: 0 0 0 .2rem;}
.ls11 .line{ position: relative; border-top: 1px dashed rgba(10,87,169,.4); margin: .3rem 0 .35rem;}
.ls11 .line::after{ content: ""; position: absolute; top: 50%; right: 0; width: .05rem; height: .05rem; background: #0A57A9; transform: translateY(-50%);}
.ls11 p{ margin-bottom: .15rem; font-size: .2rem;}
.ls11 p:last-child{ margin-bottom: 0;}

@media(min-width: 769px){
    .ls11 .a:hover{ box-shadow: 0px 5px .22rem 0px rgba(10, 87, 169, 0.5669);}
}
@media(max-width: 769px){
    .ls11 li{ margin-bottom: .2rem;}
    .ls11 .a{ padding: .25rem 15px;}
    .ls11 .imgBox{ width: 1.4rem;}
    .ls11 .txt{ padding: 0 0 0 .2rem;}
    .ls11 .line{ margin: .1rem 0 .15rem;}
    .ls11 .name big{ font-size: .2rem;}
    .ls11 .name small{ font-size: .16rem; margin: 0 0 0 .1rem;}
}


.list16{padding: .44rem 0;box-shadow: 0px 3px .3rem 0px rgba(149, 11, 16, 0.03);background: #f1f7fd;border-radius: 0;margin-bottom: .3rem;}
.list16 dt{padding: 0 .4rem 0 0;display: flex;align-items: center;justify-content: space-between; margin-bottom: .3rem}
.list16 dt h3{position: relative;z-index: 1;font-size: .22rem;color: #0a57a9;font-weight: bold;font-family: "Microsoft Yahei";padding: 0 0 0 .56rem;line-height: 1.5;}
.list16 dt h3:before{content: "";position: absolute;top: 50%;left: 0;width: .31rem;height: .05rem;background: #0a57a9;}
.list16 dt .line{ flex: 1; height: 1px; background: #e6cacc; margin: 0 .3rem}
.list16 dt img{ height: .44rem}
.list16 .con{ padding: 0 .56rem}
.list16 .con .con_li{ padding: .03rem 0}
.list16 h4{ font-size: .18rem; color: #333333; margin-bottom: .05rem}
.list16 h4 b{ font-family: "Microsoft Yahei";}
.list17{ display: flex; flex-wrap: wrap;}
.list17 li{font-size: .16rem;color: #333333;padding: .05rem .15rem .05rem 0;line-height: 1.75;transition: .5s;min-width: 33.33%;}
.list17 a{ transition: .5s}
.list16 .con .con_li1{ padding: .03rem 0 .03rem .34rem}
.list16 .con .con_li1 h4{ margin: .2rem 0;}
.list16 h4 b.red{ font-family: "Microsoft Yahei"; color: #0a57a9;}

@media(min-width: 769px){
	.list17 li:hover{ color: #0a57a9;}
}
@media(max-width: 1024px){	
	
}
@media(max-width: 991px){
	
}
@media(max-width: 800px){
	.list16 dt h3{font-size: .24rem;padding: 0 0 0 .4rem;}
	.list16 dt h3:before{ width: .24rem; height: .04rem}
	.list16 dt .line{ margin: 0 .1rem}
	.list16 dt img{ height: .26rem}
	.list17 li{ min-width: 50%; font-size: .17rem;}
	.list16 .con{ padding: 0 .4rem}
	.list16{ padding: .3rem 0}
}
@media(max-width: 640px){
	
} 

.ls9s .time1{ margin: 0 .2rem 0 0; }
.ls9s .time1 svg{ fill: #0a57a9; width: .28rem; height: .28rem; transition: .5s}

@media(min-width: 769px){
	.ls9s .a:hover .time1 svg{ fill: #fff;}
}

.lt17{ margin: 0 -7px; margin-bottom: .4rem;}
.lt17 li{width: 25%;text-align: center;margin-bottom: .5rem; padding: 0 7px}
.lt17 .imgBox{width: 1.64rem;margin: 0 auto;max-width: 100%;}
.lt17 .imgBox .img{ padding-bottom: 132.92%;}
.lt17 .txt{padding: .2rem 0 0;/* width: 1.8rem; */margin: 0 auto;}
.lt17 h4{font-size: .2rem;color: #000000;}
.lt17 .line{width: .28rem;height: 2px;background: #0a57a9;margin: .1rem auto .12rem;}
.lt17 p{font-size: .14rem;line-height: 1.7;color: #444}

.zhushi{font-size: .16rem;color: #999;margin-bottom: .25rem;transform: translateY(-50%);padding: 0 0 0 3.2vw;}

@media(min-width: 769px){
}
@media(max-width: 1024px){
}
@media(max-width: 769px){
    .lt17 li{width: 50%;}
    .mtab1 .hd ul li .a{ font-size: .2rem}
    .mtab1 .hd ul li .a i{ margin: 0 .1rem 0 0}
} 
@media(max-width: 560px){
}

.h3-5{ align-items: center; margin-bottom: .4rem;}
.h3-5 .ll{ font-size: .26rem; color: #0A57A9; margin: 0 .16rem 0 0;}
.h3-5 .rr{ flex: 1; position: relative; height: 1px; background: rgba(0,93,114,.3);}
.h3-5 .rr::after{ content: ""; position: absolute; left: 0; top: -1px; height: 3px; background: #0A57A9; width: 1.8rem;}

.news .box{ margin-bottom: .3rem;}
.lt18{margin: 0 -.2rem;}
.lt18 li{width: 33.33%;padding: 0 .2rem;margin-bottom: .3rem;}
.lt18 .a{background: url(../images/lt18_b.png) center no-repeat;height: .7rem;background-size: 100% 100% !important;display: flex;align-items: center;justify-content: center;font-size: .2rem;color: #333;padding: 0 .2rem;transition: .5s;text-align: center;}

@media(min-width: 1024px){
    .lt18 .a:hover{background: url(../images/lt18_bs.png) center no-repeat; color: #fff;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .lt18{ margin: 0 -7px;}
    .lt18 li{ width: 100%; padding: 0 7px; margin-bottom: .2rem;}
    .lt18 .a{ font-size: .18rem; height: .6rem;}

    .h3-5{ margin-bottom: .25rem;}
    .h3-5 .ll{ font-size: .24rem; }
} 
@media(max-width: 560px){
}