@media screen and (max-width:360px) {
    html { font-size: 342%; }
}
@media screen and (min-width:360px) {
    html { font-size: 351.56%; }
}
@media screen and (min-width:375px) {
    html { font-size: 366.2%; }
}
@media screen and (min-width:384px) {
    html { font-size: 375%; }
}
@media screen and (min-width:390px) {
    html { font-size: 380.79%; }
}
@media screen and (min-width:393px) {
    html { font-size: 383.79%; }
}
@media screen and (min-width:410px) {
    html { font-size: 400%; }
}
@media screen and (min-width:432px) {
    html { font-size: 421.875%; }
}
@media screen and (min-width:480px) {
    html { font-size: 469%; }
}
@media screen and (min-width:540px) {
    html { font-size: 527.34%; }
}
@media screen and (min-width:640px) {
    html { font-size: 625%; }
}
* { padding: 0; box-sizing: border-box; margin: 0; user-select: none; text-decoration: none; }
body { overflow-x: hidden; font-size: .14rem; font-family: Microsoft YaHei-Regular, Microsoft YaHei; -webkit-tap-highlight-color: transparent; }
html,
body { height: 100%; }
#app { height: 100%; }
[v-cloak] { display: none; }
main { min-height: calc(100% - 3.84rem); display: block; }
li{ list-style-type:none;}
img { border: none;}
input, textarea, select{ outline:none; }
::-webkit-scrollbar { width: 4px; height: 4px; }
::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(153, 153, 153, .2); background-color: #e5e5e5; }
::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(153, 153, 153, .2); border-radius: 5px; background-color: #f7f7f7; }

/* iconfont */
@font-face { font-family: "iconfont"; src: url('iconfont/iconfont.woff2?t=1678324982079') format('woff2'), url('iconfont/iconfont.woff?t=1678324982079') format('woff'), url('iconfont/iconfont.ttf?t=1678324982079') format('truetype'); }
.iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.icon-huanyihuan:before { content: "\e612"; }
.icon-shijian:before { content: "\ebb1"; }
.icon-xiangxia:before { content: "\e600"; }
.icon-xiangshang:before { content: "\e601"; }
.icon-jiahao:before { content: "\e61f"; }
.icon-jiantou:before { content: "\e603"; }
.icon-guanbi:before { content: "\e607"; }
.icon-jiantou_xiangyou_o:before { content: "\eb94"; }
.icon-jiantou1:before { content: "\e663"; }
.icon-daohang:before { content: "\e634"; }
.icon-sousuo:before { content: "\e632"; }
.icon-dizhi:before { content: "\e708"; }
.icon-huanbaojieneng:before { content: "\e709"; }
.icon-zhinengdianwang:before { content: "\e70a"; }
.icon-xiazai:before { content: "\e70b"; }
.icon-dianhua:before { content: "\e70c"; }
.icon-wulianwang:before { content: "\e70d"; }
.icon-youjian:before { content: "\e70e"; }

