/* 瑙嗛鍖哄煙鍝嶅簲寮 */
.news-pic {
  width: 100% !important;
  height: auto !important;
  position: relative;
  padding-top: 1px;}

.index-video-left {
  width: 100%;
  position: relative;
  overflow: hidden;}

/* 瑙嗛鏈韩鍝嶅簲寮 */
.index-video-left-bg {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;}

/* 闅愯棌鏃ф挱鏀炬寜閽紙鐜板湪鐢ㄥ師鐢熸挱鏀惧櫒锛 */
.index-video-play {
  display: none !important;}

/* 绉诲姩绔€傞厤 */
@media (max-width:768px) {
  .news-banner {
    padding-top: 10px !important;}
  
  

    .index-video-left {
        width: 100% !important;
        height: auto !important;}
    .index-video-left-bg {
        max-width: 100% !important;
        height: auto !important;}
    .slick-track {
        width: 100% !important;}
    .slick-slide {
        width: 100% !important;}
}

/* 鐢佃剳绔細瀹氫綅璇l锛屼繚鎸?0px */
.news-r ul {
  padding-top: 30px !important;}

/* 绉诲姩绔細鏀逛负10px */
@media (max-width: 768px) {
  .news-r ul {
    padding-top: 10px !important;}
}
  /* 鍏ㄥ眬閲嶇疆 - 瑙ｅ喅IE榛樿鏍峰紡闂 */
  

        /* 鏍稿績瀹瑰櫒鏍峰紡 - 鍏煎IE鐨勬诞鍔ㄥ竷灞€ + Flex闄嶇骇 */
        .img-box {
            padding-top: 60px;
            width: 95%;
            max-width: 1400px;
            margin: 0 auto;
            /* 鐜颁唬娴忚鍣ㄧ敤flex */
            display: -webkit-box;      /* old - ios 6-, safari 3.1-6 */
            display: -moz-box;         /* old - firefox 19- */
            display: -ms-flexbox;      /* ie 10 */
            display: -webkit-flex;     /* chrome */
            display: flex;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            /* ie9-闄嶇骇涓烘诞鍔ㄥ竷灞€锛氭竻闄ゆ诞鍔?瑙﹀彂haslayout */
            *zoom: 1; /* ie6-7瑙﹀彂haslayout */
            *padding-bottom: 4px; /* 琛ュ伩鏈€鍚庝竴琛宮argin-bottom */
            /* 鏇夸唬gap锛歠lex鐢╬adding锛屾诞鍔ㄧ敤margin锛坕e涓嶆敮鎸乬ap锛 */
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;}
        /* 娓呴櫎娴姩锛圛E6-9鍏煎锛 */
        .img-box:after {
            content: "";
            display: block;
            clear: both;
            height: 0;
            overflow: hidden;
            visibility: hidden;}

        /* 閫氱敤妯″潡鏍峰紡 - 鍏煎IE */
       .img-box  .img-item {
            /* flex甯冨眬鍏煎锛坕e10+锛 */
            -webkit-box-flex: 0;
            -ms-flex: 0 0 33.1%; /* 鏇夸唬calc锛宨e10+鍏煎 */
            flex: 0 0 calc(33.333% - 4px);
            /* ie9-娴姩闄嶇骇锛堟牳蹇冧慨澶嶏細绮惧噯margin锛 */
            *float: left;
            *width: 33.1%; /* 鐣欏嚭闂磋窛锛岄伩鍏嶆崲琛 */
            *margin-bottom: 4px;
            /* 鍙栨秷ie娴姩鐨刴argin-right锛屾敼鐢ㄥ鍣╦ustify-content */
            *margin-right: 0;

            position: relative;
            overflow: hidden;
            margin: 0 0 4px 0; /* 鏇夸唬gap鐨勭旱鍚戦棿璺 */
            /* ie涓嶆敮鎸乼ransition锛屼繚鐣欎絾涓嶅奖鍝 */
            transition: all 0.3s ease;
            border-radius: 8px;
            /* ie鍦嗚鍏煎锛堜粎ie9+锛夛紝ie8鍙婁互涓嬫棤鍦嗚 */
            -ms-border-radius: 8px;}
        /* IE8鍙婁互涓嬪吋瀹癸細鎵嬪姩缁欏墠涓や釜鍔犲彸杈硅窛锛堟浛浠Ⅹnth-child锛 */
        .img-item.item1, .img-item.item2,
        .img-item.item4, .img-item.item5 {
            *margin-right: 0.4%;}

      .img-box   .img-item a {
            display: block;
            position: relative;
            text-align: center;
            font-size: 0; /* 娓呴櫎inline绌虹櫧 */
            height: 130px;}
        /* 鍥剧墖鍏煎锛欼E鍏ㄧ郴鏇夸唬object-fit */
       .img-box  .img-item a .img-wrap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;}
       .img-box  .img-item a img {
            width: 100%;
            min-height: 100%;
            /* ie8鍙婁互涓嬪己鍒舵媺浼革紝閬垮厤鐣欑櫧 */
            *width: 100%;
            *height: 100%;
            *display: block;
            /* 鐜颁唬娴忚鍣ㄤ繚鎸佹瘮渚 */
            object-fit: cover;
            transition: all 0.5s ease;
            /* ie閫忔槑搴﹀吋瀹 */
            filter: alpha(opacity=100);
            opacity: 1;}

        /* 榧犳爣鎮诞鏁堟灉锛圛E:hover鏀寔锛 */
       .img-box  .img-item a:hover img {
            transform: scale(1.08);
            -ms-transform: scale(1.08); /* ie9+鍏煎transform */
            opacity: 0.85;
            filter: alpha(opacity=85);}

        /* 鏍囬鏍峰紡 - 鍏煎IE */
      .img-box   .img-item h2 {
            font-family: SourceHanSerifCN-Heavy, "寰蒋闆呴粦", SimHei, sans-serif;
            font-size: 28px;
            color: #fff;
            width: 300px !important;
            position: absolute;
            top: 50%;
            left: 50%;
            /* ie transform鍏煎锛坕e9+锛 */
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            /* ie8鍙婁互涓嬮檷绾э細鎵嬪姩瀹氫綅 */
            *top: 40%;
            *left: 0;
            *width: 100%;
            *text-align: center;
            z-index: 99;
            /* ie涓嶆敮鎸乼ext-shadow锛屽拷鐣ュ嵆鍙 */
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
            transition: all 0.3s ease;}

      .img-box   .img-item:hover h2 {
            font-size: 35px;
            text-shadow: 0 4px 8px rgba(0,0,0,0.3);}

