/* 瀹瑰櫒锛氱浉瀵瑰畾浣嶏紝浣滀负瑕嗙洊灞傜殑鍙傝€冨熀鍑 */
.image-container {
  position: relative;
  display: inline-block; /* 璁╁鍣ㄥ搴﹂殢鍥剧墖鑷€傚簲 */
      width: 6.88rem;
    height: 0.64rem;}

/* 鍥剧墖锛氱‘淇濆崰婊″鍣 */
.target-image {
  width: 100%;
  height: auto;
  display: block;}

/* 閫氱敤瑕嗙洊灞傛牱寮忥細閫忔槑銆佸崰婊￠珮搴︺€佺偣鍑讳氦浜 */
.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%; /* 鍚勫崰涓€鍗婂搴 */
  z-index: 1; /* 纭繚瑕嗙洊灞傚湪鍥剧墖涓婃柟 */
  cursor: pointer; /* 榧犳爣鎮仠鏄剧ず鎵嬪瀷 */
  background-color: transparent;}

/* 宸﹀崐鍖猴細闈犲乏瀵归綈 */
.left-overlay {
  left: 0;}

/* 鍙冲崐鍖猴細闈犲彸瀵归綈 */
.right-overlay {
  right: 0;}
/* 浠ヤ笅鏍峰紡涓嶇敤淇敼 寮€濮?/
    /* 榛樿ul 鏃犻渶淇敼 */
    .nav_menustyle_1_1 ul
    {
        list-style-type:none;
        padding:0px; 
        margin:0px;}
    /* 榛樿li 鏃犻渶淇敼 */
    .nav_menustyle_1_1 li
    {
        float:left;
        text-align:center;
        position:relative;}
    /* 2绾т互涓 li 鏃犻渶淇敼 */
    .nav_menustyle_1_1 ul li ul li
    {
        float:none;
        z-index:100;}
    /* 3绾т互涓婇粯璁l 鏃犻渶淇敼 */
    .nav_menustyle_1_1 ul li ul li ul
    {
        left:100%;
        top:0px;}
    /* IE6涓嬬殑table鏍峰紡 鏃犻渶淇敼 */
    .nav_menustyle_1_1 table 
    {
        position:absolute; 
        left:0px;
        border-collapse:collapse; 
        border-spacing:0; 
        z-index:100;}   
    .nav_menustyle_1_1 table table
    {
        top:0px;}
    .nav_menustyle_1_1 td 
    {
        padding: 0;}   
    /* 鍏?绾у鑸瓙鑿滃崟鎵撳紑鍏抽棴鎺у埗 鏃犻渶淇敼 */
    .nav_menustyle_1_1 li ul,
    .nav_menustyle_1_1 li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li ul
    {
        display:none;}
    .nav_menustyle_1_1 li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li ul
    {
        visibility:hidden;}
    .nav_menustyle_1_1 li a:hover ul,
    .nav_menustyle_1_1 li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul,
    .nav_menustyle_1_1 li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul    
    {
        display:block;
        position:absolute;}
    .nav_menustyle_1_1 li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul,
    .nav_menustyle_1_1 li a:hover ul li a:hover ul li a:hover ul li a:hover ul li a:hover ul
    {
        visibility:visible;}
    /* 榛樿a灞炴€ 鏃犻渶淇敼 */
    .nav_menustyle_1_1 a
    {
        display:block;
        text-decoration:none;
        white-space:nowrap;}
/* 浠ヤ笂鏍峰紡涓嶇敤淇敼 缁撴潫*/
/* 榛樿閾炬帴鏍峰紡 鍙互淇敼榛樿鐨 瀛椾綋銆侀鑹层€佸搴︺€侀珮搴︺€佽儗鏅壊銆佽竟妗嗙瓑*/
.nav_menustyle_1_1 a
{
    width:90px;         /*鑿滃崟瀹藉害*/
    height:25px;        /*鑿滃崟楂樺害*/
    line-height:25px;   /*瀛椾綋楂樺害, 鍙涓鸿彍鍗曢珮搴?/
    font-size:14px;     /*瀛椾綋澶у皬*/
    color:#000;         /*瀛椾綋棰滆壊*/
    background:#eeeeee; /*鑳屾櫙鑹?/
    border:1px solid #fff;  /*杈规棰滆壊*/
    border-width:0px 1px 1px 0px;}