/* input */
input { outline: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
::-webkit-input-placeholder { color: #d2d2d2; }
::-moz-placeholder { color: #d2d2d2; }
::-ms-input-placeholder { color: #d2d2d2; }
::-webkit-input-placeholder { color: #d2d2d2; }
::placeholder { color: #d2d2d2; }

/* clear */
.clear { clear: both; }
.clear:after { height: 0; visibility: hidden; content: ""; display: block; clear: both; }

/* display */
.dn { display: none; }
.di { display: inline; }
.db { display: block; }
.dib { display: inline-block; }

/* overflow */
.ovh{ overflow: hidden; }

/* height */
.hc100 { height: 100% !important; }

/* width */
.wc100 { width: 100% !important; }
.wc33 { width: 33% !important; }

/* padding */
.p0{padding: 0 !important;}
.pt0{padding-top: 0 !important;}
.pl0{padding-left: 0 !important;}
.pb0{padding-bottom: 0 !important;}
.pr0{padding-right: 0 !important;}

/* margin */
.m0{margin: 0 !important;}
.mt0{margin-top: 0 !important;}
.ml0{margin-left: 0 !important;}
.mb0{margin-bottom: 0 !important;}
.mr0{margin-right: 0 !important;}

/* flex  */
.flex { display: flex; display: -webkit-flex; justify-content: space-between; align-items: center; }
.flex_1 { flex: 1; -ms-flex: 1; -moz-flex: 1; -webkit-flex: 1; }
.flex_2 { flex: 2; -ms-flex: 2; -moz-flex: 2; -webkit-flex: 2; }

/* ell  */
.ell { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.ell2 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; word-break: break-all; word-wrap: break-word; }
.ell3 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; word-break: break-all; word-wrap: break-word; }

/* 通用结构  */
.content { width: 100%; font-size: 0; max-width: 1400px; position: relative; box-sizing: border-box; padding: 0; max-height: 100%; margin: 0 auto; }
/*.content h2 { display: inline-block; vertical-align: bottom; font-size: .36rem; color: #333; font-weight: 400; white-space: nowrap; margin-right: .3rem; }*/
/*.content h5 { display: inline-block; vertical-align: bottom; font-size: .26rem; color: #999; font-weight: 200; white-space: nowrap; margin-top: .1rem }*/
.content h2 { display: inline-block; vertical-align: bottom; font-size: .26rem; color: #fff; font-weight: 400; white-space: nowrap; margin-right: .3rem; }
.content h5 { display: inline-block; vertical-align: bottom; font-size: .2rem; color: #fff; font-weight: 200; white-space: nowrap; margin-top: .1rem }
.fc_com{color: #071689 !important;}

/* 头部  */
.header-pc { position: fixed; top: 0; left: 0; z-index: 10; width: 100vw; height: .9rem; text-align: right;transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s; }
.header-pc .content { overflow: visible; white-space: nowrap padding:0 .35rem; }
.header-pc .logo {position: absolute;left: .15rem;top: 50%;transform: translateY(-50%);height: .56rem;width: 1.7rem;display: inline-block; background-image: url(../../img/logo_big_white.png); background-size: 100%; background-repeat: no-repeat;}
.header-pc ul { display: inline-block; margin-right: 1.25rem; white-space: nowrap; vertical-align: middle; }
.header-pc ul li { float: left; list-style: none; display: inline-block; padding: 0 .25rem; vertical-align: middle; height: .9rem; line-height: .9rem; position: relative; cursor: pointer; font-size: .14rem; color: #fff; font-weight: 600; }
.header-pc ul li a { display: inline-block; width: 100%; height: 100%; font-size: inherit; color: inherit; }
.header-pc ul li::after { content: ''; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); width: 0; height: .04rem; background: #fff; border-radius: .01rem; transition: width .3s; }
.header-pc ul li.on::after,
.header-pc ul li:hover::after { width: .3rem; }
/*.header-pc ul li.on, .header-pc ul li:hover { color: #071689; }*/
.header-pc ul li:hover .pull-list { display: block; }
.header-pc .hpc_menu{ display: none; height: 3.2rem; background-color: #FF8300; border-radius: 0px 0px 0px 0px; opacity: 0.9; box-shadow: inset 0px 4px 20px 0px rgb(0 22 137 / 20%);}
.header-pc .hpc_menu .image{ width: 3.2rem; height: 2rem; float: right; margin: .6rem .15rem 0 0;}
.header-pc .hpc_menu .image > img{display: block; width: 100%; height: 100%;}
.header-pc .hpc_menu .main{text-align: left; padding-top: .6rem; padding-left: .15rem;}
.header-pc .hpc_menu .main > h2{}
.header-pc .hpc_menu .main > h5{}
.header-pc .hpc_menu .main > span{display: block; font-size: .16rem; color: #e5e5e5; font-weight: 400; white-space: nowrap; padding-top: .14rem; padding-bottom: .36rem;}
.header-pc .hpc_menu .main .nav{ color: #fff; font-size: 0;}
.header-pc .hpc_menu .main .n-info{ display: inline-block; min-width: 1.5rem; margin-right: .1rem; margin-bottom: 0.1rem; padding: 0 0.15rem; line-height: .5rem; background-color: #071689; font-size: .18rem; color: #fff; text-align: center;}
.header-pc .hpc_menu .main .n-info:last-child{ margin-right: 0; }
.header-pc.active{background: #fff; box-shadow: 0px 4px 20px 0px rgba(0, 22, 137, 0.2); }
.header-pc:hover .logo, .header-pc.active .logo {background-image: url(../../img/logo_big.png);}
.header-pc:hover ul li, .header-pc.active ul li {color: #333;}
.header-pc:hover ul li::after, .header-pc.active ul li::after{background: #071689; }
.header-pc:hover ul li.on,
.header-pc.active ul li.on,
.header-pc:hover ul li:hover,
.header-pc.active ul li:hover { color: #071689; }
.header-app { display: none; background: #fff; width: 100vw; height: .9rem; max-height: 100%; border-bottom: .01rem solid #f4f4f4; position: fixed; top: 0; left: 0; z-index: 10; }
.header-app .nav-list { border-top: .01rem solid #f4f4f4; display: block; overflow: hidden; width: 100%; height: 0; transition: height .1s; opacity: 0; }
.header-app.open { height: 100%; transition: height .2s; }
.header-app.open .nav-list { height: auto; opacity: 1; transition: opacity .25s; overflow-y: auto; max-height: calc(100% - .9rem); }
.header-app a { display: inline-block; font-size: inherit; color: inherit; }
.header-app img { height: .44rem; width: auto; display: inline-block; margin-top: .25rem; }
.header-app .content { height: .9rem; padding: 0 .35rem; }
.header-app .content i { position: absolute; right: 0; top: 0; color: #333; font-size: .3rem; height: .9rem; padding: 0 .35rem; line-height: .9rem; }
.header-app .pull-list a { display: block; height: 1rem; line-height: 1rem; font-size: .28rem; color: #15191D; margin: 0 .35rem; width: calc(100% - .7rem); border-bottom: .01rem solid #f4f4f4; position: relative; }
.header-app .pull-list a.on { color: #071689; }
.header-app .pull-list a i { position: absolute; right: 0; top: 0; font-size: .24rem; color: #DDDDDD; }
.header-app .pull-list.up a i { transform: rotate(180deg); transition: transform .2s; }
.header-app .pull-list.down a i { transform: rotate(0); transition: transform .2s; }
.header-app .pull-list ul { background: #F2F7FB; max-height: 0; overflow: hidden; transition: max-height .1s; }
.header-app .pull-list li { list-style: none; width: 100%; margin: 0 auto; display: block; }
.header-app .pull-list li.on { background: #071689 }
.header-app .pull-list ul a { font-size: .26rem; color: #fff; border: none; height: .8rem; line-height: .8rem; }
.header-app .pull-list.up ul { max-height: 500px; transition: max-height .3s; background: #005AAA; }
.topfix { display: none; height: .9rem; width: 100%; }

/* 尾部  */
.footer-pc { background: #fff; text-align: right; padding-top: .8rem; border-top: 0.01rem solid #E5E5E5; }
.footer-pc .logocode { position: absolute; left: .35rem; top: 0; width: auto; display: inline-block; text-align: center; }
.footer-pc .logocode .logo { height: .44rem; display: block; width: auto; }
.footer-pc .logocode .logo img { height: 100%; width: auto; }
.footer-pc dl { display: inline-block; vertical-align: top; width: 14%; min-width: 1.5rem; text-align: left; min-height: 1.65rem; }
.footer-pc dl:last-child { width: 18%; }
.footer-pc dt { font-size: .16rem; color: #333; display: block; margin-bottom: .10rem; }
.footer-pc dd { font-size: .12rem; color: #999; display: block; line-height: .33rem; }
.footer-pc dd a { font-size: inherit; color: inherit; }
.footer-pc dd a:hover { color: #071689; }
.footer-pc .btn { display: block; width: 1.46rem; line-height: .36rem; background-color: #071689; border-radius: 1rem; color: #fff; font-size: .12rem; text-align: center; margin-top: .55rem; }
.footer-pc .btn .iconfont { margin-left: .05rem; vertical-align: bottom; }
.footer-pc .content { padding: 0 .35rem; }
.copyright { font-size: .12rem; color: #949CA3; padding: .15rem 0; width: 100%; background: #F5F5F5; text-align: center; margin-top: .42rem; }
.copyright a { font-size: inherit; color: inherit; margin-left: .25rem; position: relative }
.copyright a img { height: .15rem; width: auto; display: inline-block; transform: translate(-100%, -50%); left: -.05rem; top: 50%; position: absolute; }
.footer-app { width: 100%; display: none; background: #fff; text-align: center; padding-top: .1rem; border-top: .01rem solid #e5e5e5 }
.footer-app .logo { height: .88rem; width: auto; display: inline-block; margin: .5rem auto; cursor: none; }
.footer-app .logo img { height: 100%; width: auto; cursor: pointer; }
.footer-app .copyright { font-size: .18rem; color: #949CA3; background: 0; padding: .2rem 0; margin: 0; line-height: .35rem; }
.footer-app a img { height: .24rem; }
.footer-app .content { padding: 0 .35rem; }

/* 顶层广告图 */
.com_banner{height: 24.5vw;}
.com_banner > img{display: block;object-fit: cover;height: 100%;margin: auto;}

/* 顶层选项卡 */
.com_tab{position: relative; padding-bottom: 1rem;}
.com_tab .ct_banner{height: 24.5vw;}
.com_tab .ct_banner > img{display: block;object-fit: cover;height: 100%;margin: auto;}
.com_tab .ct_title{height: .6rem;background-color: #fff; overflow: hidden; box-shadow: 0px 4px 20px 0px rgba(0,22,137,0.302);border-radius: .04rem;margin-top: -.3rem;text-align: center;}
.com_tab .ct_title > li{}
.com_tab .ct_title > li > a{font-size: .16rem;display: block;color: #333;line-height: .6rem;}
.com_tab .ct_title > li > a:hover, .com_tab .ct_title > li > a.on{background-color: #071689;color: #fff;}
.com_tab .ct_content{overflow: initial;}
.com_tab .ct_item{}
.com_tab .ct_i_main p{color: #666666; font-size: .14rem; line-height: .36rem;}
.com_tab .ct_i_main img{display: block; width: 100%;}
.com_tab .ct_i_main > * + *{padding-top: .3rem;}

/* 切换卡片 */
.com_card{}
.com_card .cc_nav{width: 7.6rem;border-bottom: .01rem solid #E5E5E5;margin: auto;padding: .7rem 0 .3rem 0;text-align: center;height: .5rem;box-sizing: content-box;}
.com_card .cc_nav > li{display: inline-block;width: 30%;}
.com_card .cc_nav > li > a{font-size: .3rem;display: block;color: #666;line-height: .5rem;}
.com_card .cc_nav > li > a.on{font-size: .34rem;color: #3D3D3D;position: relative;}
.com_card .cc_nav > li > a.on:after{content: "";width: 1.6rem;height: .05rem;background-color: #90C6E5;display: block;bottom: -.31rem;position: absolute;left: 50%;margin-left: -.8rem;}
.com_card .cc_content{padding-top: .8rem;}
.com_card .cc_item {font-size: .14rem; line-height: 2; padding: 0 5%;}
/*.com_card .cc_item p{font-size: .14rem; line-height: .36rem;}*/
/*.com_card .cc_item p:last-child{padding-bottom: 0;}*/
.com_card .cc_item img{ max-width: 100%; }

/* 顶部导航标题 */
.com_title_head{line-height: 1rem;}
.com_title_head > span{color: #999;font-size: .16rem;}
.com_title_head > i{color: #999; font-size: .16rem;padding: 0 .1rem;font-style: initial;}

/* 展示标题 */
.com_texthead{line-height: 1.9rem;}
.com_texthead > h2{color: #3D3D3D;margin-right: .2rem;}
/*.com_texthead > h5{color: #999999;font-size: .28rem;margin-top: 0; margin-bottom: -.08rem; text-transform: uppercase;}*/
.com_texthead > h5{color: #999999;font-size: .2rem;margin-top: 0; /* margin-bottom: -.08rem; */ text-transform: uppercase;}

/* 新闻分页 */
.news_pagelist{padding-top: .5rem;color: #4F5861;text-align: center;line-height: .3rem;}
.news_pagelist .icon_up{color: #999; font-size: .14rem;}
.news_pagelist .icon_up .iconfont{margin-right: .1rem;}
.news_pagelist > span{font-size: .14rem;padding: 0 .2rem;}
.news_pagelist .icon_next{color: #15191D;font-weight: bold;font-size: .14rem;}
.news_pagelist .icon_next .iconfont{margin-left: .1rem;}

/* 图片缩放效果 */
.scale_img .img_content{overflow: hidden;}
.scale_img .img_content > img{display: block; width: 100%; height: 100%; object-fit: cover; transition: all 0.3s; -ms-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -o-transition: all 0.3s;}
.scale_img:hover .img_content > img { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);}

/* 不同尺寸  */
@media screen and (max-width:1400px) {
    .com_tab .ct_title{margin: -0.4rem 0.15rem 0 0.15rem; width: auto; height: auto;}
    .com_tab .ct_title > li > a{ line-height: 4; }
    .com_title_head{ padding: 0 .15rem; }
    .com_texthead{ padding: 0 .15rem; line-height: 4; }
    .com_texthead > h5{ margin-bottom: .1rem; }
    .com_tab .cc_content{ padding: .5rem .15rem 0 .15rem; }
    .com_tab .ct_i_main{ padding: 0 .15rem; }
    .com_card .cc_nav { padding-top: .5rem; }
    .com_card .cc_nav > li > a.on { font-size: .34rem; }
}
@media screen and (max-width:1024px) {
    .header-pc,
    .footer-pc { display: none; opacity: 0; }
    main { min-height: calc(100% - 4rem); }
    .header-app,
    .topfix,
    .footer-app { display: block; }
    .content h2 { font-size: .32rem; margin-right: .2rem; vertical-align: middle; }
    .content h5 { font-size: .22rem; vertical-align: middle }
    .com_title_head{ line-height: 3.4 }
    .com_tab .ct_title > li > a{ font-size: .14rem; }
    .com_texthead > h2{ font-size: .28rem; }
    .com_texthead > h5{ font-size: .18rem; vertical-align: bottom; }

    .com_card .cc_nav { padding-top: 0.3rem; padding-bottom: 0.2rem; width: auto; margin: 0 0.3rem; }
    .com_card .cc_nav > li > a { font-size: .24rem; }
    .com_card .cc_nav > li > a.on { font-size: .28rem; }
    .com_card .cc_nav > li > a.on:after { bottom: -.21rem; }
    .com_tab .cc_content{ padding-top: .4rem; }
}
@media screen and (max-width:768px) {
    main { min-height: calc(100% - 4.35rem); }
    .mask-box .m-title .name h2 { font-size: .3rem; }
    .mask-box .m-title .name h5 { font-size: .22rem; margin-top: .25rem; }
    .mask-box .m-info { font-size: .22rem; line-height: .45rem; }
    .mask-box { top: auto; bottom: -100%; transform: translate(0, 0); left: 0; max-width: 100%; border-radius: 0.16rem 0.16rem 0 0; }
    .mask.show .mask-box { bottom: 0; transition: bottom .3s; top: auto }
    .mask-box i { font-size: .38rem; padding: .3rem; }
    .mask-box .m-title { margin-top: .5rem; }
    .nav-top .n-item a { font-size: .22rem; }
}