@charset "utf-8";

.fzgk_con { background: url(240815fzgk_banner.jpg) no-repeat center top; background-size: 25.6rem;}
.fzgk_banner { padding-bottom: 1.9rem; }
.fzgk_banner_img { text-align: center; }
.fzgk_banner_img img{width: 4.64rem;}
.fzgk_banner_tit {max-width: 7.8rem; margin: 0rem auto; text-align: center; font-size: .18rem; line-height: .32rem; }
.fzgk_tit_img { width: 3.8rem;}
.fzgk_tit_top { text-align: right;}
.fzgk_tit_top *{ font-family: "syst_h" !important; }
.fzgk_tit_r .fzgk_tit_top { display: flex; flex-direction: row-reverse; justify-content: flex-start; align-items: flex-end; }
.fzgk_tit_l .fzgk_tit_top { display: flex; align-items: flex-end; }
.fzgk_tit_r .fzgk_tit_top p{ position: relative; bottom: -.2rem\0;}
.fzgk_tit_top p { display: inline-block; margin-bottom: .04rem; font-size: .2rem; color: #D0DEEC; text-transform: uppercase; }
.fzgk_tit_top span { font-size: .36rem; position: relative; padding-right: .3rem; display: inline-block; margin-left: .16rem; float: right\0; }
.fzgk_tit_top span::before,.fzgk_tit_top span::after { z-index: 1; content: ' '; width: .1rem; height: .1rem; display: block; transform: rotate(-45deg); right: 0rem; background: #16599F; position: absolute; top: 50%; margin-top: -.05rem; }
.fzgk_tit_top span::after { right: .03rem; z-index: 2; background: #BAD6F7; }
.fzgk_tit_top span i { color: #16599F; }
.fzgk_tit_dian { display: inline-block; width: .06rem; margin-top: -.02rem; height: .06rem; vertical-align: middle; border-radius: 50%; background: #16599F; }
.fzgk_tit_box { position: relative; padding: 5px; }
.fzgk_tit_inner { position: relative; padding: .4rem; z-index: 3; border: 1px solid #EAF4FF; background-color: #BAD6F7; }
.fzgk_tit_inner::before { background-color: #fff; position: absolute; content: ''; left: 0px; top: 0px; bottom: 0px; right: 0px; z-index: 4; border: 7px solid #BAD6F7; }
.fzgk_tit_left_top,.fzgk_tit_right_top,.fzgk_tit_left_bottom,.fzgk_tit_right_bottom { position: absolute; width: 16px; height: 16px; z-index: 1; }
.fzgk_tit_left_top { top: 0px; left: 0px; border-radius: 0 0 24px 0; border-bottom: 1px solid #EAF4FF; border-right: 1px solid #EAF4FF; }
.fzgk_tit_right_top { top: 0px; right: 0px; border-radius: 0 0 0 24px; border-bottom: 1px solid #EAF4FF; border-left: 1px solid #EAF4FF; }
.fzgk_tit_left_bottom { left: 0px; bottom: 0px; border-radius: 0 24px 0 0; border-top: 1px solid #EAF4FF; border-right: 1px solid #EAF4FF; }
.fzgk_tit_right_bottom { right: 0px; bottom: 0px; border-radius: 24px 0 0 0; border-top: 1px solid #EAF4FF; border-left: 1px solid #EAF4FF; }
.fzgk_tit_box::before { position: absolute; top: 0; right: 15px; bottom: 0; left: 15px; content: ''; z-index: 2; opacity: .5; background-color: #ffffff; border-top: 1px solid #EAF4FF; border-bottom: 1px solid #EAF4FF; }
.fzgk_tit_box::after { position: absolute; content: ''; z-index: 2; left: 0px; top: 15px; right: 0px; bottom: 15px; background-color: #ffffff; border-left: 1px solid #EAF4FF; border-right: 1px solid #EAF4FF; opacity: .5; }
.fzgk_tit_img,.fzgk_tit_p { position: relative; z-index: 9; }
.fzgk_tit { padding-left: .4rem; position: relative; }
.fzgk_tit_inner { padding-left: 3.8rem; }
.fzgk_tit>.fzgk_tit_img { position: absolute; left: 0rem; top: .1rem; overflow: hidden; }
.fzgk_tit_p { font-size: .18rem; display: flex; min-height: 1rem; line-height: .32rem; align-items: center; }
.fzgk_tit.on .fzgk_tit_top { text-align: left; }
.fzgk_tit.on { padding-right: .4rem; padding-left: 0rem; position: relative; }
.fzgk_tit.on .fzgk_tit_inner { padding-left: .4rem; padding-right: 3.8rem; }
.fzgk_tit.on>.fzgk_tit_img { left: inherit; right: 0rem; }
.fzgk_tit.on .fzgk_tit_top span { padding-left: .3rem; margin-left: 0rem; padding-right: 0rem; margin-right: .16rem; }
.fzgk_tit.on .fzgk_tit_top span::before,.fzgk_tit.on .fzgk_tit_top span::after { right: inherit; left: .03rem; }
.fzgk_tit.on .fzgk_tit_top span::after { left: .0rem; right: inherit; }
.fzgk_tit.on .fzgk_tit_inner { border: 1px solid #D6E9FF; }
.fzgk_tit.on .fzgk_tit_inner::before { background: #F0F8FF; border: 7px solid #fff; }
.fzgk_tit.on .fzgk_tit_box::before,.fzgk_tit.on .fzgk_tit_box::after { background: #F7FBFF; }
.fzgk_nr { margin-top: .9rem; padding: .8rem 0rem; background: url(240815fzgk_bg.jpg) no-repeat top center;  background-size:cover;}
.fzgk_tit.on .fzgk_tit_top span { float: inherit; }
.fzgk_nr_top{overflow: hidden;}
.fzgk_nr_top ul { margin-right: -.44rem; }
.fzgk_nr_top ul li { width: 25%; float: left; }
.fzgk_nr_top ul li span { display: block; margin-bottom: .3rem; font-size: .36rem; transition: ease-in-out .3s; background: url(240815fzgk_tit3.png) no-repeat center; background-size: 100% 100%; margin-right: .44rem; height: .72rem; line-height: .72rem; text-align: center; }
.fzgk_nr_top ul li span *{ font-family: "syst_h";}
.fzgk_nr_top ul li span .fzgk_tit_dian { background: #333; }
.fzgk_nr_top ul li.on span,.fzgk_nr_top ul li:hover span { background: url(240815fzgk_tit2.png) no-repeat center; color: #fff; background-size: 100% 100%; }
.fzgk_nr_top ul li.on span .fzgk_tit_dian,.fzgk_nr_top ul li:hover span .fzgk_tit_dian { background: #fff; }
.fzgk_bg { background: url(240815fzgk_bg2.png) no-repeat center;  background-size:100% 100%; height: 6.54rem; padding: .8rem; }
.fzgk_bg .tabs_bd { height: 100%; }
.fzgk_bg_tit { height: 100%; }
.fzgk_bg_tit_nr { padding-right: .2rem; height: 100%; overflow: auto; }
.fzgk_bg_tit_nr p { font-size: .18rem; line-height: .32rem; }
.fzgk_bg_tit_nr::-webkit-scrollbar { width: 8px; height: 4px; }
.fzgk_bg_tit_nr::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #E5E5E5; border-radius: 10px; }
.fzgk_bg_tit_nr::-webkit-scrollbar-thumb { border-radius: 5px; background-color: #1659A0; }
.fzgk_bg_tit_nr::-webkit-scrollbar-thumb:window-inactive { background-color: #CCCCCC; }
.slb .fzgk_tit>.fzgk_tit_img{top: .6rem;}
.slb .fzgk_nr_top ul li{width: 50%;}
.header_21 *{box-sizing: content-box;}
.header_21_ss{box-sizing: border-box;}
.fzgk_bg_con .footer_21{ margin-top: 0rem;}
@media screen and (max-width:992px) { 
    .fzgk_con{background: url(240815fzgk_banner2.jpg) no-repeat top center; background-size: inherit;}
    .fzgk_banner{padding: 0rem .8rem; padding-bottom: 1.8rem;}
    .fzgk_tit,.fzgk_tit.on{padding-left: 0rem; padding-right: 0rem;}
    .fzgk_tit>.fzgk_tit_img,.fzgk_tit.on>.fzgk_tit_img{position: relative;  z-index: 9; width: auto; margin: 0rem .24rem; top: inherit; right: inherit;  left: inherit;}
    .fzgk_tit_r .fzgk_tit_top,.fzgk_tit_l .fzgk_tit_top{ flex-direction: row; position: relative; z-index: 9; justify-content: flex-start;}
    .fzgk_tit_top span { padding-left: .3rem; margin-left: 0rem; padding-right: 0rem; margin-right: .16rem; }
    .fzgk_tit_top span::before,.fzgk_tit_top span::after { right: inherit; left: .03rem; }
    .fzgk_tit_top span::after { left: .0rem; right: inherit; }
    .fzgk_tit_top {padding: 0rem .24rem;}
    .fzgk_tit.on .fzgk_tit_inner,.fzgk_tit_inner{padding: .24rem; padding-top: .06rem;}
    .fzgk_tit_inner,.fzgk_tit_box{position: initial;}
    .fzgk_tit_box::after{top: .6rem;}
    .fzgk_tit_box::before{top: .36rem;}
    .fzgk_tit_left_top,.fzgk_tit_right_top{top: .4rem;}
    .fzgk_tit_inner::before{left: .06rem; right: .06rem; top: .46rem; bottom: .06rem;}
    .fzgk_tit.on .fzgk_tit_inner::before{box-shadow: 0 0 0 1px  #D6E9FF;}
    .fzgk_tit_box{margin-top: 0rem;}
    .fzgk_tit_top {margin-top: .16rem;}
    .fzgk_tit_p{min-height: inherit;}
    .fzgk_nr{margin-top: .32rem; padding: .32rem 0rem;}
    .fzgk_nr_top ul{margin-right: 0rem; white-space: nowrap; overflow: auto;}
    .fzgk_nr_top ul li{width: auto; display: inline-block; float: inherit;}
    .fzgk_nr_top ul li span{padding: 0rem .44rem; margin-right: .24rem; line-height: .6rem; height: .6rem; font-size: .32rem;}
    .fzgk_nr_top ul::-webkit-scrollbar { display: none;}
    .fzgk_bg{padding:.6rem .44rem; height: 4rem;}
    .fzgk_bg_tit_nr p{font-size: .16rem; line-height: .28rem;}
    .fzgk_bg_tit_nr{padding-right: .10rem;}
    .fzgk_tit_dian{width: .04rem; height: .04rem;}
    .slb .fzgk_nr_top ul li{width: auto;}
    .slb .fzgk_tit>.fzgk_tit_img{top: inherit;}
    .slb .fzgk_tit_r .fzgk_tit_top{justify-content: flex-start; align-items: center; flex-direction: column;}
    .slb .fzgk_tit_l .fzgk_tit_top{align-items: center;  flex-direction: column;}
    .slb .fzgk_banner{padding: 0rem ; padding-bottom: 1rem;}
    .slb .fzgk_con{background-size: 180% auto !important;}
    .slb .fzgk_banner_img img{max-width: 70%;}
    .nav_21>ul>li{margin-right: .15rem;}
    .header_21_logo,.nav_21{padding-left: .1rem !important;}
    .nav_21>ul>li:last-child{margin-right: .2rem ;}
    .nav_21::after{width: .2rem;}
    .footer_21_tit_l{padding: .1rem .18rem 0rem .18rem;}
    .nav_21>ul{height: 100%;}
    .header_21_tit{right: .1rem;}
    .slb .yqlj_tit1>ul>li{width: 100%;}
    .fzgk_banner_tit br{display: none;}
 }
@media screen and (max-width:640px) { 
    .fzgk_nr_top {overflow: hidden;}
    .fzgk_con{background: url(240815fzgk_banner3.jpg) no-repeat top center; background-size: 100% auto;}
    .fzgk_banner{padding: 0rem .24rem; padding-bottom: 1rem;}
    .fzgk_banner_img img{width: 2.8rem;}
    .fzgk_banner_tit{font-size: .16rem;}
    .fzgk_banner_tit{line-height: .28rem;}
    .fzgk_tit_top span{font-size: .22rem;}
    .fzgk_tit_top p{font-size: .12rem;}
    .fzgk_tit_top span,.fzgk_tit.on .fzgk_tit_top span{padding-left: .24rem;}
    .fzgk_tit_p{font-size: .18rem; line-height: .28rem;}
    .fzgk_nr_top ul{margin-right: -.24rem; white-space: inherit; overflow: hidden;}
    .fzgk_nr_top ul li{width: 50%; float: left; display: inline-block;}
    .fzgk_nr_top ul li span{font-size: .18rem; padding: 0rem; line-height: .44rem; height: .44rem; margin-bottom: .16rem;}
    .fzgk_bg_tit_nr p{font-size: .18rem; line-height: .28rem;}
    .fzgk_bg{padding: .48rem .24rem; }
    .slb .fzgk_nr_top ul li{width: 50%;}
    
 }
 @media screen and (max-width:520px) { 
    .fzgk_con{background: url(240815fzgk_banner3.jpg) no-repeat top center; background-size: 130% auto;}
    .fzgk_banner_img img{width: 2rem;}
    .fzgk_banner{padding: 0rem; padding-bottom: 1rem;}
 }