/* 鍩虹绉戞妧鎰熸笎鍙橈紙淇濈暀浣犵殑涓昏壊璋冿級 */
.item1 {
    background: linear-gradient(135deg, #dc8be7 0%, #c4aff0 100%); /* 绱摑娓愬彉 */
    /* 鏂板锛氱粏寰綉鏍肩汗鐞嗗寮虹鎶€璐ㄦ劅锛堢幇浠ｆ祻瑙堝櫒鐢熸晥锛 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #dc8be7 0%, #c4aff0 100%);
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.item4 {
    background: linear-gradient(135deg, #4A4A4A 0%, #D3D3D3 100%); /* 姗欑孩娓愬彉 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #4A4A4A 0%, #D3D3D3 100%);
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.item3 {
    background: linear-gradient(135deg, #1bb89d 0%, #1bb89d 100%); /* 闈掔豢鑹茬郴 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #1bb89d 0%, #179e87 100%); /* 寰皟娓愬彉灞傛 */
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.item2 {
    background: linear-gradient(135deg, #752a0a 0%, #8c3718 100%); /* 妫曟娓愬彉 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #752a0a 0%, #8c3718 100%);
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.item5 {
    background: linear-gradient(135deg, #8490d8 0%, #a7b3ff 100%); /* 钃濈传娓愬彉 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #8490d8 0%, #a7b3ff 100%);
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}
.item6 {
    /* 绾壊璋冩笎鍙橈紝鏃犻噾灞為摱鍩哄簳 */
    background: linear-gradient(135deg, #dc4f9d 0%, #da8777 100%);
    /* 缁嗗井绉戞妧绾圭悊锛堥潪閲戝睘锛屼粎澧炲己璐ㄦ劅锛 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #dc4f9d 0%, #da8777 100%);
    background-size: 20px 20px, 100% 100%;
    /* 鍩虹杈规+闃村奖锛屽己鍖栫鎶€鎰 */
    border: 1px solid rgba(255,255,255,0.2);
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}

/* 鎮诞娓愬彉锛堝悓鑹茬郴鍔犳繁+绾圭悊寮哄寲锛岀鎶€鎰熶氦浜掞級 */
.item1:hover {
    background: linear-gradient(135deg, #b86fc8 0%, #a190d0 100%); /* 绱摑鍔犳繁 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #b86fc8 0%, #a190d0 100%);
    background-size: 15px 15px, 100% 100%;
    /* 鏂板锛氭偓娴彂鍏夎竟妗?杞诲井缂╂斁锛屽己鍖栫鎶€浜や簰鎰 */
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}
.item4:hover {
    background: linear-gradient(135deg, #2C2C2C 0%, #A9A9A9 100%); /* 姗欑孩鍔犳繁 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #2C2C2C 0%, #A9A9A9 100%);
    background-size: 15px 15px, 100% 100%;
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}
.item3:hover {
    background: linear-gradient(135deg, #169c85 0%, #138671 100%); /* 闈掔豢鍔犳繁 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #169c85 0%, #138671 100%);
    background-size: 15px 15px, 100% 100%;
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}
.item2:hover {
    background: linear-gradient(135deg, #632308 0%, #782f14 100%); /* 妫曟鍔犳繁 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #632308 0%, #782f14 100%);
    background-size: 15px 15px, 100% 100%;
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}
.item5:hover {
    background: linear-gradient(135deg, #707cb8 0%, #909ee0 100%); /* 钃濈传鍔犳繁 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #707cb8 0%, #909ee0 100%);
    background-size: 15px 15px, 100% 100%;
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}
.item6:hover {
    /* 鎮诞娓愬彉鍔犳繁锛堢帿绾?鏆栨绮夊悇鏆楄皟15%锛 */
    background: linear-gradient(135deg, #c8458d 0%, #c87767 100%);
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #c8458d 0%, #c87767 100%);
    background-size: 15px 15px, 100% 100%;
    /* 鎮诞浜や簰锛氳竟妗嗗彂鍏?杞诲井缂╂斁 */
    border-color: rgba(255,255,255,0.4);
    box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 0 10px rgba(218,135,119,0.3);
    transform: scale(1.02);}

/* IE鍏煎闄嶇骇锛?60鍏煎妯″紡鑷姩鐢熸晥锛岄伩鍏嶆牱寮忛敊涔憋級 */
@media screen and (min-width:0\0) {
    .item1, .item2, .item3, .item4, .item5, .item6 {
        background-image: none !important;
        background: #dc8be7;}
    .item1:hover { background: #b86fc8 !important;}
    .item2:hover { background: #e03403 !important;}
    .item3:hover { background: #169c85 !important;}
    .item4:hover { background: #632308 !important;}
    .item5:hover { background: #707cb8 !important;}
    .item6:hover {
        background: #c8458d !important; /* 鎮诞鍔犳繁 */
        transform: none !important;
        box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;}    /* IE鍙栨秷缂╂斁/杈规锛屼粎淇濈暀棰滆壊鍙樺寲 */
    .item1:hover, .item2:hover, .item3:hover, 
    .item4:hover, .item5:hover, .item6:hover {
        border: none !important;
        transform: none !important;}
}


        /* 鍝嶅簲寮忓獟浣撴煡璇 - IE10+鏀寔锛孖E9-蹇界暐 */
        @media (max-width: 1024px) {
          .img-box   .img-item {
                -ms-flex: 0 0 49.5%; /* 鏇夸唬calc */
                flex: 0 0 calc(50% - 4px);
                *width: 49.5%;}
            /* IE8鍙婁互涓嬶細1024px涓嬩粎绗竴涓姞鍙宠竟璺 */
            .img-item.item1, .img-item.item3, .img-item.item5 {
                *margin-right: 1%;}
            .img-item.item2, .img-item.item4, .img-item.item6 {
                *margin-right: 0;}
         .img-box    .img-item h2 {
                font-size: 30px;
                *font-size: 28px;}
          .img-box  .img-item:hover h2 {
                font-size: 32px;}
          .img-box   .img-item a {
                height: 180px;}
        }

        @media (max-width: 768px) {
            .img-box {
                padding-top: 20px;
                *padding-bottom: 6px;}
           .img-box  .img-item {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                *width: 100%;
                *margin-right: 0 !important;}
           .img-box  .img-item h2 {
                font-size: 23px;
                *font-size: 20px;}
           .img-box  .img-item:hover h2 {
                font-size: 30px;}
           .img-box  .img-item a {
                height: 70px;}
        }
        

        /* 鏍稿績瀹瑰櫒鏍峰紡 - 鍏煎IE鐨勬诞鍔ㄥ竷灞€ + Flex闄嶇骇 */
        .img-box {
            padding-top: 60px;
            width: 95%;
            max-width: 1400px;
            margin: 0 auto;
            /* 鐜颁唬娴忚鍣ㄧ敤flex */
            display: -webkit-box;      /* old - ios 6-, safari 3.1-6 */
            display: -moz-box;         /* old - firefox 19- */
            display: -ms-flexbox;      /* ie 10 */
            display: -webkit-flex;     /* chrome */
            display: flex;
            -webkit-flex-wrap: wrap;
            flex-wrap: wrap;
            /* ie9-闄嶇骇涓烘诞鍔ㄥ竷灞€锛氭竻闄ゆ诞鍔?瑙﹀彂haslayout */
            *zoom: 1; /* ie6-7瑙﹀彂haslayout */
            *padding-bottom: 4px; /* 琛ュ伩鏈€鍚庝竴琛宮argin-bottom */
            /* 鏇夸唬gap锛歠lex鐢╬adding锛屾诞鍔ㄧ敤margin锛坕e涓嶆敮鎸乬ap锛 */
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;}
        /* 娓呴櫎娴姩锛圛E6-9鍏煎锛 */
        .img-box:after {
            content: "";
            display: block;
            clear: both;
            height: 0;
            overflow: hidden;
            visibility: hidden;}

        /* 閫氱敤妯″潡鏍峰紡 - 鍏煎IE */
       .img-box  .img-ite {
            /* flex甯冨眬鍏煎锛坕e10+锛 */
            -webkit-box-flex: 0;
            -ms-flex: 0 0 49.1%; /* 鏇夸唬calc锛宨e10+鍏煎 */
            flex: 0 0 calc(49.333% - 4px);
            /* ie9-娴姩闄嶇骇锛堟牳蹇冧慨澶嶏細绮惧噯margin锛 */
            *float: left;
            *width: 49.1%; /* 鐣欏嚭闂磋窛锛岄伩鍏嶆崲琛 */
            *margin-bottom: 4px;
            /* 鍙栨秷ie娴姩鐨刴argin-right锛屾敼鐢ㄥ鍣╦ustify-content */
            *margin-right: 0;

            position: relative;
            overflow: hidden;
            margin: 0 0 4px 0; /* 鏇夸唬gap鐨勭旱鍚戦棿璺 */
            /* ie涓嶆敮鎸乼ransition锛屼繚鐣欎絾涓嶅奖鍝 */
            transition: all 0.3s ease;
            border-radius: 8px;
            /* ie鍦嗚鍏煎锛堜粎ie9+锛夛紝ie8鍙婁互涓嬫棤鍦嗚 */
            -ms-border-radius: 8px;}
        /* IE8鍙婁互涓嬪吋瀹癸細鎵嬪姩缁欏墠涓や釜鍔犲彸杈硅窛锛堟浛浠Ⅹnth-child锛 */
        .img-ite.ite1, .img-ite.ite2,
        .img-ite.ite4, .img-ite.ite5 {
            *margin-right: 0.4%;}

      .img-box  .img-ite a {
            display: block;
            position: relative;
            text-align: center;
            font-size: 0; /* 娓呴櫎inline绌虹櫧 */
            height: 130px;}
        /* 鍥剧墖鍏煎锛欼E鍏ㄧ郴鏇夸唬object-fit */
        .img-ite a .img-wrap {
            width: 100%;
            height: 100%;
            overflow: hidden;
            position: relative;}
        .img-ite a img {
            width: 100%;
            min-height: 100%;
            /* ie8鍙婁互涓嬪己鍒舵媺浼革紝閬垮厤鐣欑櫧 */
            *width: 100%;
            *height: 100%;
            *display: block;
            /* 鐜颁唬娴忚鍣ㄤ繚鎸佹瘮渚 */
            object-fit: cover;
            transition: all 0.5s ease;
            /* ie閫忔槑搴﹀吋瀹 */
            filter: alpha(opacity=100);
            opacity: 1;}

        /* 榧犳爣鎮诞鏁堟灉锛圛E:hover鏀寔锛 */
        .img-ite a:hover img {
            transform: scale(1.08);
            -ms-transform: scale(1.08); /* ie9+鍏煎transform */
            opacity: 0.85;
            filter: alpha(opacity=85);}

        /* 鏍囬鏍峰紡 - 鍏煎IE */
       .img-box .img-ite h2 {
            font-family: SourceHanSerifCN-Heavy, "寰蒋闆呴粦", SimHei, sans-serif;
            font-size: 28px;
            color: #fff;
            width: 300px !important;
            position: absolute;
            top: 50%;
            left: 50%;
            /* ie transform鍏煎锛坕e9+锛 */
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            /* ie8鍙婁互涓嬮檷绾э細鎵嬪姩瀹氫綅 */
            *top: 40%;
            *left: 0;
            *width: 100%;
            *text-align: center;
            z-index: 99;
            /* ie涓嶆敮鎸乼ext-shadow锛屽拷鐣ュ嵆鍙 */
            text-shadow: 0 2px 4px rgba(0,0,0,0.2);
            transition: all 0.3s ease;}

       .img-box .img-ite:hover h2 {
            font-size: 35px;
            text-shadow: 0 4px 8px rgba(0,0,0,0.3);}

/* 鍩虹绉戞妧鎰熸笎鍙橈紙淇濈暀浣犵殑涓昏壊璋冿級 */
.ite1 {
    background: linear-gradient(135deg, #004E92 0%, #00B4DB 100%); /* 绱摑娓愬彉 */
    /* 鏂板锛氱粏寰綉鏍肩汗鐞嗗寮虹鎶€璐ㄦ劅锛堢幇浠ｆ祻瑙堝櫒鐢熸晥锛 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #004E92 0%, #00B4DB 100%);
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}

.ite2 {
    background: linear-gradient(135deg, #00c6ff 0%, #0072ff 100%); /* 妫曟娓愬彉 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.1) 1px, transparent 1px),
        linear-gradient(135deg, #00c6ff 0%, #0072ff 100%);
    background-size: 20px 20px, 100% 100%;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);}


/* 鎮诞娓愬彉锛堝悓鑹茬郴鍔犳繁+绾圭悊寮哄寲锛岀鎶€鎰熶氦浜掞級 */
.ite1:hover {
    background: linear-gradient(135deg, #003366 0%, #008CB3 100%); /* 绱摑鍔犳繁 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #003366 0%, #008CB3 100%);
    background-size: 15px 15px, 100% 100%;
    /* 鏂板锛氭偓娴彂鍏夎竟妗?杞诲井缂╂斁锛屽己鍖栫鎶€浜や簰鎰 */
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}

.ite2:hover {
    background: linear-gradient(135deg, #009acd 0%, #0056b3 100%); /* 妫曟鍔犳繁 */
    background-image: 
        radial-gradient(rgba(255,255,255,0.15) 1px, transparent 1px),
        linear-gradient(135deg, #009acd  0%, #0056b3 100%);
    background-size: 15px 15px, 100% 100%;
    border: 1px solid rgba(255,255,255,0.3);
    transform: scale(1.02);}
/* IE鍏煎闄嶇骇锛?60鍏煎妯″紡鑷姩鐢熸晥锛岄伩鍏嶆牱寮忛敊涔憋級 */
@media screen and (min-width:0\0) {
    .ite1, .ite2, .ite3, .ite4, .ite5, .ite6 {
        background-image: none !important;
        background: #dc8be7;}
    .ite1:hover { background: #b86fc8 !important;}
    .ite2:hover { background: #e03403 !important;}
    .ite3:hover { background: #169c85 !important;}
    .ite4:hover { background: #632308 !important;}
    .ite5:hover { background: #707cb8 !important;}
    .ite6:hover {
        background: #c8458d !important; /* 鎮诞鍔犳繁 */
        transform: none !important;
        box-shadow: 0 4px 8px rgba(0,0,0,0.15) !important;}    /* IE鍙栨秷缂╂斁/杈规锛屼粎淇濈暀棰滆壊鍙樺寲 */
    .ite1:hover, .ite2:hover, .ite3:hover, 
    .ite4:hover, .ite5:hover, .ite6:hover {
        border: none !important;
        transform: none !important;}
}


        /* 鍝嶅簲寮忓獟浣撴煡璇 - IE10+鏀寔锛孖E9-蹇界暐 */
        @media (max-width: 1024px) {
            .img-box  .img-ite {
                -ms-flex: 0 0 49.5%; /* 鏇夸唬calc */
                flex: 0 0 calc(50% - 4px);
                *width: 49.5%;}
            /* IE8鍙婁互涓嬶細1024px涓嬩粎绗竴涓姞鍙宠竟璺 */
            .img-ite.ite1, .img-ite.ite3, .img-ite.ite5 {
                *margin-right: 1%;}
            .img-ite.ite2, .img-ite.ite4, .img-ite.ite6 {
                *margin-right: 0;}
            .img-ite h2 {
                font-size: 30px;
                *font-size: 28px;}
            .img-ite:hover h2 {
                font-size: 32px;}
            .img-ite a {
                height: 180px;}
        }

        @media (max-width: 768px) {
            .img-box {
                padding-top: 20px;
                *padding-bottom: 6px;}
           .img-box  .img-ite {
                -ms-flex: 0 0 100%;
                flex: 0 0 100%;
                *width: 100%;
                *margin-right: 0 !important;}
           .img-box  .img-ite h2 {
                font-size: 23px;
                *font-size: 20px;}
           .img-box  .img-ite:hover h2 {
                font-size: 30px;}
           .img-box  .img-ite a {
                height: 70px;}
        }
        
/* 蹇€熼摼鎺ユ暣浣撴牱寮 */
.quick-links {
  background-color: #f5f7fa;
  padding: 20px 0;
  /* border-bottom: 1px solid #e0e6ed; */
  margin: 0 auto;
  width: 100%;
  float: left;}

/* 瀹瑰櫒锛氭爣棰樺拰鍒楄〃鍚岃 */
.quick-links-container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 20px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
 /* justify-content: center; */
  gap: 0 20px;}

/* 蹇€熼摼鎺ユ爣棰橈細榛樿榛戣壊 */
.quick-title {
  font-size: 20px;
  color: #0055a5; 
  margin: 0;
  font-weight: 600;
  font-family: "Microsoft Yahei", sans-serif;
  white-space: nowrap;}

/* 蹇€熼摼鎺ュ垪琛 */
.quick-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0 25px;}

.quick-list li {
  flex: 0 0 auto;}

/* 閾炬帴鏍峰紡锛氶粯璁ら粦鑹 #000000 */

.quick-list li a {
  font-size: 18px;
  font-weight: 600;
  color: #000000; /* 茅鈥溌久ε韭ッ┞凰溍っ┞烩€樏ㄢ€奥 */
  text-decoration: none;
  transition: all 0.3s ease;
  font-family: "Microsoft Yahei", sans-serif;}

/* 閾炬帴鎮诞锛氭敼涓 #0055a5 */
.quick-list li a:hover {
  color: #0055a5; /* 鎮诞鍚庢寚瀹氳摑鑹 */
  text-decoration: underline;}

/* 鍝嶅簲寮忛€傞厤鎵嬫満绔 */
@media (max-width: 768px) {
  .quick-links {
    padding: 15px 0;}
  .quick-title {
    font-size: 16px;
    margin-bottom: 10px;
    width: 100%;
    text-align: center;}
  .quick-list {
    gap: 0 15px;
    justify-content: center;}
  .quick-list li a {
    font-size: 14px;}
}

/* 灏忓睆鎵嬫満閫傞厤 */
@media (max-width: 480px) {
  .quick-list {
    gap: 0 10px;}
}