/* 榛樿hover閾炬帴鏍峰紡 鍙互璁剧疆榛樿鐨勯紶鏍囩Щ涓婃牱寮 */
.nav_menustyle_1_1 a:hover
{
    color:#fff; /*榧犳爣绉讳笂棰滆壊*/
    background:#2687eb;}
/* IE6鍏煎鎬т唬鐮侊紝鍦↖E6涓嬭捣鏁堬紝 蹇呴』鏍规嵁鑿滃崟楂樺杩涜璁惧畾 */
.nav_menustyle_1_1 table 
{
    top:26px;}   
.nav_menustyle_1_1 table table
{
    left:91px;}   
/* 2绾т互涓婇摼鎺ユ牱寮 鍙互淇敼2绾т互涓婅彍鍗曠殑 瀛椾綋銆侀鑹层€佸搴︺€侀珮搴︺€佽儗鏅壊銆佽竟妗嗙瓑*/
.nav_menustyle_1_1 ul li ul li a
{}
/* 2绾т互涓奾over閾炬帴鏍峰紡 鍙互淇敼2绾т互涓婅彍鍗曠殑榧犳爣绉讳笂鏍峰紡*/
.nav_menustyle_1_1 ul li ul li a:hover
{}
/* 3绾т互涓婇摼鎺ユ牱寮 鍙互淇敼3绾т互涓婅彍鍗曠殑 瀛椾綋銆侀鑹层€佸搴︺€侀珮搴︺€佽儗鏅壊銆佽竟妗嗙瓑*/
.nav_menustyle_1_1 ul li ul li ul li a
{}
/* 3绾т互涓奾over閾炬帴鏍峰紡 鍙互淇敼3绾т互涓婅彍鍗曠殑榧犳爣绉讳笂鏍峰紡*/
.nav_menustyle_1_1 ul li ul li ul li a:hover
{}

.ny-column p{
    color: #ffffff;
    font-size: 0.22rem;
    line-height: 0.4rem;
    padding-bottom: 0rem;
    margin: 0 auto;
    text-align: center;}
/* --- 1. 澶栧眰瀹瑰櫒 --- */
.quote-container {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 0.22rem;
    line-height: 1.6;
    text-align: center;
    width: 11.02rem;
    height: 0.8rem;
    margin: 0 auto;
    padding-bottom: 1rem;}

/* --- 2. 涓棿鏂囧瓧鍖哄煙 --- */
.quote-content {
    flex: 1; /* 璁╂枃瀛楀崰鎹墿浣欑┖闂 */
    z-index: 2;}

/* --- 3. 寮曞彿鍥剧墖閫氱敤鏍峰紡 --- */
.quote-icon {
    width: 0.6rem;  /* 鏍规嵁浣犵殑鍥剧墖瀹為檯澶у皬璋冩暣锛屾瘮濡 30px - 50px */
    height: auto;
    opacity: 1; /* 璁剧疆鍗婇€忔槑锛岀湅璧锋潵鏇撮珮绾э紝涓嶆姠鏂囧瓧椋庡ご */
    z-index: 1;}

/* --- 4. 宸︿晶寮曞彿瀹氫綅 --- */
.quote-left {
    margin-right: 0.2rem; /* 涓庢枃瀛椾繚鎸佽窛绂 */
    /* 濡傛灉鎯宠瀹冨儚鎴浘閭ｆ牱绋嶅井闈犱笂涓€鐐癸紝鍙互鐢ㄧ粷瀵瑰畾浣嶅井璋 */
    position: relative;
    top: 0px;}

/* --- 5. 鍙充晶寮曞彿瀹氫綅 --- */
.quote-right {
    margin-left:0.2rem; /* 涓庢枃瀛椾繚鎸佽窛绂 */
    /* 濡傛灉鎯宠瀹冪◢寰潬涓 */
    position: relative;
    top: 0rem;}
.dqwz{height: 0.72rem;line-height: 0.72rem; font-size: 0.16rem;    display: flex;
    gap: 0.12rem;}
.dqwz a{color:#000000;opacity: 0.5;}
/* 1. 澶栧眰瀹瑰櫒 (淇濇寔鍘熸牱) */
.dydhkd {
    width: 0.9rem;
    display: block;
    float: left;
    margin-right: 0.78rem;    margin-top: 0.4rem;}

/* 2. 鍒楄〃椤瑰鍣 (淇濇寔鍘熸牱) */
.dydh {
    width: 0.9rem;
    padding-bottom: 0.22rem;}

/* 3. 鏍稿績浜や簰鍖 (鐖跺鍣? */
.dhtp {
    position: relative; 
    overflow: hidden; 
    
    display: flex;
    flex-direction: column;
    align-items: center;
    
    text-align: center;
    cursor: pointer;
    
    /* 涓婁笅鍐呰竟璺濅繚鎸佷笉鍙橈紝鎴栬€呭彲浠ュ井璋冧负 0.1rem */
    padding: 0.1rem 0; 
    height: auto;}

/* --- 鐏拌壊鑳屾櫙鍦 (浼厓绱? --- */
.dhtp::before {
    content: '';
    position: absolute;
    
    /* 銆愪慨鏀圭偣銆戝渾鍦堢◢寰仛澶т竴鐐癸紝鏇存湁璐ㄦ劅 */
    width: 0.56rem;  
    height: 0.56rem;
    
    /* 銆愪慨鏀圭偣銆戦噸鏂拌绠 top 浣嶇疆锛岀‘淇濆渾蹇冨鍑嗗浘鏍囦腑蹇 */
    /* 鍏紡锛歱adding-top(0.1) + 鍥剧墖楂樺害鐨勪竴鍗?0.56/2=0.28) = 0.38rem */
    top: 0.38rem; 
    
    left: 50%;
    transform: translate(-50%, -50%) scale(0); 
    background-color: #f0f0f0; 
    border-radius: 50%;
    z-index: 0; 
    transition: transform 0.3s ease;}

/* 4. 鍥剧墖閫氱敤鏍峰紡 */
.dhtp img {
    width: 0.56rem;
    height: 0.56rem;
    object-fit: contain;
    transition: opacity 0.3s ease;
    z-index: 1; 
    display: block;}

/* 榛樿鍥 */
.dhtp img:not(.img-hover) {
    opacity: 0.5;}

/* 鎮仠鍥 */
.img-hover {
    position: absolute; 
    left: 50%;
    transform: translateX(-50%);
    opacity: 0;
    z-index: 2;}

/* 5. 鏂囧瓧鏍峰紡 */
.dhtp span {
    /* 銆愬叧閿慨鏀广€戦棿璺濆噺鍗婏紒浠 0.08rem 鏀逛负 0.04rem */
    margin-top: 0.04rem; 
    
    font-size: 0.16rem;
    color: #666666;
    font-weight: normal;
    position: relative;
    z-index: 1; 
    transition: all 0.3s ease;
    line-height: 1.2;}

/* --- 浜や簰閫昏緫 --- */

/* A. 榧犳爣鎮仠鏃讹細鑳屾櫙鍦嗘斁澶 */
.dhtp:hover::before,
.dhtp.on::before {
    transform: translate(-50%, -50%) scale(1);}

/* B. 榧犳爣鎮仠鏃讹細鍒囨崲鍥剧墖 */
.dhtp:hover .img-hover,
.dhtp.on .img-hover {
    opacity: 1;}

.dhtp:hover img:not(.img-hover),
.dhtp.on img:not(.img-hover) {
    opacity: 0;}

/* C. 榧犳爣鎮仠鏃讹細鏂囧瓧鍙樿壊 + 涓嬬Щ */
.dhtp:hover span,
.dhtp.on span {
    color: #000000;
    font-weight: bold;
    /* 涓嬬Щ璺濈涔熷彲浠ュ井璋冿紝0.06rem 鐪嬭捣鏉ユ洿鑷劧 */
    transform: translateY(0.06rem);}
#ny.nopb a{font-size:0.16rem;    font-family: "OPPO Sans 4.0";    line-height: 0.32rem;}
#ny.nopb p{font-size:0.16rem;    font-family: "OPPO Sans 4.0";    line-height: 0.32rem;}

.vsbcontent-table-container-outer { position: relative;}
.vsbcontent-table-container
{
    width: 98%;
    overflow-y: auto;
    _overflow: auto;
    margin: 0.02rem;}
.vsbcontent-table-container::-webkit-scrollbar
{
    -webkit-appearance: none;
    width: 0.14rem;
    height: 0.14rem;}
.vsbcontent-table-container::-webkit-scrollbar-thumb
{
    border-radius: 0.08rem;
    border: 0.03rem solid #fff;
    background-color: rgba(0, 0, 0, .3);}
.vsbcontent-table-container-fade
{
    position: absolute;
    right: 0;
    width: 0.05rem;
    height: 100%;
    background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -moz-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -ms-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: -o-linear-gradient(0deg, rgba(255,255,255,.5), #fff);
    background-image: linear-gradient(0deg, rgba(255,255,255,.5), #fff);}
.foot-logo{
    width: 224px;
    float: left;}
.foot-xx{
    float: left;    padding-left: 72px;}