@charset "utf-8";
/*翻页条*/
/* .pagebar{margin:.8rem auto 0 auto;display: flex;align-items: center;justify-content: center;}
.p_pages{text-align: center;display: flex;align-items: center;flex-wrap: wrap;}
.pagebar *{font-size: .16rem;}
.p_pages span{padding: 0 .1rem;height: .36rem;display: flex;margin: 0 .03rem;box-sizing: border-box;border-radius: 0;min-width: .36rem;color: #333;align-items: center;justify-content: center; position: relative; z-index: 1}
.p_pages span:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #d2d5da 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_goto{ margin: 0 .03rem}
.p_goto input{display: flex;align-items: center;border-radius: .04rem;justify-content: center;height: .36rem;padding: 0 .1rem;transition: .5s;position: relative;z-index: 1;border: #d2d5da 1px solid;border-radius: .04rem;width: .6rem;}
.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: #d2d5da 1px solid; border-radius: .04rem; z-index: -1; transition: .5s;}

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

.n_banner{ position: relative; z-index: 1;}
.n_banner .imgBox .img{padding-bottom: 31.25%;}
.n_banner .top{position: absolute;right: 0;bottom: 0;left: 0;text-align: center;}
.n_banner .top h3{font-size: .75rem;color: #fff;font-family: 'dingliehakkafont';font-weight: normal;text-align: center;line-height: 1;margin-bottom: -.05rem;}
.n_banner .top img{ margin-bottom: .04rem}

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

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #005d72;}
#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: 33.33%;display: inline-block;margin-bottom: 0px;text-align: left;width: 100%;}
#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: #005d72;}
#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: #1C6FC8; }

.n_sj{position: relative;z-index: 1;overflow: hidden;{background-image: -moz-linear-gradient( 0deg, rgb(0,93,114) 0%, rgb(13,121,145) 100%);background-image: -webkit-linear-gradient( 0deg, rgb(0,93,114) 0%, rgb(13,121,145) 100%);background-image: -ms-linear-gradient( 0deg, rgb(0,93,114) 0%, rgb(13,121,145) 100%);position: absolute;left: 160px;top: 519px;width: 1600px;height: 80px;z-index: 224;};background-image: linear-gradient( 0deg, rgb(0,93,114) 0%, rgb(13,121,145) 100%);border-radius: .4rem .4rem 0 0;}
.n_sj ul{justify-content: center;}
.n_sj ul li{position: relative;max-width: 33.33%;margin: 0 1vw;}
.n_sj ul li .a{display: flex;align-items: center;justify-content: center;height: .8rem;font-size: .2rem;color: #fff;position: relative;padding: 0 1.5vw;}
.n_sj ul li .a:before{content: "";position: absolute;bottom: 0;left: 0;width: 0;height: 100%;background: url(../images/n_sj.png) center bottom no-repeat; background-size: 100% auto;transition: all .5s}

.n_sj ul li.on .a:before, .n_sj ul li:hover .a:before{ width: 100%}
.n_sj ul li.on .a, .n_sj ul li:hover .a{color: #fff;}

.about{background: url(../images/about_b.png) center top no-repeat;background-size: 100% auto;min-height: 100vh;background-blend-mode: revert;}
.about .fl1{ padding-top: .5rem;}
.about .fl1 .wp{ align-items: flex-end;}
.about .fl1 .left{ width: 50%; padding: 0 5vw .3rem 0;}
.about .fl1 .right{ width: 50%; margin-top: -.5rem; padding-bottom: .3rem;}
.about .fl1 .right .imgBox{ margin-right: calc((100vw - 16rem)/2*-1);}
.about .fl1 .right .imgBox .img{padding-bottom: 87.5%;background: none;}

.h3-1{align-items: center;font-size: .36rem;color: #06697f;font-family: '微软雅黑';margin-bottom: .32rem;}
.h3-1 img{ height: .6rem; margin: 0 -.4rem -.1rem 0}

.index6{position: relative;z-index: 1;padding: .5rem 0 0;background: url(../images/index6.jpg) center no-repeat;background-size: contain;}
.index6 .tit2{ position: relative; z-index: 10;}

.lt9W{ padding: 0 0 0 .66rem;width: 100%; margin-bottom: .8rem;}
.lt9W .arrow1{ margin: .2rem auto 0;}
.lt9Box{ padding: .4rem 0; height: 4.8rem;}
.lt9 .a{display: block;position: relative;z-index: 1;width: 2rem;margin: 0 auto;max-width: 100%;filter: drop-shadow(0 0 .15rem rgba(187,227,214.2));border-radius: 50vw;transition: .5s;}
.lt9 .imgBox::after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/lt9_bs.png) center no-repeat; background-size: 100% 100%; opacity: 0; transition: .5s;}
.lt9 .imgBox .img{ background: none; padding-bottom: 100%;}
.lt9 .txt{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 0 15%;}
.lt9 .txt h4{font-size: .48rem;color: #005d72;font-family: 'roboto bold';font-weight: normal;line-height: 1; transition: .5s;}
.lt9 p{ font-size: .16rem; color: #353535; margin: .05rem 0 0;}

.lt9 li.swiper-slide-prev .a,.lt9 li.swiper-slide-active .a, .lt9 li.swiper-slide-active+li+li .a, .lt9 li.swiper-slide-active+li+li+li+li .a{ transform: translateY(100%);}

.other{position: absolute;top: 20%;right: 0;left: 0;pointer-events: none;z-index: -1;}
.other > svg {width: 100%;}
.other > svg .wave {animation: wave 10s linear;animation-iteration-count: infinite;stroke: #47a5ba;stroke-width: 0.15px;fill: transparent; }
.other > svg .wave#wave3 {animation-duration: 15s;opacity: 1; stroke-dasharray: .4, .3;}
.other > svg .wave#wave2 {animation-duration: 5s;animation-direction: reverse;opacity: 1; stroke-width: 0.05px;}
.other > svg .wave#wave1 {animation-duration: 10s;opacity: 1; stroke-dasharray: .4, .3}

.arrow1{ width: 1.44rem;}
.arrow1 .arrow{ width: .58rem; height: .58rem; background: #83cdde; align-items: center; justify-content: center; border-radius: 50vw; cursor: pointer; transition: .5s;}
.arrow1 .arrow img{ width: .24rem;}

.h3-2{background-image: linear-gradient(90deg, rgb(131,205,222) 0%, transparent 100%);border-radius: 50vw;height: .76rem;align-items: center; margin-bottom: .2rem}
.h3-2 i{ display: flex; align-items: center; justify-content: center; background: #fff; width: .76rem; height: .76rem; border-radius: 50vw; font-size: .2rem; color: #fff; font-weight: bold; position: relative; z-index: 1; margin: 0 .12rem 0 0}
.h3-2 i:before{ content: ""; position: absolute; top: .04rem; right: .04rem; bottom: .04rem; left: .04rem; background: #005d72; border-radius: 50vw; z-index: -1}
.h3-2 .con{flex: 1;overflow: hidden;font-size: .2rem;color: #3d3d3d;font-family: '微软雅黑';}

.about .fl3{ padding-bottom: .4rem;}
.about .fl2 .box{ padding: .4rem .3rem;}
.about .fl2 .box .arc-con{ padding: 0 .86rem; margin-bottom: .4rem;}

.about .fl3 .box{ align-items: center;}
.about .fl3 .left{width: 7.36rem;padding: 0;}
.about .fl3 .left .imgBox .img{background:none;padding-bottom: 57.85%;}
.about .fl3 .right{width: calc(100% - 7.36rem);}
.about .fl3 .left .imgBox{ margin-left: calc((100vw - 16rem)/2*-1);}

.about .fl3 .box1 .left{ order: 1}
.about .fl3 .box1 .left .imgBox{ margin: 0 calc((100vw - 16rem)/2*-1) 0 0;}

.h3-3{ font-size: .24rem; color: #005d72; font-family: '微软雅黑'; margin-bottom: .25rem;}


@keyframes wave {
    0%{
      transform: translateX(0%);
    }
    100%{
        transform: translateX(-100%);
    }
}

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

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .lt9W{margin: 0;padding: 0;margin-bottom: .4rem;}
    .lt9Box{height: auto;margin: -.4rem 0;}
    .lt9 li.swiper-slide-prev .a,.lt9 li.swiper-slide-active .a, .lt9 li.swiper-slide-active+li+li .a, .lt9 li.swiper-slide-active+li+li+li+li .a{ transform: translateY(0);}

    .lt9 .a{ width: 1.5rem}
    .lt9 .txt h4{ font-size: .3rem}

    .about .fl1 .left{ width: 100%;}
    .about .fl1 .right{ width: 100%;}
    .h3-1{ font-size: .26rem;}
    .h3-1 img{ height: .36rem; margin: 0 -.1rem -.1rem 0}

    .arrow1{ width: 1rem;}
    .arrow1 .arrow{ width: .4rem; height: .4rem;}

    .about .fl2 .box{padding: .3rem 0 .2rem;}
    .about .fl2 .box .arc-con{ padding: 0;}
    .about .fl1 .right .imgBox{margin: .3rem -15px 0 0;}

    .about .fl3 .left{width: 100%;order: 1;margin: .2rem 0 0;}
    .about .fl3 .right{ width: 100%;}
    .about .fl3 .left .imgBox{margin: 0 0 0 -15px;}
    .h3-3{ font-size: .2rem; line-height: 1.5}
    .about .fl1{ padding-top: .3rem;}
}
@media(max-width: 560px){
} 

.pad1{padding: 0 0 .7rem;min-height: 400px;}

.lt13Box{ box-shadow: 4.226px 9.063px .4rem 2.15px rgba(216, 240, 238, 0.38);}
.lt13 .a{align-items: center;background: #fff url(../images/lt3_b1.png) right center no-repeat; background-size: auto 100%; }
.lt13 .imgBox{width: 8.16rem;}
.lt13 .imgBox .img{padding-bottom: 58.82%;}
.lt13 .txt{flex: 1;overflow: hidden;padding: 0 .65rem; }
.lt13 h4{font-size: .28rem;font-weight: bold;margin: .6rem 0 0;font-family: '微软雅黑';}
.lt13 p{font-size: .18rem;line-height: .3rem;max-height: .9rem\0;margin: .15rem 0 0.9rem;}
.lt13 .time{align-items: baseline;}
.lt13 .time h3{font-size: .32rem;color: #005d72;font-family: 'roboto bold';font-weight: normal;line-height: 1;}
.lt13 .time h6{ font-size: .16rem; color: #b3b3b3; margin: 0 0 0 .12rem}
.lt13 .bottom{ align-items: center}

.dots1{justify-content: center;align-items: center;z-index: 2;margin: 0;}
.dots1 span{width: .48rem;height: .48rem;background: none;font-size: .16rem;color: #fff;opacity: 1;margin: 0 0 0 .15rem !important;position: relative;z-index: 1}
.dots1 span:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots2.png) center no-repeat;background-size: cover; transition: .5s;}
.dots1 span:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/dots2s.png) center no-repeat;background-size: cover;opacity: 0;transition: .5s;}
.dots1 span:first-child{ margin-left: 0 !important}
.dots1 span.active:before{ opacity: 0}
.dots1 span.active:after{ opacity: 1}

.more1{ font-size: .18rem; color: #999; align-items: center; transition: .5s;}
.more1 img{ width: .19rem; margin:  0 0 0 .12rem;}

.lt14{ margin: .7rem 0 0;}
.lt14 li{ margin-bottom: .3rem;}
.lt14 .a{ position: relative; z-index: 1; padding: .3rem; background: url(../images/lt14_b.jpg) center no-repeat; background-size: cover !important; align-items: center;}
.lt14 .imgBox{width: 4.58rem;}
.lt14 .imgBox .img{padding-bottom: 58.82%;}
.lt14 .txt{flex: 1;overflow: hidden;padding: 0 .8rem 0 .65rem;position: relative;}
.lt14 .txt::before{content: "";position: absolute;background: url(../images/more1.png) center no-repeat;width: .19rem;height: .26rem;right: .2rem;top: 50%;margin: -.1rem 0 0;}
.lt14 h4{font-size: .28rem;font-weight: bold;margin: .3rem 0 .15rem;font-family: '微软雅黑';line-height: .36rem;max-height: .72rem\0;}
.lt14 p{font-size: .18rem;line-height: .3rem;max-height: .6rem\0;}
.lt14 .time{align-items: baseline;}
.lt14 .time h3{font-size: .32rem;color: #005d72;font-family: 'roboto bold';font-weight: normal;line-height: 1;}
.lt14 .time h6{ font-size: .16rem; color: #b3b3b3; margin: 0 0 0 .12rem}

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

@media(min-width: 1024px){
    .more1:hover{ color: #005d72;}

    .lt14 .a:hover{ background: url(../images/lt14_bs.jpg) center no-repeat; background-size: cover !important;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .n_banner .top{ display: none;}
    #m_n_nav{ display: block;}

    .pad1{padding: 0 0 .4rem;}
    .mianbao{ padding: .15rem 0 .25rem}
    .mianbao img{ width: .36rem}

    .lt13 .imgBox{ width: 100%}
    .lt13 .txt{flex: auto;width: 100%;padding: .3rem .25rem;}
    .lt13 p{ margin: .15rem 0 .3rem}
    .lt13 h4{ margin: .15rem 0 0}
    .dots1 span{width: .3rem;height: .3rem;margin: 0 0 0 .1rem !important;}
    .more1{ font-size: .14rem}
    .more1 img{ width: .12rem}

    .lt14 .a{ padding: .2rem}
    .lt14 .imgBox{width: 100%;}
    .lt14 .txt{width: 100%; padding: .3rem 0 0; flex: auto}
    .lt14 .txt::before{ display: none}
    .lt14 h4{ margin: .15rem 0 .1rem}

    .lt13 .time h3, .lt14 .time h3{ font-size: .24rem}
    .lt14{ margin: .3rem 0 0;}
    .lt14 li{ margin-bottom: .2rem;}

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

    .lt13 .a{ background: #fff url(../images/lt3_b1.png) center bottom no-repeat;background-size: 100% auto;}
} 
@media(max-width: 560px){
} 

.xrld{ background: url(../images/xrld.png) center no-repeat; background-size: 100% auto;}
.xrld .content{padding: .4rem .6rem .9rem;background: #FFFFFF;box-shadow: 0px 6px 24px 0px rgba(225, 225, 225, 0.5);border-left: #005D72 .12rem solid;margin-bottom: .5rem;}

.lt15 li{ border-bottom: 1px solid rgba(155,155,155,.1);}
.lt15 .a{padding: .32rem 0;align-items: center;}
.lt15 .ll{width: 3.5rem;text-align: right;margin: 0 21.25vw 0 0;font-size: .24rem;color: #005D72;position: relative; line-height: .34rem}
.lt15 .ll:before{ content: ""; position: absolute; width: 1px; height: .34rem; background: #979797; opacity: .3; right: 0; top: 50%; transform: translateY(-50%); right: -10.5vw}
.lt15 .rr{ flex: 1; overflow: hidden}
.lt15 .rr .a1{ font-size: .24rem; color: #333; line-height: .34rem}

@media(min-width: 1024px){
    .lt15 .rr .a1:hover{color: #005d72;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .xrld .content{padding: .2rem .2rem .4rem;}
    .lt15 .ll{font-size: .18rem;width: 1.875rem;margin: 0 10vw 0 0;}
    .lt15 .ll:before{right: -5vw;}
    .lt15 .rr .a1{ font-size: .18rem;}
    .lt15 .a{ padding: .15rem 0}
    .xrld .content{ border-left: #005D72 .06rem solid;}
} 
@media(max-width: 560px){
} 

.lt16 li{ margin-bottom: .26rem;}
.lt16 .a{height: .8rem;align-items: center;background: #FFFFFF url(../images/lt16_b.png) right center no-repeat; background-size: auto 100% !important;box-shadow: 0px 6px .24rem 0px rgba(225, 225, 225, 0.5);padding: 0 .3rem;position: relative; transition: .5s;}
.lt16 .a:before{content: "";position: absolute;bottom: 0;left: 0;width: .03rem;height: .26rem;background: #3d3d3d;}
.lt16 .time{text-align: right;margin: 0 .74rem 0 0;position: relative}
.lt16 .time:before{content: "";position: absolute;top: 50%;right: -.37rem;width: 1px;height: .5rem;background: #C4C4C4;transform: translateY(-50%);opacity: .3;}
.lt16 .time h3{font-size: .2rem;color: #005d72;font-family: 'roboto regular';font-weight: normal;line-height: 1;}
.lt16 .time h6{font-size: .14rem;color: #666;margin: .04rem 0 0;}
.lt16 .txt{ flex: 1; overflow: hidden}
.lt16 h4{font-size: .2rem;color: #3d3d3d;}
.lt16 p{ height: 0}

@media(min-width: 1024px){
    .lt16 .a:hover{ height: 1.12rem; border-bottom: #005D72 .03rem solid; background: #FFFFFF url(../images/lt16_bs.png) right center no-repeat;}
    .lt16 .a:hover:before{ opacity: 0;}
    .lt16 .a:hover p{ height: .26rem; opacity: 1; margin: .06rem 0 0;}
    .lt16 .a:hover .time:before{ height: .78rem}
    .lt16 .a:hover .time{ padding-bottom: .15rem}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .lt16 li{ margin-bottom: .15rem;}
    .lt16 .time{margin: 0 .3rem 0 0;}
    .lt16 .time:before{right: -.17rem;height: .36rem;}
    .mianbao span{ margin: 0;}
    .lt16 .a:before{ height: .2rem;}
} 
@media(max-width: 560px){
} 

.ar_tit{position: relative;z-index: 1;margin: 0 0 .35rem;background: linear-gradient(90deg, rgba(10,115,139,.1) -2%, rgba(9, 113, 136, .01) 100%);padding: .36rem;}
.ar_tit h3{font-size: .28rem;color: #333;line-height: 1.35;margin: 0 auto;padding-bottom: .25rem;}
.ar_tit .con .ll{margin: 0;}
.ar_tit .con .ll p{font-size: .16rem;color: #666;line-height: .24rem;display: flex;flex-wrap: wrap;align-items: center;margin: 0 3vw 0 0;}
.ar_tit .con .ll p img{ width: .22rem; margin: 0 .1rem 0 0}

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

.ar_tj{border-top: .03rem solid #005D72;padding: .5rem 0 0;position: relative;z-index: 1;margin: .6rem 0 0;display: flex;flex-wrap: wrap;justify-content: space-between;}
.ar_tj .a{display: block;font-size: .2rem;color: #333;line-height: 1.5;margin: .1rem 0;transition: .5s;width: 100%;}


.news_d .left{width: calc(100% - 3.6rem - .6rem);padding: 0 .6rem .5rem 0;position: relative;}
.news_d .left:before{content: "";background: #979797;opacity: .3;position: absolute;top: 0;bottom: 0;right: 0;width: 1px}
.news_d .right{width: 3.6rem;padding: 0;}
.news_d .sticky{ position: sticky; top: .3rem;}

.h3-4{ align-items: center; font-size: .28rem; color: #333;}
.h3-4 img{ width: .24rem; margin: 0 .12rem 0 0;}

.lt17 li{ border-bottom: 1px dashed rgba(151,151,151,.3); padding: .24rem 0;}
.lt17 h4{ margin: .06rem 0 0;}

@media(min-width: 1024px){
    .ar_tj .a:hover{ color: #005d72;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .news_d .left{width: 100%;padding: 0;}
    .news_d .left:before{ display: none;}
    .news_d .right{width: 100%;padding: .3rem 0 0;}
    .ar_tit{ padding: .25rem}
    .ar_tit h3{ font-size: .24rem}
    .ar_tj .a{ font-size: .18rem}
    .ar_tj{ margin-top: .25rem; padding-top: .25rem}
    .h3-4{ font-size: .24rem}
    .lt17 li{ padding: .15rem 0}
    
    .arc-con img{ margin: 0 auto;}
} 
@media(max-width: 560px){
} 

.n_container{ overflow: hidden;}

.h3-5{ align-items: center; margin-bottom: .4rem;}
.h3-5 .ll{ font-size: .26rem; color: #005D72; 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: #005D72; width: 1.8rem;}

.news .box{ margin-bottom: .3rem;}
.lt18{ margin: 0 -.28rem;}
.lt18 li{ width: 33.33%; padding: 0 .28rem; margin-bottom: .4rem;}
.lt18 .a{background: url(../images/lt18_b.png) center no-repeat;height: .78rem;background-size: 100% 100% !important;display: flex;align-items: center;justify-content: center;font-size: .24rem;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){
} 

.lishi .box{ text-align: center;}
.lishi .box img{ width: 1.09rem}
.lt19 li{ padding: .7rem 0 0}
.lt19{ position: relative; z-index: 1;}
.lt19::before{ content: ""; position: absolute; top: 0; bottom: 0; width: 1px; background: #005D72; opacity: .3; left: 50%;}
.lt19 .a{align-items: center;padding: 0 0 0 50%;position: relative;min-height: 1.09rem;}
.lt19 .time{background: url(../images/lt19_b.png) center no-repeat;background-size: cover;width: 1.09rem;height: 1.09rem;position: absolute;left: calc(50% - .545rem); display: flex; align-items: center; justify-content: center; font-size: .3rem; color: #005D72; backdrop-filter: blur(8px); transition: .5s;}
.lt19 .txt{padding: 0 0 0 1.36rem;position: relative;}
.lt19 .txt:before{ content: ""; position: absolute; background: #005D72; opacity: .3; width: .56rem; height: 1px; left: .68rem; top: 50% }

.lt19 li:nth-child(2n) .a{padding: 0 50% 0 0;justify-content: flex-end;}
.lt19 li:nth-child(2n) .txt{padding: 0 1.36rem 0 0;}
.lt19 li:nth-child(2n) .txt:before{ left: auto; right: .68rem}

@media(min-width: 1024px){
    .lt19 li:hover .time{ background: url(../images/lt19_bs.png) center no-repeat;background-size: cover;}
    .lt19 li:hover .arc-con{ color: #005D72;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .lt19 li{ padding: .3rem 0 0}
    .lt19 .txt:before{width: .2rem;left: .5rem;}
    .lt19 .txt{ padding: 0 0 0 .8rem;}
    .lt19 li:nth-child(2n) .txt{padding: 0 .8rem 0 0;}
    .lt19 .time{width: .8rem;height: .8rem;font-size: .24rem;left: calc(50% - .4rem);}
    .lt19 li:nth-child(2n) .txt:before{ right: .5rem}
    .lt19 .a{ min-height: .8rem}
    .lishi .box img{ width: .8rem}
} 
@media(max-width: 560px){
} 

.lt20{ margin: 0 -.35rem;}
.lt20 li{ width: 50%; padding: 0 .35rem; margin-bottom: .4rem;}
.lt20 .a{ background: url(../images/lt20_b.jpg) center no-repeat; background-size: cover; align-items: center; border-radius: .3rem 0 0 .3rem; box-shadow: 2px 4px 10px 1px rgba(0, 0, 0, 0.1478); overflow: hidden;}
.lt20 .imgBox{ width: 2.06rem;}
.lt20 .imgBox .img{ padding-bottom: 137.86%;}
.lt20 .txt{ flex: 1; overflow: hidden; padding: 0 .38rem;}
.lt20 h3{ font-size: .2rem; color: #333;}
.lt20 h3 big{ font-size: .26rem; color: #005D72; margin: 0 .2rem 0 0;}
.lt20 .p{border-left: #005D72 2px solid;height: 1.28rem;margin: .36rem 0 0;padding: .05rem 0 0 .24rem;}
.lt20 .p p{margin-bottom: .18rem;font-size: .16rem;color: #666;}
.lt20 .p p:last-child{ margin-bottom: 0;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .lt20{ margin: 0 -7px;}
    .lt20 li{width: 100%;padding: 0 7px;margin-bottom: .25rem;}
    .lt20 .imgBox{width: 1.5rem;}
    .lt20 .p{margin: .15rem 0 0;padding: 0 0 0 .15rem;height: 1.1rem;}
    .lt20 .p p{ margin-bottom: .1rem;}
    .lt20 .txt{ padding: 0 .2rem;}
    .lt20 h3{ font-size: .16rem; }
    .lt20 h3 big{ font-size: .2rem;}
    .lt20 .a{ border-radius: .15rem 0 0 .15rem;}
} 
@media(max-width: 560px){
} 

.h3-6{align-items: center;font-size: .22rem;color: #005D72;padding-bottom: .3rem;margin-bottom: .35rem;border-bottom: 1px solid rgba(151,151,151,.4);}
.h3-6 img{ width: .24rem; margin: 0 .12rem 0 0;}

.tushuo .left{width: calc(100% - 3.66rem - .68rem);padding: 0 .68rem 0 0;position: relative;}
.tushuo .left h3{font-size: .32rem;color: #005D72;text-align: center;margin-bottom: .5rem;}
.tushuo .left:before{content: "";background: #979797;opacity: .3;position: absolute;top: 0;bottom: 0;right: 0;width: 1px}
.tushuo .right{width: 3.66rem;padding: 0;}

.list22 .imgBox{border-radius: 0;}
.list22 .imgBox .img{padding-bottom: 56.29%;}
.list22 .imgBox::after{content: "";position: absolute;background: linear-gradient(0deg, rgba(0, 0, 0, 0.7) 0%, transparent 100%);right: 0;bottom: 0;left: 0;height: 1rem;}
.list22 .txt{padding: .28rem .3rem;position: absolute;right: 0;bottom: 0;left: 0;align-items: center;}
.list22 .txt .dots{width: auto;color: #fff;margin: 0 .2rem 0 0;}
.list22 .txt .dots span{color: #fff;font-size: .18rem;}
.list22 h4{font-size: .16rem;color: #fff !important;line-height: 1.5;flex: 1;}

.list22Box{ margin: 0 0 .36rem;}

.list23W{padding: .4rem .5rem;position: relative;background: rgba(0,93,114,.1);}
.list23 .a{display: block;position: relative;z-index: 1;}
.list23 .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 2;border: #fff .05rem solid;border-radius: 0;opacity: 0;transition: .5s;}
.list23 .a::after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: 2;border: #005D72 .05rem solid;border-radius:0;opacity: 0;transition: .5s;}
.list23W .arrow{position: absolute;top: 50%;transform: translateY(-50%);font-size: .48rem;color: #c4c4c4;font-family: 'lib';transition: .5s; cursor: pointer}
.list23W .arrow.prev{left: 0;}
.list23W .arrow.next{right: 0;}

.list23 li .imgBox{ border-radius: 0;}
.list23 li.swiper-slide-thumb-active h4{ color: #8e329e;}
.list23 li.swiper-slide-thumb-active .a::before, .list23 li.swiper-slide-thumb-active .a::after{ opacity: 1;}

.lt21 li{ margin-bottom: .15rem;}
.lt21 .imgBox .img{ padding-bottom: 56.01%;}
.lt21 h4{ text-align: center; font-size: .2rem; color: #333333; padding: .2rem 0;}

@media(min-width: 1024px){
    .list23W .arrow:hover{ color: #8e329e;}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .tushuo .left{width: 100%;padding: 0;}
    .tushuo .left:before{ display: none}
    .tushuo .right{ width: 100%; padding: .4rem 0 0}
    .h3-6{ padding-bottom: .2rem}
    .tushuo .left h3{ font-size: .24rem; margin-bottom: .25rem;}

    .n_banner .imgBox .img{ padding-bottom: 36%;}
    .list22 .txt{ padding: .2rem .15rem;}
} 
@media(max-width: 560px){
} 





/*03-14*/
.n_sij{ align-items: flex-end;}
.n_sij li{ margin: 0 .6rem 0 0; position: relative; padding-bottom: .56rem}
.n_sij li::before{content: "";position: absolute;width: 1px;height: .44rem;background: #005D72; bottom: 0; left: 50%; transform: translateX(-50%); opacity: 0; transition: .5s}
.n_sij li::after{content: "";position: absolute;width: .07rem;height: .07rem;background: #005D72; bottom: 0; left: 50%; transform: translateX(-50%); border-radius: 50%; opacity: 0; transition: .5s}
.n_sij .a{ font-size: .24rem; color: #005D72;}


.n_sij li.on .a{font-size: .3rem; font-weight: bold}
.n_sij li.on:before, .n_sij li.on:after{ opacity: 1}

.bsxt{ background: url(../images/xrld.png) center no-repeat; background-size: 100% auto;}
.bsxt .wp{ align-items: flex-start}
.bsxt .left{ width: 58.125%; }
.bsxt .right{ width: calc(100% - 58.125%); position: relative; z-index: 1}
.bsxt .right:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: -.9rem;box-shadow: 0px 5px 24px 0px rgba(210, 210, 210, 0.5);background: #fff; border-radius: .1rem; z-index: -1;}
.bsxt .left .box{ background: #086E84; border-radius: .1rem; margin: .2rem 0 0; padding: .9rem 1.3rem .9rem .4rem;}
.bsxt .left .box h4{ font-size: .22rem; color: #fff; font-weight: bold;}
.bsxt .left .box h3{ font-size: .24rem; color: #fff; font-weight: bold; margin: .3rem 0;}
.bsxt .left .box p{ font-size: .2rem; color: #fff; line-height: .32rem; margin: 0 0 .15rem}
.bsxt .left .box p:last-child{ margin-bottom: 0}

@media(min-width: 1024px){
    .n_sij li:hover .a{font-weight: bold}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 769px){
    .bsxt .left{ width: 100%}
    .bsxt .right{ width: 100%; margin: .3rem 0 0}
    .bsxt .left .box{ padding: .3rem}
    .bsxt .right:before{ left: 0; }

    .n_sij .a{ font-size: .2rem}
    .n_sij li{ margin: 0 .2rem 0 0}
    .n_sij li.on .a{font-size: .22rem;}

    .bsxt .left .box h4{ font-size: .18rem;}
    .bsxt .left .box h3{ font-size: .2rem;}
    .bsxt .left .box p{ font-size: .16rem; line-height: .26rem}
} 
@media(max-width: 560px){
}