@font-face{ font-family:D-DIN; src:url(../fonts/D-DIN.otf);}
@font-face{ font-family:D-DINCondensed; src:url(../fonts/D-DINCondensed.otf);}   

 
 /* ========== �����·�����Logo����+��ͣ��ͣ ========== */
 .case-logo-wrap:hover .case-logo-track {animation-play-state: paused; }
	  .case-logo-track {
        animation: scrollCaseLogo 22s linear infinite;
      }@keyframes scrollCaseLogo {
        0% { transform: translateX(0); }
        100% { transform: translateX(-50%); }
      }/* ========== ������ҵ��λLogo ����+������ͣ��ͣ ========== */
	  .logo-row-wrap:hover .logo-row1 { animation-play-state: paused; }
	  .logo-row-wrap:hover .logo-row2 { animation-play-state: paused; }
	  .logo-row-wrap:hover .logo-row3 { animation-play-state: paused; }
	  .logo-row-wrap:hover .logo-row4 { animation-play-state: paused; }
	  .logo-row1 { animation: scrollL1 18s linear infinite; }
	  .logo-row2 { animation: scrollL2 22s linear infinite reverse; }
	  .logo-row3 { animation: scrollL3 26s linear infinite; }
	  .logo-row4 { animation: scrollL4 20s linear infinite reverse; }
	  
	  @keyframes scrollL1 { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
	  @keyframes scrollL2 { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
	  @keyframes scrollL3 { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
	  @keyframes scrollL4 { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }

	  /* ========== �û����ۡ������޷��޿հס������١����� + ��ͣ��ͣ ========== */.
	  comment-wrap:hover .comment-up { animation-play-state: paused; }
	  .comment-wrap:hover .comment-down { animation-play-state: paused; }
	  
	  /* ���Ϲ������������ݸ�������ʵ�־����޷죬λ��-50%�����ν� */.comment-up {
        animation: scrollUp 12s linear infinite;
      }@keyframes scrollUp {
        0% { transform: translateY(0); }
        100% { transform: translateY(-50%); }
      }
	  /* ���¹�����������ʼƫ��-50%������λ����0���޷��ν� */
	  .comment-down {  animation: scrollDown 16s linear infinite; transform: translateY(-50%);}
	  @keyframes scrollDown {
        0% { transform: translateY(-50%); }
        100% { transform: translateY(0); }
      }/* ========== �ײ�ͼƬ����+��ͣ��ͣ ========== */.img-scroll-wrap:hover .img-track {
        animation-play-state: paused;
      }.img-track { animation: scrollImg 20s linear infinite; }
	  @keyframes scrollImg { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
	  /* ����ͨ�ö��� */.slide-enter { animation: fadeSlide 0.4s ease forwards; }
	  @keyframes fadeSlide { from { opacity: 0; transform: translateX(15px); } to { opacity: 1; transform: translateX(0); } }
	  .banner-drag { -webkit-user-select: none; user-select: none; }
	  /* ��Ƶ�������� */.video-mask { background: rgba(0,0,0,0.75); }
	

   .brand-item {transition: all 0.25s ease;  }
  .brand-item:hover { box-shadow: 0 3px 12px rgba(0,0,0,0.08); transform: translateY(-2px);  }
      .content-auto { content-visibility: auto; }
      .page-item-active {@apply bg-primary text-white;      }
	    .notice-item {@apply flex items-center gap-4 md:gap-6 py-3 px-4 bg-gray-50 rounded-lg hover:shadow-md transition-shadow;}
      .notice-date-box {@apply flex flex-col items-center justify-center min-w-[52px] text-center;}
	   .back-btn {@apply fixed right-4 md:right-8 top-[220px] w-10 h-10 rounded-full bg-gray-100 hover:bg-gray-200 flex items-center justify-center text-sm shadow transition-colors z-10;}
	   .num-animate {counter-reset: num 0;}
	    .num-count {display: inline-block;}
	   .modal-enter {animation: modalFadeIn 0.25s ease forwards;}
      @keyframes modalFadeIn {
        from { opacity: 0; transform: scale(0.95); }
        to { opacity: 1; transform: scale(1); }
      }
	   .vip-track {transition: transform 0.4s ease;}
 

/*��ҳ*/
.logo_left{width:130px}
.logo_left img{width:100%;}
.inbanner1{background-position: center;background-repeat: no-repeat;}
.inbanner1 img{max-width:200px;}
.banner-drag img {pointer-events: none; /* ��ֹ����ָ���¼���������ק */}
.inbanner1 h3{background-image: linear-gradient(to right, #B83333, #12154A);-webkit-background-clip: text;color: transparent;}
.banner-slide h3{font-size:4.8rem;font-weight:900;text-align:center;padding:0 15px;}
.banner-dot{display:block;background-image: url(../images/banner_dot.svg);opacity:.3;background-position: center;background-repeat: no-repeat;}
.active.banner_dot{opacity:1;}

.inbanner2{background-position: center;background-repeat: no-repeat;}
.inbanner2 img{max-width:80%;margin:0 auto;}
.bg-primary:hover{background:#B83333;}
.display-1{display:flex}
.display-0{display:none}
.inzx_text{background:#fff;padding:1rem 2rem;}
.inzx_text .news-text-list{height:100%;display: flex;flex-direction: column;justify-content: space-between;}
.inzx_pic button{display:none;}
.inzx_text .news-text-list .news-text-item{border-bottom:1px solid rgb(18 21 74 / 10%);height: 25%;}
.inzx_text .news-text-list .news-text-item a{display:flex;height:100%;align-items: center;}
.inzx_text .news-text-list .news-text-item:hover,.inzx_text .news-text-list .news-text-item.text-item-active{color:#12154A;border-bottom:1px solid rgb(18 21 74 / 100%);}
.inzx_text .news-text-list .news-text-item:hover a,.inzx_text .news-text-list .news-text-item.text-item-active a{font-weight:600;}
.h_toptit{font-size:3rem;color:#020011;}
.dotted{bottom:10px;}
.dotted span{width:5px;height:5px;}
.dotted .bg-red-600{width:30px;} 
.inzx_pic .news-slide{overflow:hidden;    position: relative;    padding-bottom: 56%;}
.inzx_pic .news-slide img{    position: absolute;}

@media (max-width: 1028px){
   .inzx_pic .news-slide{ padding-bottom: 62%;}
   }
   @media (max-width:900px){
   .inzx_pic .news-slide{ padding-bottom: 50%;}
   }
   @media (min-width:320px){
/*.news-text-item{padding:.8rem 0 ;}*/
}
@media (min-width: 900px){
/*.news-text-item{padding:1.25rem 0 1.25rem ;}*/
}
@media (min-width: 1280px){
/*.news-text-item{padding:1.8rem 0 2rem;}*/
}

@media (min-width: 1536px){
/*.news-text-item{padding:2.5rem 0;}*/
}
@media (max-width: 540px){
.inzx_picbox.grid{display:block}
}
.infenghui_box .text-sum{display:none;}
.infenghui_box .active .text-sum{display:block;}
.infenghui_box .active h3{color:#12154A;font-weight:bold;}
.infenghui_box .text-sum p{color:rgb(18 21 74 / 70%)}
.infenghui_box .peak-item{border-bottom:1px solid rgb(18 21 74 / 10%);}
.infenghui_box .peak-item .fa{color: rgb(18 21 74 / 30%);}
.infenghui_box .active .fa{color: rgb(18 21 74 / 100%);transform: rotate(180deg);}

.case-tabs{background:#fff;}
.tab-nav-wrap {margin: 0 auto 32px;display: flex;flex-wrap: wrap;justify-content: center;background: #fff;padding:5px;}    
.tab-item {display: flex;align-items: center;gap: 6px;padding: 10px;cursor: pointer;white-space: nowrap;justify-content: center;transition: all 0.24s ease;width:9.5rem;}   
 .tab-item.active .ico2{display:block;}
.tab-item .ico2{display:none}
.tab-item i{width:22px;}
.tab-item i img{width:100%;}
.tab-item.active .ico1{display:none}
.tab-item.active {background: #0f1742;color: #fff;}     
.tab-item svg {width: 18px;height: 18px;}
.tab-content-wrap {margin: 0 auto;}     
.tab-panel {display: none;}    
.tab-panel.active {display: block;animation: fadeIn 0.3s ease;}     
@keyframes fadeIn {
from { opacity: 0; transform: translateY(8px); }      
to { opacity: 1; transform: translateY(0); }}
.case-card {overflow: hidden;position: relative;cursor: pointer;background: #000;width: 100%;aspect-ratio: 16 / 7;}    
.case-card img {width: 100%;height: 100%;object-fit: cover;transition: transform 0.3s ease;display: block;}     
.case-card:hover img {transform: scale(1.04);} 

 /* �̳�ԭ����ʽ + ����������ǿ */
  
    .tab-content-wrap {position: relative;overflow: hidden;touch-action: pan-y;}
    /* ������� �� ˮƽ���� */
    .tab-slider-track {display: flex;transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);will-change: transform;touch-action: pan-y;cursor: grab;}
    .tab-slider-track:active {cursor: grabbing;}
   .wenhua_box .tab-panel {flex: 0 0 100%;display: block;}    
	.case-card:active {cursor: grabbing;}  
       /* ָʾ�� (dots) */
    .slider-dots {display: none;justify-content: center;gap: 12px;margin-top: 24px;}    
	.slider-dots span {width: 10px;height: 10px;border-radius: 20px;background: #cbd5e1;transition: all 0.25s ease;cursor: pointer;}     
	.slider-dots span.active-dot {background: #0f1742;width: 28px;     }
  
    /* ԭ��fadeIn�����Ƴ������û��� */
    @keyframes fadeIn { from { opacity: 0.6; } to { opacity: 1; } }
	.modal-box #modalIframe{height:65vh;}

/* ����ͼ������ */     
.play-mask {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.2);}     
.play-circle {width: 64px;height: 64px;border-radius: 50%;border:4px solid  rgba(255,255,255,0.85);display: flex;align-items: center;justify-content: center;}     
.play-circle svg {width: 24px;height: 24px;fill: #fff;margin-left: 4px;}   
.video-modal {position: fixed;inset: 0;background: rgba(0,0,0,0.88);z-index: 999;display: none;align-items: center;justify-content: center;padding: 30px;}    
.video-modal.show {display: flex;}     
.modal-box {width: 100%;max-width: 1200px;position: relative;}    
.modal-box video {width: 100%;border-radius: 10px;display: block;}     
.close-btn {position: absolute;top: -36px;right: 0;color: #fff;font-size: 28px;cursor: pointer;width: 32px;height: 32px;text-align: center;line-height: 32px;}

.one{width:100%;overflow:hidden;position:relative; }
.one ul{width:100000px;position:absolute;left:0;}/*ul width�Ŀ����ܹ�С*/
.one ul li{display:block;float:left;margin:0px 15PX;position:relative;}
.one ul li a{display:block;padding:8px;height:100%;} 
.one ul li img{display:block;}
.logo-scroll-wrap .one ul li{width:150px;border:1px solid #F0F0F0;border-radius:5px;height:66px;padding:2px;}
.logo-scroll-wrap .one ul li a{display: flex;justify-content: center;align-content: center;}
.logo-scroll-wrap .one{height:66px;}
.logo-scroll-wrap .one img{max-height:100%; object-fit: contain;}

.banner-wrapper img {pointer-events: none;}
 .banner-wrapper {width:100%;overflow: hidden;position: relative;}
.banner-container { position: relative;width: 100%;aspect-ratio: 16 / 7;min-height: 280px;height:100%;background: #10131f;overflow: hidden;user-select: none;}

/* ---------- �õ�Ƭͨ�� ---------- */
.slide {position: absolute;inset: 0;width: 100%;height: 100%;opacity: 0;visibility: hidden;transition: opacity 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 0.2s ease;transform: scale(0.98);will-change: transform, opacity;pointer-events: none;  /* �Ǽ���赲��� */display: flex;align-items: center;justify-content: center;overflow: hidden;         }
.slide.active {opacity: 1;visibility: visible;transform: scale(1);pointer-events: auto;z-index: 10;}

/* ---------- ͼƬ�� (����) ---------- */
.slide-bg {position: absolute;inset: 0;width: 100%;height: 100%;background-size: cover;background-position: center;background-repeat: no-repeat;transform: scale(1.05);transition: transform 6s ease;}

.slide.active .slide-bg {transform: scale(1);}

/* ---------- ͼ�ķֲ� (ǰ������) ---------- */
.slide-content {position: relative;z-index: 20;width: 100%;height: 100%;padding: 3rem 5rem;display: flex;flex-direction: column;justify-content: center;align-items: center;color: white;transition: all 0.3s;}
.slide-content h2 {font-size: clamp(1.8rem, 5vw, 4rem);font-weight: 700;letter-spacing: 1px;margin-bottom: 0.4rem;opacity: 0;transform: translateY(30px);transition: opacity 0.8s ease 0.2s, transform 0.8s ease 0.2s;line-height: 1.2;}
.slide-content p {font-size: clamp(1rem, 1.8vw, 1.5rem);font-weight: 400;opacity: 0;transform: translateY(25px);transition: opacity 0.8s ease 0.3s, transform 0.8s ease 0.3s;max-width: 55%;margin-bottom: 1.2rem;text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);line-height: 1.5;backdrop-filter: blur(1px);background: rgba(0, 0, 0, 0.2);padding: 0.2rem 0.8rem;border-radius: 40px;display: inline-block;}


/* ����ʱ�ı����� */
.slide.active .slide-content h2,.slide.active .slide-content p {opacity: 1;transform: translateY(0);} 

/* ---------- ��ͷ���� ---------- */
.arrow-btn {position: absolute;top: 50%;transform: translateY(-50%);z-index: 45;background: rgba(10, 14, 26, 0.55);backdrop-filter: blur(8px);border: 1px solid rgba(255, 255, 255, 0.2);color: white;width:48px;height:48px;border-radius: 60px;display: flex;align-items: center;justify-content: center;font-size: 1.6rem;cursor: pointer;transition: all 0.2s ease;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.4);opacity: 0.75;}
.arrow-btn:hover {background: rgba(255, 255, 255, 0.2);border-color: rgba(255, 255, 255, 0.6);opacity: 1;transform: translateY(-50%) scale(1.06);}
.arrow-btn.left {left: 20px;}
.arrow-btn.right {right: 20px;}

/* ������ */
@media (max-width: 768px) {
	.slide-content {padding: 2rem 1.2rem;}
	.slide-content h2 {font-size: 2rem;}
	.slide-content p {max-width: 75%;font-size: 1rem;background: rgba(0, 0, 0, 0.3);}
	.arrow-btn {width:36px;height:36px;font-size: 1.2rem;}
	.arrow-btn.left { left: 10px; }
	.arrow-btn.right { right: 10px; }
}

/* ָʾ��С�� (��ѡ) */
.banner-wrapper .dots {position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%);z-index: 40;display: flex;gap: 12px;padding: 8px 18px;}
.banner-wrapper .dot {width: 15px;height: 15px; opacity: .3; cursor: pointer;transition: all 0.25s ease;background-image: url(../images/banner_dot.svg);  background-position: center;background-repeat: no-repeat;}
.banner-wrapper .dot.active {opacity:1;  }
.banner-wrapper .dot:hover {opacity:1;}


.inpp_box{background-image: url(../images/inabout_bg.jpg); background-position: center;background-repeat: no-repeat;background-size:cover;}
.inpp_box .text-primary{font-family:D-DIN;}

.inhezuo_box{background-image: url(../images/inhz_b.jpg); background-position: center;background-repeat: no-repeat;background-size:cover;}
.inhezuo_box .hz_top{background:#fff;}
.inhezuo_box .hz_bottom{background:#fff;}
.share_item{background:#EDEEF6;padding:1.6rem 1.5rem;}
.share_item span{color:#999;font-size:14px;}
.pjzw {line-height: 1.35rem;}
.pjzw h3{opacity: 0.8;}
.share_tit.text-xxs{font-size:15px}
.inhezuo_box .comment-wrap{padding:.5rem 1.3rem;position:relative;}
.inhezuo_box .comment-wrap::before{position:absolute;z-index:9;content:'';display:block;top:0;width:100%;height:80px; background-image: linear-gradient(to bottom, #ffffff, rgb(255 255 255 / 0%));}
.inhezuo_box .comment-wrap::after{position:absolute;content:'';display:block;bottom:0;width:100%;height:80px; background-image: linear-gradient(to top, #ffffff, rgb(255 255 255 / 0%));}

.logo-row span{display:flex;justify-content: center;align-content: center;width:150px;border:1px solid #F0F0F0;border-radius:8px;height:66px;padding:12px}
.logo-row-wrap{ padding: 0.5rem 1.3rem 1.75rem;}
.logo-row span img{object-fit: contain;}
.two{width:100%;overflow:hidden;position:relative; }
.two ul{width:100000px;position:absolute;left:0;}/*ul width�Ŀ����ܹ�С*/
.two ul li{display:block;float:left;margin:0px 15PX;position:relative;}
.two ul li a{display:block;} 
.two ul li img{display:block;}
.two ul li a H3{transition:all 0.7s;}
.bot-scroll-wrap {background:#fff;}
.bot-scroll-wrap .two{height:310px;}
.bot-scroll-wrap .two ul li{BACKGROUND:#FFF;box-shadow:0px 0px 24px 1px rgb(0 0 0 / 8%);border-radius:1rem;}
.bot-scroll-wrap .two ul li img{height:240px;}

.foot_nav{}
.foot_sub_menu{font-size:14px;opacity: .7;font-weight: lighter;}
.foot_sub_menu:hover{opacity: 1;font-weight: 300}
.foot_cont .foot_text{opacity:0.8;font-size:14px;font-weight:300;}
.footer .share{display:flex;gap:1rem;margin-top:1rem;}
.footer .share a{display: block;width:2.5rem;height:2.5rem;position: relative;}
.footer .share a i{display:flex;align-items: center;justify-content: center;background:rgb(216 216 216 / 10%); border-radius:30px;width:2.5rem;height:2.5rem;}
.footer .share i img{width:1rem;height:1rem;}
.footer .share .ewm{position: absolute;width: 110px;height: 123px; padding: 3px 3px 16px;bottom: 100%;left: 50%; transform: translateX(-50%); display: none;}
.footer .share .ewm img{position: relative;z-index:1;}
.footer .share a:hover .ewm{display:block;}
.footer .share a:hover svg path{fill:#e6000e;}
.footer .share .ewm:before{content: '';width: 100%;height: calc(100% - 13px);background: #fff;position: absolute;top: 0;left: 0;z-index: 1;box-shadow: 0 0 0.13rem 0 rgba(0, 0, 0, 0.15);border-radius: 5px;}
.footer .share .ewm:after{content: '';border-top: 7px solid #fff;border-left: 6px solid transparent;border-right: 6px solid transparent;position: absolute;bottom: 6px;left: 50%;transform: translateX(-50%);z-index: 2;}
.foot_logo{margin-bottom:3rem;}
.foot_cen span{padding-right:40px;font-size:14px;opacity: .7;}
.foot_botm{margin-top:2rem;font-size:14px;border-top:1px solid rgb(255 255 255 / 10%);color:rgb(255 255 255 / 40%);}
.hover:underline:hover { text-decoration: underline;}

/*��ҳ*/
.imgbox{padding-top: 100%;overflow:hidden;position:relative;}
.imgbox img{position:absolute;top:0;height:100%;width:100%;-webkit-transition: .8s ease;     transition: .8s ease;     -webkit-transform: scale(1);     -ms-transform: scale(1);     transform: scale(1);}
.n_banner {height: 35vw;background-repeat: no-repeat;background-position: top center;background-size: cover;background-attachment: fixed;position: relative;display: flex;align-items: center;justify-content: center; }
.nbanner_text{padding-top:2rem ;width:100%;height:100%;}
.ncase_banner.n_banner {height: 45rem; }
.sub_name{  flex-direction: column;height: 100%;display: flex;justify-content: center;align-items: center;font-size:4.25rem;}
.news_top{background:#F8F8FD;}
.news_item p{color:rgb(18 21 74 / 70%);margin-top:1rem;}
.news_item .imgbox{padding-top: 50.075%;}
.news_item:hover .imgbox img,.news_top:hover .imgbox img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); }
.news_top .imgbox{padding-top:50%;}
.news_top_text{}
.notice-item {border-radius: 0.5rem;box-shadow:1px 0px 10px 1px rgb(36 36 36 / 11%);padding: 1rem 1.5rem; margin:1.5rem 0;transition-property: box-shadow;transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);transition-duration: 150ms; }
.notice-item a{ display: flex;align-items: center;gap: 1rem;color:#12154A;}
.notice-date-box {display: flex;min-width: 52px;flex-direction: column;align-items: center;justify-content: center;text-align: center; }
.notice-title{padding-left:1.8rem;position:relative;}
.notice-title::after{content:'';width:1px;background:rgb(18 21 74 / 10%);height:100%;position:absolute;left:0;top:0;}

.back-btn {position: sticky;right: 1rem;top: 220px;z-index: 10;display: flex;height:5rem;width:5rem;align-items: center;justify-content: center;border-radius: 9999px;--tw-bg-opacity: 1;background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));font-size: 1.25rem;} 	
.text-lg {font-size: 1.125rem;line-height: 1.75rem; }
.pingjia_box{}
.pingjia_con{background:#fff;padding:3.25rem 2.25rem;margin-top:-6rem;box-shadow:0px 0px 24px 1px rgb(0 0 0 / 8%);}
.pingjia_con .button{z-index:10;}
.pingjia_con .eval-slide span{font-family:Microsoft YaHei;font-size:120px; height:3rem;display: inline-block; line-height:8rem;text-indent: -4rem;}
.pingjia_con .eval-track{width:90%;margin:0 auto;}
.pingjia_con .eval-slide{}
.pingjia_con .eval-text{width:80%;position:relative;}
.pingjia_con .eval-text:after{display:table;content:'';clear:both;height:0;}
.eval_con{width:80%;margin: 0 auto;margin-top:-20px;}
.pingjia_con .eval-text .sym1{}
.pingjia_con .eval-text .sym2{ display: block; text-align: right;}
.pingjia_con .eval-text p{font-size:1.75rem;}
.case_class{border-bottom:1px solid rgb(18 21 74 / 10%);}
.case_class .on{color:#12154A;font-weight:bold;border-bottom:2px solid rgb(18 21 74 / 100%)}
.case_class a{margin:0 1.75rem;}
.ncaseli_box{}
.ncaseli_box .imgbox{padding-top:56%;}
.pingjia_con button{z-index:10}
.ncaseli_box .licase_txt span{border:1px solid #E4E4E4;border-radius:5px;padding:4px 8px;}
.licase_txt{padding:1.5rem;}
.case_item a{box-shadow:0px 0px 24px 1px rgb(0 0 0 / 8%);}
.case_item a:hover .imgbox img,.case_item a:hover .imgbox img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); }
.pr-8 {padding-right: 2rem;}
.pl-8 {padding-left: 2rem;}
.back-btn:hover{color:#fff;background:#12154A}
.news_view{display: flex;position:relative;}
.news_view_con{max-width:1085px;margin:0 auto}
.show_tit{font-size: 2.25rem;}
@media (min-width: 768px)
{
.notice-item a{gap: 1.8rem;}
.contat_box{padding-top:4rem;}
.md\:text-xl {font-size:2.25rem;line-height: 3rem;}
.md\:text-4xl {font-size: 2.875rem;line-height: 2.5rem;}
.md\:gap-4 {gap: 1rem;}

}
@media (min-width: 1024px)
{
.lg\:grid-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.lg\:col-span-3 {grid-column: span 3 / span 3;}
.lg\:col-span-1 {grid-column: span 1 / span 1;}
.lg\:grid-cols-8 {grid-template-columns: repeat(8, minmax(0, 1fr));}
.lg\:grid-cols-6 {grid-template-columns: repeat(6, minmax(0, 1fr));}
}
.num-animate{font-family:D-DIN;}
.case_viewbox,.news_show_box{background-image: url(../images/news_viewbg.jpg); background-position: top center;background-repeat: no-repeat;}
.case_view_right{}
.case_view_right .sticky{background:#F7F8FF;box-shadow:0px 0px 24px 1px rgb(0 0 0 / 8%)}
.tip{border-radius:5px;}
.case_viewbox video {width: 100%;}
.case_num .text-primary{font-family:D-DIN;}
.job-card{box-shadow:0px 0px 24px 1px rgb(0 0 0 / 8%);padding:1.8rem;}
.job_box{padding-bottom:2rem;}
.brand-item{HEIGHT:60PX;border-radius:8PX;padding:12px;}
.brand-item IMG{object-fit: cover;max-height: 100%;}
.szhnl_box .imgbox{padding-top:44%;}
.szhnl_box .sznl_item:hover .imgbox img{-webkit-transform: scale(1.2);-ms-transform: scale(1.2);transform: scale(1.2); }
.sznl_item{background:#F8F8FA;}
.job_scroll{max-height: 400px;overflow-y: auto;}
.job_scroll::-webkit-scrollbar {width:2px;height:2px;}
.youshi_item .rounded-full{width:6.25rem;height:6.25rem;background:#F6F7FF}
#jobModal.max-w-lg{    width: 90%;    max-width: 1280px;}
.table_b{box-shadow:0px 0px 24px 1px rgb(0 0 0 / 8%)}
.fc-code{right:0;top:0;}
.vip_box .vip_top{padding:2rem 0 6rem;}
.vip_item{background:#fff;box-shadow:0px 0px 24px 1px rgb(0 0 0 / 8%);padding-bottom:3rem;}
.vip1 .vip_top{background-image: url(../images/VIP1.png); background-position: top center;background-repeat: no-repeat;background-size: 100%;}
.vip2 .vip_top{background-image: url(../images/VIP2.png); background-position: top center;background-repeat: no-repeat;background-size: 100%;}
.vip3 .vip_top{background-image: url(../images/VIP3.png); background-position: top center;background-repeat: no-repeat;background-size: 100%;}
.vip_item ul{width:86%;margin:0 auto;}
.vip_item ul span{background:#12154A;color:#fff;width:20px;height:20px;display: flex;justify-content: center;align-items: center;font-size:12px;}
.vip_item ul li{margin-bottom:10px;}
.vip_item ul p{width:calc(100% - 20px - 10px);}
.vip_box .item_box{padding-bottom:20px;}

.contat_box{padding-top:0rem;}
.cont_item{box-shadow:0px 0px 24px 1px rgb(0 0 0 / 8%);padding:3rem 0;}
.cont_item div{background:#EDEEF6;}
.map_a1 {width: 100%;height: 600px;font-size: 14px;margin: 40px 0;}
.go_box{width:100%;z-index:12;bottom:60px;}
.go_con{background:#fff;width:890px;max-width:90%;padding:20px;}
.go_con .ico_add{background:#EDEEF6;margin-right:10px;}
.foot_form{padding:7rem 0;margin-bottom: -15px;    position: relative;background-image: url(../images/hdbm_bg.jpg); background-position:center;background-repeat: no-repeat;background-size: cover;}
.bg-white\/10 { background-color: rgb(255 255 255 / 0.1);}
.border-white\/20 { border-color: rgb(255 255 255 / 0);}
.foot_form .form_box{width:55%;}
.foot_form .filter-text{ background-color: rgb(255 255 255 / 0.1); border-color: rgb(255 255 255 / 0);}
.foot_form .filter-list li a{color:#12154A}


::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#fff;}
::-webkit-scrollbar-thumb:vertical{background-color:#555;border-radius:30px}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#3B3B3B;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#0054A7;}
/*��ҳ*/
.page {margin: 20px auto 30px; }
.page .box {display: inherit;width: 100%;text-align: center; }
.page a {height: 40px;line-height: 40px;display: inline-block;margin: 0 5px;padding: 0 8px;color: #646466;font-size: 18px;box-sizing: border-box;-moz-transition: all .3s ease-in-out;-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;-ms-transition: all .3s ease-in-out;     transition: all .3s ease-in-out; }
.page a font {font-size: 15px;font-family: SimSun;color: #000;  display: block;border-radius: 50%;width: 32px;height: 32px; }
.page .on {  border-radius:5px;  background:#12154A;  color: #fff;padding: 0 15px; }
.page a:hover {color: #00417f }


.arr a{}
.arr a span{display:none;}
/*�ƶ��˷�ҳ*/
    .ph_pages{display:none;margin-top:20px;}
    .am-pagination{padding-left:0;margin:0 ;list-style:none;color:#999;text-align:left}
    .am-pagination:after,.am-pagination:before{content:" ";display:table}
    .am-pagination:after{clear:both}
    .am-pagination>li{display:inline-block}
    .am-pagination>li>a,.am-pagination>li>span{position:relative;display:block;padding:.5em 1em;text-decoration:none;line-height:1.2;background-color:#fff;border:1px solid #ddd;border-radius:0;margin-bottom:5px;margin-right:5px}
    .am-pagination>li:last-child>a,.am-pagination>li:last-child>span{margin-right:0}
    .am-pagination>li>a:focus,.am-pagination>li>a:hover,.am-pagination>li>span:focus,.am-pagination>li>span:hover{background-color:#eee}
    .am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover{z-index:2;color:#fff;background-color:#0e90d2;border-color:#0e90d2;cursor:default}
    .am-pagination>.am-disabled>a,.am-pagination>.am-disabled>a:focus,.am-pagination>.am-disabled>a:hover,.am-pagination>.am-disabled>span,.am-pagination>.am-disabled>span:focus,.am-pagination>.am-disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed;pointer-events:none}
    .am-pagination .am-pagination-prev{float:left}
    .am-pagination .am-pagination-prev a{border-radius:0}
    .am-pagination .am-pagination-next{float:right}
    .am-pagination .am-pagination-next a{border-radius:0}
    .am-pagination-centered{text-align:center}
    .am-pagination-right{text-align:right}
    .am-pagination{position:relative}
    .am-pagination-default{margin-left:10px;margin-right:10px;font-size:1.6rem}
    .am-pagination-default .am-pagination-next,.am-pagination-default .am-pagination-prev{float:none}
    .am-pagination-select{margin-left:10px;margin-right:10px;font-size:14px;}
    .am-pagination-select>li>a{line-height:36px;background-color:#eee;padding:0 15px;border:0;color:#555}
    .am-pagination-select .am-pagination-select{position:absolute;top:0;left:50%;margin-left:-35px;width:70px;height:36px;text-align:center;border-radius:0}
    .am-pagination-select .am-pagination-select select{display:block;border:0;line-height:36px;width:70px;height:36px;border-radius:0;color:#555;background-color:#eee;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:18px}

/*����*/
.jianjie_box{background-image: url(../images/jianjie_bg.jpg); background-position:center;background-repeat: no-repeat;background-size: cover;}
.wenhua_box .play-mask{align-items: flex-start;justify-content: flex-start;padding:5rem;}
.wenhua_box .tab-nav-wrap{ justify-content: space-between;}
.wenhua_box .tab-nav-wrap .tab-item{margin-top:10px;background:#F7F7F9;width:18%;padding:30px 2%;}
.wenhua_box .tab-nav-wrap .tab-item.active{background:#12154A;}
.wenhua_box .tab-nav-wrap .tab-item i{width:3.25rem;height:3.25rem;}
.about03{position: relative; overflow: hidden;}
.about03 .about03_swiper{margin-top:0.6rem;}
.about03 .about03_swiper .swiper-pagination{display:none;}
.about03 .item_slide{padding:1.6rem 2rem;height:300px;border:1px solid rgb(0 0 0 / 10%);margin-top: 4rem;}
.about03 .item_slide .titbox{margin-bottom:0.2rem;}
.about03 .item_slide .sum_text{margin-top:5px;}
.about03 .item_slide .tit{font-family:D-DIN;}
.about03 .item_slide .imgbox{padding-bottom:2.5rem;position: relative;overflow: hidden;border-radius:0.1rem;}
.about03 .item_slide .imgbox img{position: absolute;width:100%;height:100%;object-fit:cover;top:0;left:0;}
.about03 .in_swiperdot{display:none;}
.about03 .swiper_btn{margin-top:2.5rem;}
.about03:after{content:'';position:absolute;top: 12.4rem;width:100%;height:1px;background-color: rgb(18 21 74 / 10%);}
.about03 .about03_swiper i:before {content: '';width:0.8rem;height:0.8rem;background-color: rgb(18 21 74 / 100%);border-radius: 50%; }
.about03 .about03_swiper .dot{position: absolute;top: 0;left: 0;width: 1.8rem;height: 1.8rem;background-color: rgb(18 21 74 / 10%);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
 .swiper_btn{display:flex;justify-content: flex-end;}
.swiper_btn .swiper-button-prev,.swiper_btn .swiper-button-next{width:2.42rem;height:2.42rem; color:rgba(118, 118, 118, 0.6); position: initial;}
.swiper_btn .swiper-button-prev:after,.swiper_btn .swiper-button-next:after{font-size:24px;font-weight:900;}
.swiper_btn .swiper-button-next{margin-left:2.15rem;}
.swiper_btn .swiper-button-prev:hover,.swiper_btn .swiper-button-next:hover{color:#A40000; }

.swiper_btn .swiper-button-prev, .swiper_btn .swiper-button-next{margin-top:0; color:#12154A;}
.swiper-button-next:after, .swiper-button-prev:after{font-weight:bold;}
.service_list{display:flex;gap:0.8rem;width:100%;}
.about_5  .item{position: relative;overflow: hidden;-webkit-transition: all 0.3s; transition: all 0.3s;border-radius:1.2rem;}
.service_list .item{width:calc((100% / 7) * 1.2); }
.about_5 .itembg{width: 100%;padding-bottom:32rem;position: relative;background-repeat: no-repeat;background-position: center; background-size:cover;}
.about_5 .itembg img{opacity:0;display:none;}
.about_5 .itemtext{position: absolute;width:100%;height:100%;padding:1.5rem;top:0;left:0;display:flex;flex-direction: column;justify-content: flex-end;align-items: center;color:#ffffff;-webkit-transition: all 0.3s; transition: all 0.3s;
  background:linear-gradient(to top, rgb(0 0 0 / 40%), rgb(0 0 0 / 0%));}

.about_5 .swiper-slide{position: relative;overflow: hidden;-webkit-transition: all 0.3s; transition: all 0.3s;border-radius:1.2rem;}
.service_list .item .itemtext .icon{width:0.6rem;margin-top:0.6rem;}
.service_list .item .itemtext .textbox{text-align: center;}
.service_list .item .itemtext .textbox .tit{}
.service_list .item .itemtext .textbox .info{margin-top:.5rem;display:none;}
.service_list .item.active{width:calc((100% / 7) * 4.7);}
.service_list .item.active .itemtext{align-items: flex-start;}
.service_list .item.active .itemtext .textbox{text-align: left;}
.service_list .item.active .itemtext .textbox .info{display: block;}
.about_5 .service_list{}
.phone{display:none;}
.about04{background:#F5F5F5;}
.hy_num{background:#fff;padding:34px 0;}
.hy_num .mun_item{}
.hy_num .mun_item:last-child::after{display:none;}
.hy_num .mun_item:after{content:'';width:1px;height:100%;background:#E8E8ED;position:absolute;top:0;right:0;}

.about04_swiper{overflow: hidden;}
.about04_swiper .swiper_btn{display:none;}
.about04_swiper .item_slide{overflow: hidden;}
.about04_swiper .item_slide .itembg{background-size:100%;}
.about04_swiper .titbox {width:100%;height:100%;bottom:0;color:#fff;background:linear-gradient(to top, rgb(18 21 74 / 44%), rgb(0 0 0 / 0%));display: flex;align-items: flex-end;justify-content: center;border-radius: 1rem;}
.about04_swiper .titbox .subtit{padding-bottom:20px;}
.three{width:100%;overflow:hidden;position:relative; }
.three ul{width:100000px;position:absolute;left:0;height:100%;}/*ul width�Ŀ����ܹ�С*/
.three ul li{display:block;float:left;margin:0px 15PX;position:relative;}
.three ul li a{display:block;height:100%;} 

.yw-scroll-wrap .three{height:680px;}
.yw-scroll-wrap .three ul li{width:520px;border-radius:5px;height:100%;}
.yw-scroll-wrap .three ul li a{display: flex;justify-content: center;align-content: center;}
.yw-scroll-wrap .three img{display:block;height:100%;width:100%;object-fit: cover;position:absolute;top:0;left:0;}

.nav-item:hover{font-weight:bold;background:#fff;border-radius: 20px 20px 0 0;}
.inzx_pic .news-drag,.inzx_pic .news-slide{height:100%;}
.list_box2{overflow:hidden;}
.list_box2 .swiper-pagination{display:none;}
.min-w-\[calc\(100\%-2rem\)\] {    min-width: calc(100% - 3rem);}

@media (max-width: 1560px){
  
.yw-scroll-wrap .three{height:550px;}
.yw-scroll-wrap .three ul li{width:420px;}
}
@media (max-width: 1380px){
  .sub_name{font-size: 3.25rem;}
  .foot_botm{margin-top:4rem;}
  .gap-10 {gap: 1.5rem;}
  .nav-item{font-size:16px}
  .banner-slide h3{font-size: 3.8rem;}
  .h_toptit{font-size:2.5rem;}
  .text-xs{font-size:1rem;line-height: 1.75rem;}
  .text-sm{font-size:1rem; line-height: 1.75rem;}
  .text-xxs{font-size:.875rem;line-height: 1.25rem;}
  .text-2xl {font-size: 1.25rem;line-height: 2rem;}
  .back-btn{position:fixed;}

}

@media (max-width: 1280px){
  .tab-item{width: 7.5rem;padding:5px;}
  .tab-item.text-xs{font-size:14px;}
  .inpp_box .py-14{padding-top:3rem;padding-bottom:3rem;}
  .text-3xl {font-size: 1.5rem;line-height: 2rem;}
  .case_class a{margin: 0 1.25rem;}
  .vip_box .vip_top{padding: 2rem 0 3rem;}
  .vip_item{padding-bottom:2rem;}
  foot_form {padding: 3rem 0;}
  .py-14{padding-top: 3rem;padding-bottom: 3rem;}
  .wenhua_box .tab-nav-wrap .tab-item{padding: 15px 1.5%;}
  .wenhua_box .play-mask{padding:3rem;}
  .about_5 .itembg{  padding-bottom: 22rem;}
  .wenhua_box .tab-nav-wrap .tab-item i {    width: 2.25rem;    height: 2.25rem;}
  .wenhua_box .tab-nav-wrap .rounded { border-radius: 0.5rem;}
  .about03:after{top: 10.4rem;}
 .news_item .p-4{padding:.25rem .5rem;}
.yw-scroll-wrap .three{height:390px;}
.yw-scroll-wrap .three ul li{width:300px;}
.foot_cen span{padding-right:20px;}


}

@media (max-width: 1028px){
  .nav-item{font-size:16px;}
  .gap-10 {gap: 1rem;}
   #mobileMenuBtn.text-xs{font-size:20px;color:#fff;}
  .banner-slide h3{font-size:2.8rem;line-height:3rem;}
  .tab-nav-wrap, .case_class.flex{overflow-y: scroll;scrollbar-width: none;justify-content: flex-start;flex-wrap: nowrap;}
  .tab-item{margin-right: 20px;padding: 5px 12px;} 
  .pingjia_con .eval-text p{font-size: 1.5rem;}
  .left-2 {left: 0.5rem;}
  .right-2 {right: .5rem;}
  .case_class a{flex: none;margin: 0 1rem;}
  .licase_txt {padding: 1rem 1rem 1.5rem}
  .case_view_right .sticky{position: fixed;right:10px;top:auto;bottom:50px;}
  .case_view_right .text-center:first-child{display:none;}
  .case_view_right a.bg-primary{opacity: .8;}
  .case_view_right .p-5{padding:0;}
  .case_view_right a{display:block;width:60px;height:60px;padding:10px;line-height:22px;}
  .case_view_right .sticky{background:none;}d
  .about03 .item_slide{height:240px;padding:1rem}
  .foot_form {padding: 3rem 0;}
 .mb-16{margin-bottom:3rem;}
 .news_top_text{}
 .p-6 {    padding: 1.5rem;}
.show_tit{font-size:1.5rem}

.yw-scroll-wrap .three{height:360px;}
.yw-scroll-wrap .three ul li{width:270px;margin:0 8px;}
}
.list_box2 .swiper_btn {margin-top:20px;}
@media (max-width: 900px){
  .sub_nav{color:#fff;}
.text-xs{font-size:14px;line-height:20px;}
.text-2xl {font-size:16px;}
 .text-4xl{font-size: 1.5rem;line-height: 2rem;}
.text-5xl {font-size: 1.85rem;line-height: 2rem;}
.text-xl {font-size: 1.125rem;line-height: 1.25rem;}
  .n_banner {height: 380px;}
  .page,.pc,.foot_nav > div{display:none}
  .ph_pages,.phone,.foot_nav > .foot_cont{display:block;}
  .foot_nav > .foot_cont{width: 100%;}
  .footer .share{justify-content: center;}
  .foot_botm {margin-top: 2rem;}
  .banner-slide h3{font-size:1.8rem;line-height:2rem;}
  .inbanner1 img{width:160px;}
  .text-sm{font-size:.875rem;}
  .inbanner1 .py-2{padding-top: 0.25rem;padding-bottom: 0.25rem;}

  
  .h_toptit{font-size:1.85rem;}
  .swiper_btn .swiper-button-next{margin-left: 1rem;}
 .ncase_banner.n_banner {height: 30rem;}
 .ncase_banner.n_banner .shuju_box.gap-12{gap:1rem 2rem}
 .sub_name {font-size: 2.5rem;}
 .ncase_banner .text-5xl {font-size:1.875rem;line-height: 2rem;}
 .pingjia_con .eval-text{width:100%;}
 .pingjia_con{padding: 2rem 1.25rem;margin-top: -3rem;}
 .pingjia_con .eval-slide span{font-size: 3rem;line-height: 3rem;height:auto;}
 .pingjia_con .eval-text p {font-size: 1.25rem;}
 .h-12 {height: 2rem;}
 .w-12 {width: 2rem;}
 #jobModal.p-6,.job-card {padding: 1.25rem;}
 .brand-item {HEIGHT: 40PX;border-radius:3PX;padding:8px;}
 .p-5 {padding: 1rem;}
 .zform_box.p-8{padding: 1.5rem;}
 .cont_item{padding:1rem 0;}
 .map_a1{height:400px;}
 .go_box{bottom: 20px;}
 .go_con{padding:10px;}
 .foot_form .form_box{width:75%;}
 .about_5 .itemtext{align-items: flex-start;}
 .wenhua_box .tab-nav-wrap .tab-item{width: 120px;flex: none;}
 .infenghui_box .items-start.gap-12{gap: 1rem}
 .incase_box .tab-item{widtH:9rem;}
 .bot-scroll-wrap .two ul li img{height:200px;}
 .foot_logo {margin-bottom:1.5rem;}
 .mb-10 {margin-bottom: 1.5rem;}
 .mt-10 {    margin-top:1.5rem;}
 .about03:after {top: 7.4rem;}
 .px-8 {padding-left: 1rem;padding-right: 1rem;}
 .mt-6 {margin-top: 1rem;}
	.p-6 {padding: 1rem;}
	.news_top .gap-4{gap:0;}
	.inhezuo_box .comment-wrap {padding: 0.5rem 0.8rem;}
	.notice-item{padding:.8rem .6rem;}
	.notice-title {padding-left: 1rem}
  .inzx_text{ padding: 1rem 1rem 1.2rem;}
  .infenghui_box .h_toptit.mb-10{margin-bottom:.05rem;}
  .share_item{padding:.8rem;}
  .bot-scroll-wrap .two {height: 260px;}
.pingjia_con .eval-text .sym1 {margin-left: -20px;text-indent: 0;}
.arr a.px-12 {padding-left: 2.25rem;padding-right:2.25rem;}
.arr a.mt-10{margin-top:0;}
.text-2xl{font-size:15px;    line-height: 20px;}
.youshi_item p{text-align:left;}
.logo_left{width:110px; padding: 10px 0;}
}

.submenu-toggle span,.sub_nav > a{font-size:14px}
@media (max-width: 768px){
.text-xl{font-size:16px;}
.tab-item {padding: 8px 14px;font-size: 13px;}       
 .play-circle {width: 48px;height: 48px;}
 .hy_num.gap-12{gap: 0.5rem 3rem;}
 .wenhua_box .play-mask {padding: 1.5rem;}
 .logo_left{width:96px;}
 .ewm_box {justify-content: center;text-align:center;}
 .foot_form .form_box{width:100%;}
 .go_con a.px-5{padding: 0;}
 .go_con a span{display:none;}
 .go_con a i{width: 40px;height: 40px;display: flex;padding: 5px;}
 .go_con{}
 .hy_num .mun_item:after{display:none;}
 .hy_num{padding:20px;}
 .case-card{  aspect-ratio: 16 / 9;}
 .inhezuo_box .comment-wrap .h-full:last-child{display:none;}
.logo-row span{height: 50px;width: 110px;}
.logo-row .gap-6 {gap: 1rem;}
.foot_botm{font-size:12px;}
.footer.py-10{padding-bottom: 1.5rem;}
.n_banner { height: 340px;}
.text-5xl {font-size: 1.5rem;line-height: 2rem;}
.inpp_box .text-5xl,.hy_num .mun_item .text-5xl{font-size:1.875rem}
.cont_item .mb-2{margin-bottom:0;}
.h-16 {height: 3.5rem;}
.w-16 {width: 3.5rem;}
.youshi_item.flex-col{border-radius:8px;background: #F6F7FF;flex-direction: row;}
.youshi_item .mb-4{margin-bottom:0;}
.youshi_item .rounded-full{width:3.8rem;height:3.8rem;padding: 15px 10px;}
.case_class a {margin: 0 0.5rem;}
.py-10 {padding-top:1.5rem;padding-bottom: 1.5rem;}
.notice-date-box .small{font-size:12px;}
.notice-title.text-xl{font-size:16px;}
.submenu-toggl span{font-weight:500;}
.submenu-toggle i{font-size:20px;}
.notice-date-box .text-4xl {font-size: 1.25rem;line-height: 1.5rem;}
.back-btn {top:auto;bottom: 120px;right: 0.5rem;width: 3rem;height: 3rem;font-size: 12px;}
.pingjia_con .eval-text p {font-size: 1rem;}
.sub_name {font-size: 2.25rem;}
.about03 .swiper_btn{margin-top:1.5rem;}
.swiper_btn .swiper-button-prev:after, .swiper_btn .swiper-button-next:after {font-size: 20px; }
.wenhua_box .case-card{aspect-ratio: 16 / 9;}
.about04_swiper{padding-left: 15px;}
.about_5 .itembg {padding-bottom: 16rem;}
.mb-16 {margin-bottom: 2rem;}
.inhezuo_box .hz_top .text-3xl{font-size:1.25rem;}
.pjzw{width:calc(100% - 2.8rem);}
.eval_con{margin-top:-15px;width: 90%;}
.wenhua_box .tab-nav-wrap .tab-item{padding: 10px 1.5%;margin-right:10px;}
.modal-box #modalIframe{height:300px;}
}
 header{z-index:999;background:#12154A}
 .nav-item{padding:1.5rem 0;}
 .nav-item > a{display:block;color:#fff;padding:5px 10px;border-radius:50px;}
 .nav-item > a i{display:none;}
 .nav-item:hover > a{background:#fff;color:#12154A}
 .foot_form .form_box input::placeholder { color: #fff; opacity: 70%; }
 .foot_form .form_box input::-webkit-input-placeholder { color: #fff; opacity: 70%; }
 .foot_form .form_box input::-moz-placeholder { color: #fff; opacity: 70%; }
 .foot_form .form_box input:-ms-input-placeholder { color: #fff; opacity: 70%; }.text-[10px]{font-size:12px;}
.vie_con_text{min-height:160px;}