body,
html {
    font-family: "oppor";

}

img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.main {
    width: 100%;
    position: absolute;
    top: 0;
    /* height: 100%; */
}

.video {
    width: 100%;
    height: 100%;
    object-fit: cover;

}

.header {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    position: fixed;
    top: 0;
    padding-top: .4rem;
    z-index: 999;
    transition: all .3s;
    /* background: rgba(0,0,0,0.8); */
}

.headerCon {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.headerMian {
    width: 17.5rem;
    overflow: hidden;
    margin: 0 auto 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;

}

.navline {
    width: .4rem;
    height: .025rem;
    background-color: #365cff;
    position: absolute;
    left: 5%;
    top: -2px;
    transition: all .3s;
    transform:translateX(-50%);

}
.bannerimg img{
    animation: bannerimgani 5s linear infinite ;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.swiper-slide{
    overflow: hidden;
}
@keyframes bannerimgani{
    0%{
        transform: scale(1);
    }
    100%{
        transform: scale(1.2);
    }

}
.logo2 {
    width: 2.35rem;
    height: .8rem;
}

#header_02 {
    top: -30rem;

    transition: all .3s;
}

#header_01 {

    transition: all .3s;
}

.logo {
    width: 2.35rem;
    height: .8rem;
}

.tel {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.teltop {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: flex-end;
}

.teltop img {
    width: .1625rem;
    height: .1625rem;
    margin-right: 5px;
}

.teltop span {
    
    font-size: .2rem;
    line-height: .275rem;
    color: #fff;
    letter-spacing: 2px;
}

.telbot {
    font-family: "oppob";
    font-size: .275rem;
    color: #ffffff;
}

.pcnav {
    width: 100%;
    height: .875rem;
    border-top: 1px solid #efeff0;
}

.pcnavCon {
    width: 17.5rem;
    height: 100%;
    margin: 0 auto;
    position: relative;
}

.pcnav ul {
    width: 15rem;
    /* background: red; */
    height: 100%;
    float: right;
    display: flex;
    margin-right: 60px;
    position: relative;
}

.pcnav ul span {
    display: block;
    width: .4rem;
    height: .025rem;
    background-color: #ffffff;
    position: absolute;
    left: 0;
    top: -0.025rem;
    transition: all .3s;
}

.pcnav ul li {

    width: 1.5rem;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pcnav ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: #fff;
    font-size: .24rem;
}

.search {
    width: 30px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    right: 0;
}

.search img {
    width: .2125rem;
    height: .2125rem;
}

.searchTan {
    width: 3.75rem;
    height: .5rem;
    background: #0f5cda;
    border-radius: .2125rem;
    display: flex;
    align-items: center;
    position: absolute;
    right: 0;
    overflow: hidden;
    width: 0;
    transition: all .5s;

}

.searchTan input {
    width: 3.3375rem;
    height: 100%;
    display: block;
    border: none;
    background: #3e3a39;
    text-indent: .1375rem;
    color: #fff;
    border-top-left-radius: .2125rem;
    border-bottom-left-radius: .2125rem;

}

.searchTan span {
    width: calc(100% - 3.3375rem);
    display: flex;
    justify-content: center;
    align-items: center;
}

input:focus {
    outline: none;
}

.search:hover .searchTan {
    width: 3.75rem;
}

.swiper {
    width: 100%;
    height: 100%;
}


.headnav {
    width: calc(100% - 2.75rem);
}

.headnav ul {
    display: flex;
    height: .725rem;
    position: relative;
}

.headnav ul li {
    width: calc(100% / 9);
    height: 100%;
     position: relative;
}

.headnav ul li a {
    display: flex;
    align-items: center;
    color: #666666;
    width: 100%;
    height: 100%;
    font-size: .24rem;
    justify-content:center;
}

.headnav ul li.cur a {
    color: #0f5cda;
    font-family: 'oppom';
}

.headerLine {
    width: 75%;
    height: 1px;
    background-color: #c1cad4;
    position: absolute;
    left: 25%;
    top: .4rem;
}
.headnav ul li.cur a::before{
    width: .4rem;
    height: .025rem;
    background-color: #365cff;
    position: absolute;
    left: 50%;
    top: -2px;
    transition: all .3s;
    transform: translateX(-50%);
    content: "";
}
.swiperCon {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiperContent {
    width: 17.5rem;
    height: auto;
    position: relative;
    margin-top: 1.95rem;
}

.headerWhite .headerLine {
    background-color: #fff;
}

.headerWhite ul li.cur a {
    color: #fff;
}

.headerWhite .navline {
    background-color: #fff;
}

.headerWhite ul li a {
    color: #fff;

}

.swiertitle p {
    font-size: .4375rem;
    font-family: Arial;
    font-weight: bold;
    color: #365cff;
    opacity: 0.3;
    line-height: .4375rem;
    margin-bottom: .125rem;
}

.swiertitle span {
    font-size: .4rem;
    letter-spacing: 1px;
    color: #26334c;
    line-height: .4rem;
    display: block;
    position: relative;
    width: max-content;
}

.swiertitle span::before {
    content: '';
    width: .325rem;
    height: .325rem;
    position: absolute;
    right: 0;
    bottom: -.16rem;
    background: url(../img/title_icon.png) no-repeat;
    background-size: 100% auto;
    right: -.16rem;
}

.media_r_title {
    width: 5.625rem;
    height: auto;
    padding: .2625rem 0;
    border-bottom: .025rem solid #e5e5e5;
    position: absolute;
    right: 0;
    margin-top: -0.625rem;
}

.media_r_title span {
    width: 1.4125rem;
    height: .0375rem;
    background-color: #365cff;
    position: absolute;
    bottom: -0.0125rem;
    transition: all .3s;
}

.media_r_title ul {
    display: flex;
    height: 100%;
}

.media_r_title ul li {
    text-align: center;
    width: 1.4125rem;
    color: #b9b9b9;
    font-size: .225rem;
    cursor: pointer;
}

.media_r_title ul li.cur {
    color: #26334c;
}

.media {
    width: 17.5rem;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;

}

.medial {
    width: 11.5625rem;
    height: 5.475rem;
    background-color: #f2f4f7;

}

.medial a {
    display: block;
    width: 100%;
    display: flex;
    height: 100%;
}

.medial_l {
    width: 5.2625rem;
    height: 5.475rem;
}

.medial_r {
    width: 6.3625rem;
}

.medial_t {
    padding-top: 1rem;
    padding-left: .9125rem;
    padding-right: .875rem;
    position: relative;
}

.medial_d {
    padding: .125rem .9125rem;
    color: #666e80;
    font-size: .2rem;
}

.medial_line {
    width: .3375rem;
    height: .0375rem;
    background-color: #666e80;
    margin-left: 0.125px;
    display: block;
    margin-top: .125rem;
}

.medial_intro {
    padding: 0.125rem .825rem 0 .9125rem;
    color: #666e80;
    font-size: .2rem;
    line-height: .45rem;
}

.medial_t p {
    position: relative;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    font-size: .225rem;
    color: #365cff;
    line-height: .325rem;
    overflow: hidden;

}

.medial_t p::before {
    content: '';
    width: .2875rem;
    height: .2rem;
    background: url(../img/shuangyinhao.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: -0.4125rem;
    top: 0;
}

.medial_more {
    width: 2.025rem;
    height: .5375rem;
    background-color: #365cff;
    margin: 0 auto;
    margin-left: .9125rem;
    margin-top: .5625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .15rem;
}

.medial_more img {
    width: .225rem;
    height: .225rem;
    margin-left: .425rem;
}

.mediar {
    width: 5.625rem;
    height: auto;
    overflow: hidden;
}

.mediar ul li {
    width: 5.625rem;
    height: 1.65rem;
    background-color: #f2f4f7;
    margin-bottom: .275rem;

}

.mediar ul li a {
    display: block;
    display: flex;
    padding: .275rem;
    justify-content: space-between;
}

.medialist_l {
    width: 1.025rem;
    height: 1.1125rem;
    overflow: hidden;
    border: solid .0125rem #365cff;
}

.medialist-r {
    width: 4rem;
}

.medialist_l p {
    font-size: .2rem;
    font-family: 'oppom';
    line-height: .375rem;
    color: #666e80;
    margin-left: .1rem;
}

.medialist_l span {
    width: .3375rem;
    height: .0375rem;
    margin-left: .1rem;
    background-color: #666e80;
    display: block;
}

.medialist_l .d {
    color: #365cff;
    margin-left: .1rem;
    font-family: 'oppoh';
    font-size: .4125rem;
}

.medialist-r p {
    font-size: .225rem;
    color: #26334c;
    overflow: hidden;

}

.medialist-r span {
    font-size: .2rem;
    color: #666e80;
    line-height: .375rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}

.mediar ul li.cur {
    background: url(../img/mediali_bg.png) no-repeat;
    background-size: contain;
}

.mediar ul li.cur a .medialist_l {
    border: solid .0125rem #fff;
}

.mediar ul li.cur a .medialist_l p {
    color: #fff;
}

.mediar ul li.cur a .medialist_l span {
    background: #fff;
}

.mediar ul li.cur a .medialist_l .d {
    color: #fff;
}

.mediar ul li.cur a .medialist-r p {
    color: #fff;
}

.mediar ul li.cur a .medialist-r span {

    color: #fff;
}

.mediabody {

    width: 100%;
    height: 5.475rem;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    margin-top: .8875rem;
    position: relative;
}

.mediamain {
    width: 35rem;
    height: 5.475rem;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .3s;
}

#media01 {
    position: absolute;
    left: 0;
    top: 0;
}

#media02 {
    position: absolute;
    left: 17.5rem;
    top: 0
}

.mediaad {
    width: 100%;
    height: 1.375rem;
    overflow: hidden;
    margin-top: .225rem;
}
.mediaad img{
    object-fit:cover
}
.mediamore {
    clear: both;
    padding: .625rem 0;
}

.mediamore a {
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: .2rem;
    color: #666e80;
}

.mediamore a span {
    width: .3rem;
    height: .3rem;
    overflow: hidden;
    border-radius: 50%;
    display: flex;
    color: #666e80;
    justify-content: center;
    align-items: center;
    background-color: #f6f6f6;
    font-size: .25rem;
    margin-left: .1625rem;
}

.aboutbg {
    background: url(../img/aboutbg.png) no-repeat center bottom;
    background-size: 14.625rem 5.7875rem;
}

.aboutcon {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: .6375rem;
}

.about_l {
    width: 8.125rem;
    height: auto;
    overflow: hidden;
}

.about_l p.title {
    font-size: .225rem;
    color: #365cff;
    text-indent: .35rem;
    position: relative;
    line-height: .225rem;
}

.about_l p.title::before {
    content: '';
    width: .2875rem;
    height: .2rem;
    background: url(../img/shuangyinhao.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.about_l span {
    padding-top: .5625rem;
    font-size: .2rem;
    line-height: .45rem;
    display: block;
}

.about_r {
    width: 8.425rem;
    height: 4.75rem;
    position: relative;
}

.about_more {
    margin-left: 0;
}
.about_more a{
    display:flex;
    align-items:center;
    color:#fff;
}
.about_r .play {
    width: .7875rem;
    height: .7875rem;
    border-radius: 50%;
    background: rgba(54, 92, 255, 0.7);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.about_r .play img {
    width: .225rem;
    height: .25rem;
}

.aboutbot {
    width: 100%;
    height: 2.375rem;
    display: flex;
}

.aboutbot_l {
    width: 9.0875rem;
    height: 100%;
    background: url(../img/aboutbot_l.png) no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
}

.aboutbot_c {
    width: 4.225rem;
    height: 100%;
    background: url(../img/aboutbot_c.png) no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
}

.aboutbot_r {
    width: 4.225rem;
    height: 100%;
    background: url(../img/aboutbot_r.png) no-repeat center center;
    background-size: cover;
}

.aboutbot_l .xyyg {
    display: flex;
    align-items: center;
    padding-right: .4125rem;
    border-right: 1px solid #505679;
    ;
    margin-right: .3rem;
}

.aboutbot_l .xyyg img {
    margin-right: .125rem;
}

.xyyg1 {
    padding-left: .5rem;
}

.xyyg1 img {
    width: .6625rem;
    height: .6875rem;
}

.xxyg_r p {
    font-size: .2rem;
}

.xxyg_r p span {
    font-size: .4125rem;
    font-family: 'oppoh';
    color: #365cff;
    line-height: .375rem;
    padding-right: .0625rem;
}

.xxyg_r .intro {
    font-size: .2rem;
}

.aboutbot_l .zcgm img {
    width: .6625rem;
    height: .7375rem;
}

.aboutbot_l .rjgs img {
    width: .6625rem;
    height: .7125rem;
}

.aboutbot_l .rjgs {
    margin-right: 0;
    border-right: 0;
}

.aboutbot_c .xyyg {
    display: flex;
    margin-left: .4875rem;
}

.aboutbot_c .xyyg img {
    width: .6625rem;
    height: .7125rem;
    margin-right: .1625rem;
}

.aboutbot_c .xxyg_r p {
    color: #fff;

}

.aboutbot_c .xxyg_r p span {
    color: #fff;
}

.aboutbot_c .xxyg_r .intro {
    color: #fff;

}

.politicalbg {
    background: url(../img/politicalbg.png) no-repeat center center;
    background-size: 24rem 13.5rem;
}

.political_title {
    width: max-content;
    margin: 0 auto;
    margin-left: 6.9625rem;
}

.political_title p {
    color: #ca0d0d;
    text-transform: uppercase;
}

.political_title span::before {
    content: '';
    width: .325rem;
    height: .325rem;
    position: absolute;
    right: 0;
    bottom: -.16rem;
    background: url(../img/political_title_icon.png) no-repeat;
    background-size: 100% auto;
    right: -.16rem;
}

.polcon {
    width: 100%;
    height: 7.625rem;
    overflow: hidden;
    position: relative;
    margin-top: .65rem;
}

.polleft {
    width: 12.3875rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;

}

.polleftbg {
    width: 12.4375rem;
    height: 1.4625rem;
    overflow: hidden;
    background: url(../img/djleftbg.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    bottom: 0;
    z-index: 9;

}

.polllimg {
    width: 12.425rem;
    height: 6.65rem;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
}

.polright {
    width: 8.0375rem;
    height: 4.3rem;
    border: solid .075rem rgba(202, 13, 13, 0.27);
    background: #fff;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}

.danghui {
    width: 1.5125rem;
    height: 1.5125rem;
    position: absolute;
    right: .175rem;
    bottom: .1375rem;
    z-index: 999;
    background: url(../img/danghui.png) no-repeat center center;
    background-size: contain;
}

.polltext p {
    color: #ca0d0d;
    font-size: .2rem;
   
    margin-top: .75rem;
    margin-left: .625rem;
    position: relative;
}

.polltext p::before {
    content: '';
    width: .325rem;
    height: .325rem;
    position: absolute;
    left: -.3875rem;
    top: 0;
    background: url(../img/political_p_icon.png) no-repeat center center;
    background-size: contain;
}

.polltext .line {
    width: .35rem;
    height: .0375rem;
    background-color: #666e80;
    margin-left: .625rem;
    margin: .3125rem 0.625rem .1875rem;
}

.polltext .intro {
    margin-left: .625rem;
    font-size: .2rem;
    line-height: .45rem;
    color: #666e80;
    padding-right: .4875rem;
    
display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;

}

.dj_more {
    margin-left: .625rem;
    background-color: #fb3939;
}

.polright .zhdjtext-pagination_1 {
    bottom: -0.525rem;
    width: 80% !important;
    right: 0 !important;
    display: flex;
    justify-content: flex-end;
    height: 1rem;
    align-items: center;
}

.polright .swiper-pagination-bullet {
    background-color: #d64140;
    opacity: 1;
}

.polright .swiper-pagination-bullet-active {
    width: .175rem;
    height: .175rem;
    background: url(../img/swper_active.png) no-repeat center center;
    background-size: contain;
}

.projectbg {
    background: url(../img/project_bg1.jpg) no-repeat center center;
    background-size: 24rem 13.5rem;
    /* align-items: flex-start; */
}

.project_title {
    width: 3.7rem;
    height: 1.125rem;
    margin: 0 auto;
    position: relative;
}

.project_title .title_en {
    font-size: .8625rem;
    font-family: Arial;
    font-weight: bold;
    color: #ffffff;
    opacity: 0.3;
    text-align: center;
    line-height: 0.8625rem;
}

.project_title .title_cn {
    font-size: .4rem;
    letter-spacing: 1px;
    color: #ffffff;
    position: absolute;
    top: .375rem;
    text-align: center;
    left: 50%;
    transform: translateX(-50%);
}

.project_title .title_cn::before {
    content: '';
    width: .325rem;
    height: .325rem;
    position: absolute;
    right: 0;
    bottom: -.16rem;
    background: url(../img/project_title.png) no-repeat;
    background-size: 100% auto;
    right: -.16rem;
}

.project {
    display: flex;
    align-items: center;
    width: 24rem;
    /* margin-top: 2.7rem; */
    position: relative;

}

.projectContent {
    width: 100%;
    margin-top: .95rem;
}

.project_l {
    width: 5.4125rem;
    height: 4.7125rem;
    background: #fff;
    position: relative;
    overflow: hidden;
}

.project_l img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.project_prev {
    width: .3625rem;
    height: .3625rem;
    overflow: hidden;
    background: url(../img/project_prev.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 1.1rem;
    right: .325rem;
    z-index: 99;
}

.project_next {
    width: .3625rem;
    height: .3625rem;
    overflow: hidden;
    background: url(../img/project_next.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    top: 1.1rem;
    left: .325rem;
    z-index: 99;
}

.project_c {
    width: 12.6rem;
    height: 6.75rem;
    /* background: #fff; */
    position: relative;
    margin-left: .2875rem;
    display: flex;
    align-items: center;
}

.project_s_t {
    width: 100%;
    padding-top: .4rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    z-index: 99;
}

.project_s_t ul {
    display: flex;
    justify-content: center;
}

.project_s_t ul li {
    width: max-content;
    margin-right: 1rem;
    font-size: .2rem;
    color: #b9b9b9;
    cursor: pointer;
}

.project_s_t ul li:last-child {
    margin-right: 0;
}

.project_s_t ul li.cur {
    color: #26334c;
    position: relative;

}

.project_s_t ul li.cur::before {
    content: '';
    width: .175rem;
    height: .175rem;
    position: absolute;
    right: 0;
    bottom: -.08rem;
    background: url(../img/projuect_ion.png) no-repeat;
    background-size: 100% auto;
    right: -.08rem;
}

.project_c_con {
    width: 100%;
    height: 4.7125rem;
    position: relative;
}

.project_c_con_l {
    width: 4.225rem;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.project_c_con_r {
    width: 8.775rem;
    height: 4.7125rem;
    background-color: #fff;
    position: absolute;
    right: -0.4rem;
    top: 50%;
    transform: translateY(-50%);
    overflow: hidden;
}

.project_c_con_r ul {
    width: calc(8.775rem * 4);
    height: 100%;
    display: flex;

}

.project_c_con_r ul li {
    height: 100%;
    width: calc(100% / 4);
}

.project_r {
    width: 5.025rem;
    height: 4.7125rem;
    background-color: #fff;
    position: relative;
    margin-left: .675rem;
    overflow: hidden;
}


.project_c_con_l p {
    padding-left: .2625rem;
    color: #365cff;
    font-size: .225rem;
    padding-right: .5125rem;
    position: relative;
    margin-top: .1875rem;
}

.project_c_con_l p::before {
    width: .05rem;
    height: .1875rem;
    background-color: #365cff;
    position: absolute;
    left: 0;
    content: '';
    top: 50%;
    transform: translateY(-50%);
}

.project_c_con_l span {
    width: .4875rem;
    height: .25rem;
    background-color: #ecf6ff;
    border-radius: .0375rem;
    display: block;
    margin-left: .25rem;
    color: #6cc6ff;
    font-size: .1625rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: .1375rem;
    margin-bottom: .3625rem;
}

.project_c_con_l .intro {
    font-size: .2rem;
    color: #666e80;
    line-height: .45rem;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-left: .25rem;
    padding-right: .5125rem;
}

.project_more {
    margin-left: .25rem;
}

.project_ad {
    width: 24rem;
    height: 1.975rem;
    margin: .1875rem 0;
}


/* 

*/
.projecttitles {
    width: 12.6rem;
    height: 6.75rem;
    background: #fff;
    position: relative;
    margin: 0 auto;
}

.projectSwiper {

    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 999;
    left: 0;
    background: rebeccapurple;
}

.project_imgli {
    width: 100%;
    height: 4.7125rem;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s;
}


.project_imgli ul {
    display: flex;
    height: 100%;
}

.project_imgli ul li {
    width: calc(100% / 4);
    height: 100%;
}

.project_imgli ul li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project_r img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.project_00 {
    width: 100%;
    height: 6.75rem;

    display: flex;
    align-items: center;
    position: relative;
}

.project_000 {
    width: 48rem;
    height: 100%;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    transition: all .5s;
}

.project_01 {
    width: 50%;
    display: flex;
    align-items: center;
    position: relative;
}

.project_whidte {
    width: 12.6rem;
    height: 6.75rem;
    background: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
}


.swhz {
    width: 100%;
    margin-top: .625rem;
    height: 7.7375rem;
}

.swhz ul {
    width: 100%;
    height: 7.7375rem;
    display: flex;
}

.swhz ul li {
    width: calc(100% / 5);
    height: 7.7375rem;
    transition: all .5s;
    overflow: hidden;
    position: relative;
    font-family: "arial";
}

.swhz ul li img {
    width: 100%;
    height: 100%;
}

.swhz ul li.defaultcur {
    width: 3.2875rem;
}

.swhz ul li.cur {
    width: 4.375rem;
}

.swhz ul li .default {
    width: 100%;
    height: 100%;
    position: absolute;
}

.swhz ul li .default img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    object-fit: cover;
}

.swhz ul li .default .defaultText {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    transition: all .3s;
}

.swhz ul li .mouseHover {
    width: 100%;
    height: 100%;
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 10;
    background: rgba(54, 92, 255, 0.6);
    transition: all .3s;
}

.swhz ul li .default .defaultText p {
    color: #ffffff;
    font-size: .225rem;
    padding-left: .55rem;
    position: relative;
    margin-top: .5125rem;
    line-height: 0.225rem;
}

.swhz ul li .default .defaultText p::before {
    content: '';
    width: .3rem;
    height: .2rem;
    background: url(../img/p_w.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: .2125rem;

}

.swhz ul li .default .defaultText span {
    text-transform: uppercase;
    font-weight: bold;
    font-size: .2875rem;
    color: #ffffff;
    opacity: 0.3;
    line-height: .375rem;
    display: block;
    padding-left: .55rem;
    margin-top: 20px;
}

.swhz ul li .default .footimg {
    width: .7875rem;
    height: .9375rem;
    position: absolute;
    right: 0;
    bottom: 0;
}

.swhz ul li .default .footimg img {
    object-fit: contain;
    width: 100%;
    height: 100%;

}

.swhz ul li .mouseHover .icon {
    width: .8625rem;
    height: 1.0375rem;
    position: absolute;
    top: 2.25rem;
    left: .4rem;
}

.swhz ul li .mouseHover .icon img {
    object-fit: contain;
}

.swhz ul li .mouseHover .mousehoverText p {
    margin-top: 2.25rem;
    font-size: .3rem;
    color: #ffffff;
    letter-spacing: 1px;
    padding-left: 1.3875rem;
    position: relative;
}

.swhz ul li .mouseHover .mousehoverText p::before {
    content: '';
    width: .3rem;
    height: .2rem;
    background: url(../img/p_w.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    left: 1.025rem;
}

.swhz ul li .mouseHover .mousehoverText span {
    display: block;
    color: #ffffff;
    opacity: 0.3;
    font-size: .2875rem;
    font-weight: bold;
    margin-left: 1.375rem;
}

.swhz ul li .mouseHover .mousehoverText img {
    width: .325rem;
    height: .325rem;
    margin-left: 1.3625rem;
    margin-top: .3375rem;
}

.swhz ul li.cur .defaultText {
    left: -100%;
}




.xjqy_logo {
    width: 1.7375rem;
    height: 2.2125rem;
    overflow: hidden;
    margin: 0 auto;
}

.xjqy_en {
    color: #365cff;
    opacity: 0.3;
    font-size: .2875rem;
    font-family: Arial;
    font-weight: bold;
    text-align: center;
    line-height: 0.2875rem;
    margin: .125rem 0;
}

.xjqy_cn {
    font-size: .275rem;
    color: #26334c;
    width: max-content;
    margin: 0 auto;
    line-height: .4rem;
}

.xjqy_cn span {
    font-size: .4rem;
}

.xjqy_l ul {
    display: grid;

    grid-template-columns: repeat(3, 1fr);
    grid-gap: .2125rem;
    /* 设置网格间隙 */
    justify-items: stretch;
    margin-top: .5375rem;

}

.xjqy_l ul li {
    height: .875rem;
    background-color: #f2f4f7;
    border: solid 1px #bec9e2;
    letter-spacing: 1px;
    color: #26334c;
    font-size: .2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.page {
    width: 100%;
    height: 100%;
    overflow: hidden;
}




#nextS .fp-tableCell {
    overflow-y: auto;
}

.footer {
    width: 100%;
    height: 5.8125rem;
    padding-top: .65rem;
    background-color: #f2f4f7
}

.footertop {
    width: 17.5rem;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
    justify-content: space-between
}

.footerleft {
    width: 3.55rem;
    height: auto;
    overflow: hidden
}

.foottitle {
    letter-spacing: .025rem;
    color: #26334c;
    font-size: .2rem;
    position: relative;
    text-indent: .1625rem;
    margin-bottom: .6375rem;

}

.foottitle::before {
    content: "";
    width: .05rem;
    height: .2rem;
    background-color: #365cff;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%)
}

.footnav {}

.footnav ul {
    display: flex;
    flex-wrap: wrap;
}

.footnav ul li {
    width: .9375rem;
}

.footnav ul li a {
    font-size: .2rem;
    color: #666e80;
    display: block;
    margin-bottom: .4375rem;
    width: 100%;
}

.footercenter {}

.footlxwm p span {
    width: .2375rem;
    height: .25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .175rem;
}

.footlxwm p {
    display: flex;
    align-items: center;
    margin-bottom: .45rem;
    color: #666e80;
    font-size: .2rem;
}

.footlxwm p img.tel {
    width: .175rem;
    height: .2375rem;
}

.footlxwm p img.msg {
    width: .2375rem;
    height: .175rem;
}

.footlxwm p img.add {
    width: .2rem;
    height: .25rem;
}

.footewm p {
    width: 1.375rem;
    height: 1.375rem;
    background-color: #dbedfc;
    border: solid 1px #dbedfc;
    display: flex;
    justify-content: center;
    align-items: center;
}

.footewm span {
    color: #666e80;
    font-size: .2rem;
    text-align: center;
    display: block;
    width: 100%;
    margin-top: .1rem;
}

.mapimg {
    width: 3.15rem;
    height: 1.65rem;
}

.footerbot {
    height: 1.0375rem;
    border-top: .0125rem solid #d9dce2;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666e80;
    font-size: .2rem;
}

.footerbot a {
    color: #666e80;
    padding-left: .1875rem;
}

.footerbot p {
    padding-right: .1875rem;

}

.section.footer .fp-tableCell {
    display: block !important;
}


.navBtn .span_0 {
    position: absolute;
    width: 30px;
    background: #333;
    height: 3px;
    top: 40%;
    -webkit-transition: all .25s ease;
    transition: all .25s ease;
}

.navBtn {
    width: .875rem;
    height: 100%;
    cursor: pointer;
    position: absolute;
    right: .25rem;
    top: 0;
    display: none;
}

.navBtn.cur .span_0 {
    top: 46%;
}

.navBtn.cur .span_0.span_1 {
    -webkit-transform: rotate(-45deg) translateY(-50%);
    transform: rotate(-45deg) translateY(-50%);
}

.navBtn.cur .span_0.span_2 {
    opacity: 0;
}

.navBtn.cur .span_0.span_3 {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.navBtn .span_0.span_1 {
    top: 35%;
}

.navBtn .span_0.span_2 {
    top: 50%;
    width: .375rem;
}

.navBtn .span_0.span_3 {
    top: 65%;
}

.subbanner {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;

}

.subbanner .bannerbg {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.subnav {
    width: 100%;
    height: .75rem;
    background: rgba(28, 105, 181, 0.6);
    position: absolute;
    left: 0;
    bottom: 0;
}

.subnav ul {
    width: 17.5rem;
    height: 100%;
    display: flex;
    margin: 0 auto;
}

.subnav ul li {
    display: flex;
    width: 2.075rem;
    height: 100%;
}

.subnav ul li a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-size: .225rem;
}

.subnav ul li.cur {
    position: relative;
}

.subnav ul li.cur::before {
    content: '';
    position: absolute;
    width: .175rem;
    height: .175rem;
    background: #fff;
    bottom: 20%;
    background: url(../img/project_title.png) no-repeat;
    background-size: contain;
    right: 22%;
}

.about_title {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 1.1rem;
    text-align: center;
    margin-bottom: .7375rem;
}

.about_title p {
    font-size: .4375rem;
    font-weight: bold;
    font-family: Arial;
    color: #365cff;
    opacity: 0.3;
    line-height: .4375rem;
    text-transform: uppercase;
}

.about_title span {
    width: max-content;
    color: #26334c;
    font-size: .4rem;
    display: block;
    margin: 0 auto;
    position: relative;
    padding: 0.05rem .2rem;

}

.about_title span::after {
    content: "";
    width: .325rem;
    height: .325rem;
    background: url(../img/title_icon.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: 0;
}

.about_c {
    width: 17.5rem;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
    font-size: .225rem;
    line-height: .45rem;
    margin-bottom: 1.1375rem;
}

.header03 {
    position: absolute;
    top: 0;
}

.about_honor {
    width: 17.5rem;
    height: auto;
    overflow: hidden;
    margin: 0 auto 1.75rem;
}

.about_honor ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: .25rem;


}

.about_honor ul li {
    width: 4.1875rem;
    height: 3.325rem;
    background-color: #f2f4f7;
}

.about_honor ul li span {
    display: block;
    width: 3.4rem;
    height: 2.1875rem;
    margin: 0 auto;
    margin-top: .375rem;
}

.about_honor ul li p {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 3.4rem;
    margin: 0 auto;
    text-align: center;
    font-size: .225rem;
    line-height: .7875rem;
}

.bigimg {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 999;
    transition: all .5s;
    transform: scale(0);
    opacity: 0;
}

.bigimg span {
    height: .625rem;
    width: .625rem;
    display: block;
    position: absolute;
    right: .125rem;
    top: .125rem;
}

.honorbigimg {
    width: auto;
    height: auto;
}

.about_l_t {
    width: 5.2625rem;
    height: 6.6125rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.about_intro {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.about_l_r {
    width: 11.975rem;
    height: 6.6125rem;
    background-color: #f2f4f7;
    padding-top: 1.025rem;
    padding-left: 1.15rem;
    padding-right: .9rem;
}

.about_l_r .about_l {
    width: 100%;

}

.aboutline {
    width: .3375rem;
    height: .0375rem;
    background-color: #666e80;
    margin-top: .225rem;
}

.about_l_r .about_l span {
    padding-top: .225rem;
    height: 4.25rem;
    overflow-y: scroll;
    overflow-y: auto;
}

.djgz {
    width: 17.5rem;
    margin: 0 auto;
    margin-top: -2.75rem;
    background: #fff;
    position: relative;
    z-index: 99;
    height: auto;
    overflow: hidden;
}

.djgz .about_title p {
    color: #c84943;
}

.djgz .about_title span::after {
    background: url('../img/political_title_icon.png') no-repeat center center;
    background-size: contain
}

.djgzlist li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .3125rem;
}

.djgzlist li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.data {
    display: flex;
    margin-right: .4375rem;

}

.data_l {
    font-size: .4125rem;
    color: #121212;
    display: flex;
}

.data_r {
    font-size: .2rem;
    line-height: .2125rem;
}

.data_l span {
    padding: 0 .1375rem;
}

.djtztitle {
    width: 11.675rem;
}

.djtztitle p {
    color: #26334c;
    font-size: .22rem;
    letter-spacing: .0125rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.djtztitle span {
    font-size: .2rem;
    color: #666e80;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.djgzim {
    width: 3.05rem;
    height: 1.7875rem;
    background-color: #8a9899;
    border-radius: .1rem;
    overflow: hidden;
}

.jdgzlist_left {
    height: 1.7875rem;
    display: flex;
    align-items: center;
    margin-left: .4875rem;
    border-bottom: 1px solid #eff0f2;
}

.pages {
    display: flex;
    justify-content: center;
    margin-top: 1.25rem;
    margin-bottom: 1.75rem;
    font-size: .225rem;
}

.pages ul {
    display: flex;
    justify-content: center;
}

.pages ul li {
    width: .5rem;
    height: .4125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .125rem;
}

.pages ul li a {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.pages ul li span {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #0f5cda;
    color: #fff;
    font-size: .225rem;
}

.viewtitle {
    font-size: .4rem;
    color: #26334c;
    letter-spacing: 1px;
    text-align: center;
    margin-top: 1.1625rem;
}

.viewdata {
    color: #7e879d;
    font-size: .2rem;
    text-align: center;
}

.viewcontent {
    padding: 0 .475rem;
    font-size: .2rem;
    padding-top: .4125rem;
}
.viewcontentabout img{
    width:auto;
    height:auto;
    display:unset;
}
.djgzcurrnav {
    margin-left: .575rem;
    display: flex;
    margin-top: .3625rem;
    font-size: .2rem;
    align-items: center;
}

.djgzcurrnav img {
    width: .175rem;
    height: .175rem;
    margin-right: .075rem;
}

.djgzcurrnav a {
    color: #999999;
}


.xsqyleft {
    width: 5.2625rem;
    height: 8.25rem;
    background: url(../img/xsqybg.jpg) no-repeat center;
    background-size: cover;
    overflow-y: auto;
    display: block;
}

.xsqyleft ul li {
    width: 100%;
    height: .75rem;
    line-height: .75rem;
    text-indent: .325rem;
    line-height: .75rem;
    color: #fff;
    cursor: pointer;
    font-size: .2rem;
}

.xsqyleft ul li.cur {
    background: rgba(18, 50, 100, 0.84);
    position: relative;
}

.xsqyleft ul li.cur::before {
    width: .0375rem;
    height: 100%;
    background-color: #4ea1ff;
    position: absolute;
    left: 0;
    top: 0;
    content: '';

}

.xsqyright {
    width: 11.975rem;
    height: 8.25rem;
    background-color: #f2f4f7;
}

/* 滚动条轨道样式 */
::-webkit-scrollbar {
    width: 3px;
    /* 设置滚动条宽度 */
}

/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
    background-color: #1c69b5;
    /* 设置滑块背景颜色 */
    border-radius: 4px;
    /* 设置滑块圆角 */
}

/* 滚动条轨道hover状态样式 */
::-webkit-scrollbar-track:hover {
    background-color: #f1f1f1;
    /* 设置轨道hover状态时的背景颜色 */
}

/* 滚动条滑块hover状态样式 */
::-webkit-scrollbar-thumb:hover {
    background-color: #555;
    /* 设置滑块hover状态时的背景颜色 */
}

.xsqyright {
    padding: 1rem;
    color: #666e80;
    overflow-y:auto;
}

.xsqyright p {

    color: #245184;
    font-size: .2rem;
    margin-bottom: .3625rem;
}

.xsqycon {
    font-size: .2rem;
    text-indent: .4rem;
    line-height: .45rem;
}

.xsqytel {
    margin-top: .325rem;
    font-size: .2rem;
    text-indent: .4rem;
}

.xsqytel span {
    color: #245184;
    font-size: .225rem;
    font-weight: bold;
}

.xsqyaddr {
    text-indent: .4rem;
    font-size: .2rem;

}

.xsqyxl {
    width: 100%;
}

.xsqyxl .xsqyleft {
    width: 100%;
    transition: all .3s;
}

.xsqyxl p {
    display: flex;
    height: .75rem;
    background: rgba(18, 50, 100, 0.84);
    align-items: center;
    justify-content: space-between;
    text-indent: .325rem;
    color: #fff;
    font-size: .25rem;
}

.xsqyxl p img {
    width: .175rem;
    height: .175rem;
    margin-right: .1875rem;
}

.media_top {
    width: 17.5rem;
    height: auto;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
}

.media_t_l {
    width: 8.3125rem;
    height: 5.75rem;
}

.media_t_l a {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;

}

.media_img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.media_img img {
    object-fit: cover;
      width:100%;
    height:100%;
}

.media_t_l a .date {
    position: absolute;
    right: .225rem;
    top: .225rem;
    color: #fff;
}

.media_t_l a .date p {
    font-size: .2rem;
    text-align: right;
    line-height: 0.175rem;
}

.media_t_l a .date .line {
    width: .3375rem;
    height: .0375rem;
    background: #fff;
    float: right;
    margin: .0625rem 0;
}

.media_t_l a .date span {
    font-size: .4125rem;
    font-weight: bold;
    text-align: right;
    display: block;
    clear: both;
}

.media_t_l a .intro {
    height: 1rem;
    background: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
    color: #fff;
    width: 100%;
    padding: 0 .4125rem;
    line-height: 1rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    font-size: .225rem;
    text-overflow: ellipsis;
}

.media_t_r {
    width: 8.8875rem;
    height: 5.75rem;
    overflow: hidden;
}

.media_t_r ul {
    display: flex;
    justify-content: space-between;
}

.media_t_r ul li {
    width: 4.3125rem;
    height: 5.75rem;
    background-color: #f2f4f7;
}

.media_t_r ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.media_t_r ul li a .media_t_r_t {
    width: 100%;
    height: auto;
    position: relative;
    padding: 0 .4875rem;
    font-size: .2rem;
    color: #365cff;
    padding-top: .625rem;
    line-height: .325rem;
    margin-bottom: .45rem;
}

.media_t_r ul li a .media_t_r_t::before {
    width: .2875rem;
    height: .2rem;
    background: url(../img/shuangyinhao.png) no-repeat center center;
    background-size: contain;
    position: absolute;
    content: "";
    left: .1375rem;
}

.media_t_r ul li a .media_t_r_i {
    border-top: 1px solid #d6d9df;
    width: 3.3875rem;
    margin: 0 auto;
    padding-top: .3rem;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #666e80;
    font-size: .2rem;
    line-height: .45rem;
}

.media_t_r ul li a .media_t_r_b {
    width: 3.3875rem;
    margin: 0 auto;
    margin-top: 0.8rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.media_t_r ul li a .media_t_r_b .media_t_r_b_l p {
    font-size: .2rem;
    line-height: .375rem;
    color: #666e80;
}

.media_t_r ul li a .media_t_r_b .media_t_r_b_l span {
    color: #121212;
    font-size: .4125rem;
    font-weight: bold;
}

.media_t_r ul li a .media_t_r_b .media_t_r_b_r {
    width: .2875rem;
    height: .2875rem;
}

.media_bot {
    width: 17.5rem;
    height: auto;
    overflow: hidden;
    margin: 1rem auto .6375rem;
}

.media_bot ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.media_bot ul li {
    width: 8.6rem;
    height: 1.65rem;
    background-color: #fff;
    margin-bottom: .375rem;

}

.media_bot ul li a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 100%;
}

.media_bot ul li a .date {
    width: 1.025rem;
    height: 1.1125rem;
    border: solid 1px #666e80;
    padding: .08rem;
    margin-left: .275rem;
}

.media_bot ul li a .date p {
    font-size: .2rem;
    line-height: .25rem;
}

.media_bot ul li a .date .line {
    width: .3375rem;
    height: .0375rem;
    background-color: #666e80;
    margin-bottom: .1375rem;
}

.media_bot ul li a .date span {
    letter-spacing: 0px;
    color: #121212;
    font-size: .4125rem;
    font-weight: bold;
}

.media_bot ul li a .mediat_t {
    width: 7.175rem;
    padding-right: .275rem;
}

.media_bot ul li a .mediat_t p {
    font-size: .2rem;
    letter-spacing: 1px;
    color: #26334c;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    font-weight: bold;
}

.media_bot ul li a .mediat_t span {
    font-size: .2rem;
    color: #666e80;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: .375rem;
}

.media_bot ul li.cur a {
    background-color: #f2f4f7;
    border: solid 1px #365cff;
}

.media_bot ul li.cur a .date {
    background-color: #365cff;
    border: solid 1px #365cff;
}

.media_bot ul li.cur a .date p {
    color: #fff;
}

.media_bot ul li.cur a .date .line {
    background-color: #fff;
}

.media_bot ul li.cur a .date span {
    color: #fff;
}

.media_bot ul li.cur a .mediat_t p {
    color: #365cff;
}

.media_bot ul li.cur a .mediat_t span {
    color: #121212;
}

.zdxmsubnav ul li {
    width: 3.875rem;
}

.subzdxm_intro {
    width: 100%;
}

.subzdxm_intro p {
    text-align: center;
    display: flex;
    /* align-items: center; */
    justify-content: center;
    width: 100%;
    font-size: .225rem;
    line-height: .5625rem;
}

.subzdxm_intro p span {
    color: #365cff;
    font-size: .325rem;
    line-height: .4375rem;
    font-family: "DIN";
}

.subzdxm_intro p img {
    width: .2875rem;
    height: .2rem;
    margin-top: .1625rem;
}

.subzdxm_class {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: .375rem;
}

.subzdxm_class ul {
    display: flex;
    justify-content: center;
}

.subzdxm_class ul li {
    width: 1.35rem;
    height: .775rem;
}

.subzdxm_class ul li a {
    width: 100%;
    height: 100%;
    color: #919298;
    font-size: .275rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.subzdxm_class ul li.cur a {
    color: #365cff;
    font-size: .325rem;
    background: url(../img/zaijianbg.png) no-repeat center center;
    background-size: cover;
    position: relative;
}

.subzdxm_class ul li.cur a::after {
    position: absolute;
    width: .65rem;
    height: .05rem;
    background-color: #365cff;
    border-radius: .025rem;
    position: absolute;
    bottom: .075rem;
    left: 50%;
    transform: translateX(-50%);
    content: "";
}

.subzdxm_list {
    width: 100%;
    margin-top: .375rem
}

.subzdxm_list ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: .25rem;
}

.subzdxm_list ul li {
    width: 5.575rem;
    height: auto;
    overflow: hidden;
    margin-bottom: .375rem;
}

.subzdxm_list ul li a {
    display: block;
    width: 100%;
    height: 100%;
}

.subzdxm_img {
    width: 100%;
    height: 3.3375rem;
    overflow: hidden;
}

.subzdxm_img img {
    object-fit: cover;
}

.subzdxm_title {
    padding: 0 .2875rem;
    width: 100%;
    position: relative;
    font-size: .2rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subzdxm_title::before {
    content: "";
    width: .05rem;
    height: .225rem;
    background-color: #26334c;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.subzdxm_tag {
    padding: 0 .2875rem;
}

.subzdxm_tag span {
    height: .25rem;
    background-color: #ecf6ff;
    border-radius: .0375rem;
    line-height: .25rem;
    padding: .05rem .0875rem;
    color: #6cc6ff;
    font-size: .1625rem;
}

.subzdxm_intro {
    font-size: .2rem;
    padding: 0 .2875rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.subzdxm_more {
    width: 2.025rem;
    height: .5375rem;
    background-color: #ffffff;
    border: solid 1px #e4e4e4;
    margin: .375rem auto 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .15rem;
    color: #666e80;
    margin-bottom: .375rem;
}

.subzdxm_more img {
    width: .2125rem;
    height: .2125rem;
    margin-left: .125rem;
}

.subzdxm_list ul li.cur {
    background-color: #f2f4f7;
    border-bottom: .05rem solid #365cff;
    box-sizing: content-box;
}

.subzdxm_list ul li.cur .subzdxm_title {
    color: #365cff;
}

.subzdxm_list ul li.cur .subzdxm_title::before {
    background-color: #365cff;
}

.subzdxm_list ul li.cur .subzdxm_more {
    background: #365cff;
    border: 1px solid #365cff;
    color: #ffffff
}

.subzdxm_list ul li.cur .subzdxm_more .default {
    display: none;
}

.subzdxm_list ul li.cur .subzdxm_more .curimg {
    display: block;
}

.subzdxmview {
    font-size: .4rem;
    text-align: center;
    margin-top: 1.475rem;
    margin-bottom: .925rem;
}

.subzdxmcon img {
    max-width: 100%;
    width: auto;
    margin: 0 auto;
    display:unset;
}

.subswhz {
    width: 17.5rem;
    height: auto;
    overflow: hidden;
    position: relative;
    /*top: -3.1125rem;*/
    margin: 0 auto;
    margin-top:-3.1125rem;
}

.subswhz .subnav {
    position: unset;
}

.subswhz .about_title {
    background: #fff;
    margin: 0;
    padding-top: .6625rem;
    padding-bottom: .75rem;
}

.swhzlist ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
}

.swhzlist ul li {
    width: 5.3625rem;
    height:auto;
    overflow: hidden;
    background-color: #f2f4f7;
    margin: 0 auto .375rem;
}

.swhzlist ul li a {
    display: block;
    padding: .375rem;
}

.swhzlist ul li a .date {
    display: flex;
    align-items: center;
    margin-bottom: .375rem;
}

.swhzlist ul li a .date p {
    color: #121212;
    font-size: .375rem;
    font-weight: bold;
    margin-right: .0875rem;
}

.swhzlist ul li a .date span {
    font-size: .2rem;
    line-height: .2125rem;
}

.swhzlist ul li a .title {
    color: #26334c;
    font-size: .2125rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.swhzlist ul li a .hzfs {
    display: flex;
    align-items: center;
    margin-top: .225rem;
}

.swhzlist ul li a .hzfs img {
    width: .375rem;
    height: .375rem;
    margin-right: .125rem;
}

.swhzlist ul li a .hzfs p {
    color: #666e80;
    font-size: .1625rem;
    line-height: .2125rem;
}

.swhzlist ul li a .hzfs .curimg {
    display: none;
}

.swhzlist ul li a .hzfsimg {
    width: 4.6375rem;
    height: 3.075rem;
    margin-top: .2625rem;
}

.swhzlist ul li a .hzfsimg img {
    object-fit: cover;
}

.swhzlist ul li a .hszfintr {
    font-size: .1625rem;
    color: #666e80;
    line-height: .375rem;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-top: .375rem;
}

.swhzlist ul li.cur {
    background-color: #245184;
}

.swhzlist ul li.cur a .date p {
    color: #fff;
}

.swhzlist ul li.cur a .date span {
    color: #fff;
}

.swhzlist ul li.cur a .title {
    color: #fff;
}

.swhzlist ul li.cur a .hzfs .curimg {
    display: block;
}

.swhzlist ul li.cur a .hzfs .default {
    display: none;
}

.swhzlist ul li.cur a .hzfs p {
    color: #fff;
}

.swhzlist ul li.cur a .hszfintr {
    color: #fff;
}

.swhznav {
    display: flex;
    align-items: center;
    margin-top: .375rem;
    font-size: .1625rem;
    color: #26334c;

}

.swhznav img {
    width: .1625rem;
    height: .1625rem;
    margin-left: .575rem;
    margin-right: .075rem;

}

.swhznav a {
    color: #999999;
}

.subswhzv {
    background: #fff;
}

.swhznavviewtitle {
    padding: 0 .475rem;
    text-align: center;
    color: #26334c;
    font-size: .4rem;
    margin-top: .6625rem;
}

.swhzdata {
    text-align: center;
    color: #7e879d;
    font-size: .2rem;
}

.swhzviewcon {
    padding: 0 .475rem;
    margin-top: .75rem;
    font-size: .2rem;
    line-height: .45rem;
}

.contactlogo {
    width: 100%;
    display: block;
}

.contactlogo img {
    width: 3.0875rem;
    height: 3.2625rem;
    margin: 0 auto;
}

.contacttitle {
    color: #26334c;
    font-size: .4rem;
    text-align: center;
    width: 100%;
}

.contact_tel {
    width: 100%;
    margin-top: .625rem;
    margin-bottom:  .625rem;
}

.contact_tel p {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #666e80;
    font-size: .225rem;
}
.contact_tel p span{
    font-size: .3rem;color: #245184;
    font-weight: bold;letter-spacing: .0287rem;
}
.contact_tel p  img{
    margin-right: .0625rem;
}
.contact_tel p .tel {
    width: .2125rem;
    height: .2125rem;
}

.contact_tel p .add {
    width: .2125rem;
    height: .2625rem;
}

.vrbg{
    width: 100%;
    height: 100%;
   background: url(../img/vrbg.jpg) center top no-repeat;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vrbtn{
    width: 2.2125rem;
    height: .7rem;
    background: rgba(54, 92, 255, 0.7);
    display: flex;
    justify-content: center;
    align-items: center;
}
.vrbtnc{
    width: 2.025rem;
    height: .5375rem;
    background-color: #365cff;
  
font-size: .2125rem;
    font-weight: bold;
}
.vrbtnc a{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;    color: #ffffff;
}
.vrbtnc img{
    width: .25rem;
    height: .25rem;
    margin-left: .125rem;
}

.pagination {
    display:flex;
     justify-content: center;
    align-items: center;
    font-size:0.2rem;
    margin-bottom:0.5rem;
    
}
.pagination li{
     width: .5rem;
    height: .4125rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: .125rem;
}
.pagination li a{
     display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
}
.pagination li span{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    height: 100%;
    background: #0f5cda;
    color: #fff;
    font-size: .225rem;
}
.pagination li.disabled span{
     background: none;
     color:#999;
}

.viewimg img{
    width:auto;
    height:auto;
    display:unset;
}
.shubiao{
    width: .25rem;
    height: .3625rem;
    position: absolute;
    bottom: .6rem;
    left: 50%;
    transform: translateX(-50%);
    z-index:999;
}

#fp-nav ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{
       width: .175rem;
       height:.175rem;
       background:url('../img/project_title.png') no-repeat center center !important;
       background-size:contain !important;
       border:none !important;
}


.vrbtn1{
    width: 3.8875rem;
    height: .7rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.vrbtnc1{
    width: 3.6875rem;
    height: .5375rem;
    text-align: center;
    line-height: .5375rem;
}

.brbtn_01{
    width: 3.6875rem;
    height: .5375rem;
    position: relative;
    background: #f2f4f7;

}
.brbtn_01 a{
    display: block;
    width: 3.6875rem;
    height: .5375rem;
    position: relative;
     font-size: .2rem;

}
.brbtn_01_con{
    width: 3.8875rem;
    height: .5375rem;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}
.brbtn_01_con img{
    width: .3125rem;
    height: .3125rem;
    margin-right: .1875rem;
}
.brbtn_01_con .default{
    display: none;
}
.vrbtn1:hover{
    background: rgba(54, 92, 255, 0.4);
}
.vrbtn1:hover .brbtn_01{
    background: #365cff;
}
.vrbtn1:hover .brbtn_01 a{
    color: #fff;
}
.vrbtn1:hover .brbtn_01 .brbtn_01_con .default{
    display: block;
}
.vrbtn1:hover .brbtn_01 .brbtn_01_con .blue{
    display: none;
}

.vrcons{
    margin: 0 auto;
    width: 100%;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    align-content: center;
    justify-content: center;
    padding-top: 20%;
}

#project_002{
    display: none;
}