/* Css for , Version=1776077421 */
 body {color: #000 !important;
    font-family:'OPPOSans-Regular' !important; background: #f0f2f5 !important;
}
.page-container, .m-index-index .page-content, .m-index-index #links {background:none !important; }

#go2top {z-index:99999999 !important;}

#header .row {max-width:1200px !important;}
#copyright {float:left;height:20px; line-height:20px; margin:15px 0; }
#icpInfo {float:left; color:#666 !important; border-left:1px solid #ccc; padding-left:20px; padding-right:20px; height:20px;  line-height:20px; margin:15px 0; }

#footer {height:50px; line-height:50px; background:#fff  !important; width:100%; float:left; }

#footer > .wrapper {padding: 0px 0 !important; width:1200px; margin:0 auto;}
#footer a:hover {color:#000; }
#footer #footNav,#footer #powerby {display:none;}

.carousel {margin-bottom:0px !important;}

.page-wrapper {
    padding-top: 0px;
}
 
.all-bottom {float:left; width:100% !important;  margin:20px 0 0 0  !important; background:#000; height:320px;}
.bottomcss {width:1200px; margin:30px auto;}

.bottomcss .swiper-slide {float:left; width:66.66% !important;}

#w307 {width:100%;}
#sybg254 {width:33.33%;}


   
    


.nav-system-message .dropdown-toggle {border-radius:15px !important; background:#125ca8 !important;}
.nav-system-message a { }
#navbar .nav > .nav-system-message > a {
    padding: 10px 10px !important;font-size:14px; }
    
.nav-system-message .dropdown-toggle {
    pointer-events: none;
    cursor: default; /* 这将改变鼠标光标为默认样式，表示此处不可点击 */
}

.page-content {width:100% !important; max-width:100% !important;}

#columns,#links {width:1200px; margin:30px auto 0px auto; }

#columns .col-md-12  {padding-left:0px !important; padding-right:0px !important;}

.article {box-shadow: 0 1px 1px rgba(0,0,0,0.0) !important;margin-bottom: 0px !important;}


.lanmu {background:#f1f1f1; width:100%;float:left;padding:15px 0; margin-bottom:20px; float:left;}

.breadcrumb { display:none;  width:1200px; margin:10px auto 20px auto;}
.m-links .breadcrumb {margin-top:110px !important;}

.col {margin:auto 0px; padding:0px;}




#rightDocker {z-index:99;}


a {text-decoration:none !important;}


.table-bordered {
	border: 0px solid #ddd !important;
}

.table-bordered td,.table-bordered th {
	border: 0px solid #ddd !important;
}


.panel-heading {font-size:15px;}

.panel-heading strong {font-weight:600;}

#links img {border:0px solid #eee; margin:0 2%;  width:16%; height:60px; float:left;}


#searchbar {float:right;margin-right:420px !important; }
#searchbar .form-control {width:296px !important;}
#searchbar .form-control {
	border:2px solid #F25D03;
	box-shadow:none;}
#searchbar .form-control:focus {
	border-color:#F25D03;
	box-shadow:none;
}
.searchcss a {
	color:#777;}

#navbar {background:none !important;}

#navbar .nav > li > a { padding: 10px 20px !important; color:#fff; }
    
.dropdown-toggle {padding:10px 50px !important; margin-left:-20px;}
.dropdown-menu {min-width: 116px !important; }
.dropdown-menu > li > a,.dropdown-menu > li > a:focus,.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus,.dropdown-submenu:hover > a,.dropdown-submenu:focus > a{width:116px !important;min-width: 116px !important; text-align:center; }
.dropdown-menu > li > a:hover,.dropdown-menu > li > a:focus,.dropdown-menu > .active > a,.dropdown-menu > .active > a:hover,.dropdown-menu > .active > a:focus,.dropdown-submenu:hover > a,.dropdown-submenu:focus > a{ width:116px !important; min-width: 116px !important; text-align:center; }

.nav-system-home01 {width:120px !important; padding-left:30px;}



.nav-system-company01 {width:120px !important;}

.navbar-nav li a {font-size:15px;}

.panel-block .panel-body > .items .item {
	border-bottom:0px #e5e5e5 dashed !important; /* 我修改取消热门文章下线条*/
}

.carousel-caption {
	max-width:100%; /* 我修改轮播图内宽度 */
	top:10%;
	left:0;  /* 我修改轮播图边距 */
	bottom:20px;
	text-align:left;
	text-shadow:0 0px 0px rgba(0,0,0,0.0) !important;
}

.panel-block .panel-body > .items .item {
	padding:10px 15px;
	border-bottom:0px #e5e5e5 dashed; /* 我修改取消热门文章下线条*/
}

.panel-block .nav-secondary > li > a {
	border-bottom:0px dotted #ddd; /* 我修改文章下虚线条 */
}

.carousel-control,.carousel-control.left,.carousel-control.right {
	position:absolute;
	line-height:1em;
	width:40px;  /* 我修改轮播图左右按钮圆宽度 */
	height:40px; /* 我修改轮播图左右按钮圆宽度 */
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
	background:#666;
	top:52%;
	text-align:center;
	margin-top:-30px;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=0);
}

.carousel:hover .carousel-control.left {
	left:4%; /* 我修改轮播图左边距 */
}
.carousel:hover .carousel-control.right {
	right:4%; /* 我修改轮播图右边距 */
}

.carousel-control .icon {
	display:block;
	text-align:center;
	font-size:28px;
	height:45px; /* 我修改轮播图左右按钮箭头宽度 */
	width:40px; /* 我修改轮播图左右按钮箭头宽度 */
	line-height:45px; /* 我修改轮播图左右按钮箭头位置 */
	right:auto;
	left:auto;
	top:0;
}

/* .carousel-caption0 {
	left:8%; 
}
我修改轮播图边距 开启后右侧箭头按钮被遮盖不能点击 */

.carousel-inner>.item:hover .carousel-caption h2,.carousel-inner>.item:hover .carousel-caption h1 {color:#5c98ca !important;}
.carousel-inner>.item:hover .carousel-caption hr {border-top: 1px solid #fff !important;}
 
.carousel-inner>.item>img { filter: brightness(0.9) !important;
    filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important;-khtml-opacity:1.0 !important;opacity:1.0 !important;
    transition: transform 1.5s ease !important;
    -ms-transition: transform 1.5s ease !important;
    -webkit-transition: transform 1.5s ease !important;
    -o-transition: transform 1.5s ease !important;
    -moz-transition: transform 1.5s ease !important;
}

.carousel-inner>.item:hover img {
    filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important;-khtml-opacity:1.0;opacity:1.0 !important;
            cursor: pointer;
            transform:scale(1.0) !important;
            -ms-transform:scale(1.0) !important;
            -webkit-transform:scale(1.0) !important;
            -o-transform:scale(1.0) !important;
            -moz-transform:scale(1.0) !important;
}

/* oppo sans 1.0 兼容字体 */
        @font-face {
        font-family:'OPPOSans-Bold';
        src:url('http://yunqiao-shop-oss.oss-cn-hangzhou.aliyuncs.com/font/oppo-sans/oppo-sans-B.woff2') format("woff2"),
            url('http://yunqiao-shop-oss.oss-cn-hangzhou.aliyuncs.com/font/oppo-sans/oppo-sans-B.woff') format("woff"),
            url('http://yunqiao-shop-oss.oss-cn-hangzhou.aliyuncs.com/font/oppo-sans/oppo-sans-B.ttf') format("truetype");
        font-style:normal;
        font-display:swap
        }

/* 字体1：OPPO 常规体 Regular */
@font-face {
    font-family: 'OPPOSans-Regular';
    src: url('http://yunqiao-shop-oss.oss-cn-hangzhou.aliyuncs.com/font/oppo-sans/oppo-sans-R.woff2') format('woff2'),
         url('http://yunqiao-shop-oss.oss-cn-hangzhou.aliyuncs.com/font/oppo-sans/oppo-sans-R.woff') format('woff'),
         url('http://yunqiao-shop-oss.oss-cn-hangzhou.aliyuncs.com/font/oppo-sans/oppo-sans-R.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

/* 字体2：OPPO 中等体 Medium（你阿里云的） */
@font-face {
    font-family: 'OPPOSans-Medium';
    src: url('http://yunqiao-shop-oss.oss-cn-hangzhou.aliyuncs.com/font/oppo-sans/OPPOSans-M.woff2') format('woff2'),
    src: url('http://yunqiao-shop-oss.oss-cn-hangzhou.aliyuncs.com/font/oppo-sans/OPPOSans-M.woff') format('woff'),
    src: url('http://yunqiao-shop-oss.oss-cn-hangzhou.aliyuncs.com/font/oppo-sans/OPPOSans-M.ttf') format('ttf');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

        
.pagernewcss { font-size:18px; font-weight:700;  width:100% !important; display: flex !important; justify-content: center !important;}
.pagernewcss .pager { float: right !important; text-align: right !important; width: 100% !important; float: right !important; text-align:right !important; }

.pagernewcss strong { color:#3B33A5 !important; }
.pagernewcss > a {    margin-left: 3px !important;}


/* 鼠标悬浮/触动样式 */
.page-wrapper .btn:hover, .page-wrapper .btn:hover:after,.page-wrapper .morecss:hover, .page-wrapper .morecss:hover:after {
    background-color: #fff !important;
    color: #3b33a5 !important;
    border:0 !important;
}.m-index-index .page-wrapper {
    float:left !important;
}

.focus-middle {width:100% !important; max-width:100% !important;  float:left;}

.focus-bottom0 {display:none !important;}

footer .footer-top {
    background-color: #fff;
    padding: 0rem !important;
    display: flex;
    justify-content: space-between;
}

.m-index-index .page-wrapper {
    padding-top: 0px !important;
}
#w309 {padding-top:8%;padding-bottom:1%;  height:100%; width:100%;  float:left; background:#E8E9EB;}

#w305 {background:#fff; float:left; width:100%; height:100%;padding-top:9%;padding-bottom:1%; float:left;}
#sybg310 {background:#fff; float:left; width:100%; }

#w278 {background:url(/file.php?f=source/default/wide/thirdscreenbg.jpg&t=jpg&o=source&s=&v=1773730657) no-repeat; background-size:cover; float:left; width:100%;  height:100%; padding-top:14% !important;padding-bottom:1% !important; float:left;}

.ww278 { width:1200px;margin:0 auto; }

#sybg269 {float:left;background:#fff; width:1150px;margin-left:50px; padding-top:10px; padding-bottom:0px; border-radius:15px;}

#block12,#block262, .ww305 {width:1200px !important; margin:0px auto; padding-left: 0px !important;  padding-right: 0px !important;}

#block259 { margin:40px 0 !important;}

#sybg260,#sybg11,#sybg264,#sybg267,#sybg279,#sybg263,#sybg271,#w277 {padding-left: 0px !important; padding-right: 0px !important;}

#block11 {width:1200px !important; margin:20px auto;}
#header {padding: 0; margin-bottom: 14px;}
#headNav {min-height: 30px; line-height: 30px; padding: 0; margin-bottom: 8px;}
#headNav, #headTitle {position: static; display: block;}
#headNav > .row {margin: 0}
#headTitle > .row, #headNav > .row {display: table; width: 100%; margin: 0}
#headNav > .row > #siteNav,
#headNav > .row > #siteSlogan,
#headNav > .row > #searchbar,
#headTitle > .row > #siteTitle,
#headTitle > .row > #searchbar {display: table-cell; vertical-align: middle;}

#headTitle {padding: 0;}
#siteNav {text-align: right; float: right; display: inline-block !important;}
@media (max-width: 767px){#siteNav {padding-left: 8px; padding-right: 8px;} }

#searchbar {max-width: initial;}
#searchbar > form {max-width: 150px; float: right;}
#navbar .navbar-nav {width: 100%}
#navbarCollapse {padding: 0;}
#navbar .navbar-nav {margin: 0;}
#navbar li.nav-item-searchbar {float: right;}
#navbar li.nav-item-searchbar #searchbar > form {margin: 4px;}














#headTitle > .row > #navbarWrapper {display: table-cell; vertical-align: middle; padding-left: 8px; }
#headTitle > .row > #navbarWrapper > #navbar {margin:0}
#siteTitle, #siteLogo img {min-width: 150px;}
@media (max-width: 767px)
{
  #headTitle {padding: 0;}
  #headTitle > .row {margin: 0; display: block;}
  #headTitle > .row > #siteTitle {display: block; position: absolute; z-index: 10015; left: 8px;}
  #headTitle > .row > #navbarWrapper {display: block; padding: 0}
  #headTitle > .row > #navbarWrapper > #navbar {margin-bottom: 14px; width: 100%}
  #headTitle #siteLogo img {margin-top: 2px;}
}


#block13{}#block13 .panel-heading{}#block13
{
  /*.panel-heading {}*/
  /*.panel-body    {}*/
  
}
#siteLogo img {height:60px; width:auto;}
.custom-top-right  {color:#99A0BC;}


.nav-system-contact .dropdown-menu,.nav-system-contact .caret  {display:none;}



#navbar .nav > li > a:hover {border-radius:10px; }

#navbar .nav > .numcss5 a { background-color:#fff;  color:rgba(59,51,165,1.0) !important;  margin-left:220px; margin-top:20px !important;padding: 8px 10px !important;min-width: 30px !important;  border-radius:10px !important;} 
#navbar .nav > .numcss5 a:hover {background-color:rgba(59,51,165,1.0);  color:#fff; }   
    
#navbar .nav > li > a:focus {border-radius:10px;}
    
#navbar .nav > li.active > a, #navbar .nav > li.active > a:hover {
    background-color:rgba(59,51,165,.4);  color:#fff !important; border-radius:10px;}

#navbar .nav > li > a:hover, #navbar .nav > li > a:focus, #navbar .dropdown-submenu:focus > a, #navbar .dropdown-submenu:hover > a, #navbar .dropdown-menu > li > a:focus, #navbar .dropdown-menu > li > a:hover {color:#fff !important;}

 
#zlight-nav.zlight-hover #zlight-main-nav > li.active > .dropdown-toggle:hover,
#zlight-nav.zlight-hover #zlight-main-nav > li.active > a:hover {
    color:#fff !important;
}

#zlight-nav .numcss5 .dropdown-menu2,
#zlight-nav .numcss5 .caret {
    display:none;
}

/* 导航菜单样式 */
#zlight-nav,
#zlight-mobile-nav,

/*************
* WRAP
*************/
#zlight-nav{
    display: block;
    position: fixed; /* 固定定位 */
    width: 100%;
    z-index: 999999999;
    background-color: transparent !important; /* 初始背景透明 */
    transition: all 0.3s ease; /* 添加过渡效果 */
    top: 0; /* 固定在顶部 */
    left: 0;
}

/* 核心优化：初始状态图片彻底纯白 */
#zlight-nav img {
    filter: brightness(0) invert(1);
    transition: filter 0.3s ease;
    border: none;
    background: transparent;
}

/* 滚动时的白色背景样式 */
#zlight-nav.zlight-scrolled {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.0);
}
/* 滚动时恢复图片真实颜色 */
#zlight-nav.zlight-scrolled img {
    filter: none;
}

/* 鼠标悬停时的白色背景样式 */
#zlight-nav.zlight-hover {
    background-color: #ffffff !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.4);
}
/* 悬停时恢复图片真实颜色 */
#zlight-nav.zlight-hover img {
    filter: none;
}

/*************
* MAIN NAV
*************/
#zlight-nav:after {
  clear: both;
}

/*************
* LI & A
*************/
#zlight-main-nav > li > a{
    color: #ffffff; /* 初始字体白色 */
    transition: all 0.3s ease;
}
/* 滚动时链接字体黑色 */
#zlight-nav.zlight-scrolled #zlight-main-nav > li > a {
    color: #000000;
}
/* 鼠标悬停时链接字体黑色 */
#zlight-nav.zlight-hover #zlight-main-nav > li > a {
    color: #000;
}

/* ======================
   核心修改：滚动后hover紫色背景+白色文字
====================== */
/* 滚动后导航变白时的 hover 样式 */
#zlight-nav.zlight-scrolled #zlight-main-nav > li.numcss5 > a:hover,
#zlight-nav.zlight-scrolled #zlight-main-nav > li.numcss5 > .dropdown-toggle:hover,
#zlight-nav.zlight-hover #zlight-main-nav > li.numcss5 > a:hover,
#zlight-nav.zlight-hover #zlight-main-nav > li.numcss5 > .dropdown-toggle:hover {
    background-color: rgba(59,51,165,1.0) !important;
    color: #fff !important;
}

/* 子菜单悬停效果 */
#zlight-nav.zlight-hover .zlight-submenu > li > a {
    color: #000000 !important;
}

/* 移动端悬停效果 */
#zlight-nav.zlight-hover #zlight-mobile-nav > span {
    color: #000000 !important;
}
#zlight-nav.zlight-hover #zlight-mobile-nav > .zlight-icon {
    color: #000000 !important;
}

/* 图标悬停效果 */
#zlight-nav.zlight-hover #zlight-main-nav i {
    color: #000000 !important;
}

/****************************
* MOBILE NAV
****************************/
#zlight-mobile-nav{
    display: none;
}
#zlight-mobile-nav > span{
    text-transform: uppercase;
    padding: 0 10px 0 20px;
    float: left;
    color: #ffffff !important;
    transition: all 0.3s ease;
}
#zlight-mobile-nav > .zlight-icon{
    float: right;
    padding: 0 20px 0 10px;
    color: #ffffff !important;
    transition: all 0.3s ease;
}
#zlight-mobile-nav > select{
    background: none;
    border: none;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    cursor: pointer;
}
#zlight-mobile-nav:before,
#zlight-mobile-nav:after {
  display: table;
  content: " ";
}
#zlight-mobile-nav:after {
  clear: both;
}

/***************************
* MEDIA QUERIES
***************************/
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
    #zlight-mobile-nav{
        display: block;
    }
}
@media (min-width: 769px) {
    #zlight-mobile-nav{
        display: none;
    }
}



/* 仅滚动后导航变白时：numcss5 菜单默认背景紫色 + 文字白色 */
#zlight-nav.zlight-scrolled #zlight-main-nav > li.numcss5 > a,
#zlight-nav.zlight-scrolled #zlight-main-nav > li.numcss5 > .dropdown-toggle {
    background-color: rgba(59,51,165,1.0) !important;
    color: #fff !important;
}#block5{}#block5 .panel-heading{}#block5
{
  .panel-heading {display:none;}
  .panel-body    {padding:0px !important;}
  .panel-body0 img {width: 100%; height: 640px; object-fit: cover;  filter: blur(0); transition: filter 1s;}


  .leftnumh {position:absolute; z-index:999; left:6%; top:46%;}
  
  
.leftnumh [class^="slide"] {
    padding: 8px 10px;
    margin: 4px 0;
    list-style: none;
    border-radius: 4px;
    transition0: background-color 0.2s;
    font-style:italic;
    color:#fff !important;
}
.leftnumh [class^="slide"]:hover {
    background-color: #3B33A5;
    color:#fff !important;
}
.leftnumh [class^="slide"].active {
   font-weight:900;
   background-color: #3B33A5 !important;
    color:#fff !important;
}

.leftnumh, .lefttitleh {
    margin: 0;
    padding: 0;
}

/* 
.carousel-inner .item {
    display: none;
}
.carousel-inner .item.active {
    display: block;
}
 */


  .carousel-control {opacity:9 !important;}
  .carousel-control.left:hover,.carousel-control.right:hover {color:#3B33A5 !important;}
  .carousel-control,.carousel-control.left,.carousel-control.right {transform: scaleX(2);
	position:absolute;
	line-height:1em;
	width:40px;  /* 我修改轮播图左右按钮圆宽度 */
	height:40px; /* 我修改轮播图左右按钮圆宽度 */
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
	background:none;
	color:#fff !important;
	top:90% !important;
	text-align:center;
	margin-top:-50px;
	z-index:99999 !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=0);
}

.carousel-control.left {left: 81% !important;} /*我修改轮播图按钮始终显示*/
.carousel-control.right {right: 12% !important;} /*我修改轮播图按钮始终显示*/

.carousel:hover .carousel-control.left {
	left:82%; /* 我修改轮播图左边距 */
}
.carousel:hover .carousel-control.right {
	right:77%; /* 我修改轮播图右边距 */
}

.carousel-control .icon {
	display:block !important;
	text-align:center;
	font-size:20px;
	height:40px; /* 我修改轮播图左右按钮箭头宽度 */
	width:40px; /* 我修改轮播图左右按钮箭头宽度 */
	line-height:40px; /* 我修改轮播图左右按钮箭头位置 */
	right:auto;
	left:auto;
	bottom:0px;
}


}




#block5 .slide74 .btn {padding: 0px !important; color:#fff; float:left !important; width:170px; height:40px; line-height:40px; text-align:center;  background-color: #3b33a5; border-radius:10px;}
#block5 .slide74 .btn:after {font-weight:900; width:40px; height:39px; line-height:39px; text-align:center; background:#00A0E9;font-size:25px;color:#fff;border-radius:10px; position:absolute; z-index:9999; left:173px; content:'↗'; }

#block5 .slide72 .btn {margin-top:20px;padding: 0px !important; color:#fff; float:left !important; width:170px; height:40px; line-height:40px; text-align:center;  background-color: #3b33a5; border-radius:10px;}
#block5 .slide72 .btn:after {font-weight:900; width:40px; height:39px; line-height:39px; text-align:center; background:#00A0E9;font-size:25px;color:#fff;border-radius:10px; position:absolute; z-index:9999; left:173px; content:'↗'; }

#block5 .slide74 .carousel-caption {
    width:14% !important;
    text-align: center;
    margin-top: 10% !important;
    margin-right:43% !important;margin-left:43% !important;
    text-shadow:0 0px 0px rgba(0,0,0,0.0) !important; font-size:35px; letter-spacing:2px; }
    
#block5 .slide72 .carousel-caption {
    width:70% !important;
    text-align: center;
    margin-right:15% !important;margin-left:15% !important;
    text-shadow:0 0px 0px rgba(0,0,0,0.0) !important; font-size:35px; letter-spacing:2px; }
    

#block5 .slide74 .titlecss { width:100% !important;float:left; }

#block5 .slide72 .titlecss { width:50%;float:left; }
#block5 .slide72 .desccss { width:50%;float:right; text-align:right; }
    
#block5 .slide72 .carousel-caption h2 {color:#3389FF !important;text-align:left;margin-top:240px; font-size:40px;  font-weight:400 !important;}

#block5 .slide72 .carousel-caption h1 {color:#295DB6 !important; text-align:left; font-size:50px;  font-weight:600 !important;}


#block5 .slide74 .titlecss { width:50%;float:left; }
#block5 .slide74 .desccss { width:50%;float:right; text-align:right; }
    
#block5 .slide74 .carousel-caption h2 {color:#fff !important;text-align:left;margin-top:50px; font-family: 'OPPOSans-Regular'; font-size:45px;  font-weight:500 !important;}

#block5 .slide74 .carousel-caption h1 {margin-top:10px !important; color:#fff !important; text-align:left; font-family: 'OPPOSans-Regular'; font-size:45px;  font-weight:700 !important;}


#block5 .slide60 .desccss img {filter:alpha(opacity=50) !important;-moz-opacity:0.5 !important;-khtml-opacity:0.5 !important;opacity:0.5 !important;}
#block5 .slide72 .desccss img {filter:alpha(opacity=50) !important;-moz-opacity:0.5 !important;-khtml-opacity:0.5 !important;opacity:0.5 !important;}



#block5 .item  hr {display:none;}
#block11{}#block11 .panel-heading{}#block11
{
  .panel-heading { float:left; position:relative; z-index:999; border-bottom:0px !important; color:#0f5997; font-size:16px;text-align:left;}
  .fubiaoticss {width:90%; margin:0 5%; float:left;  position:relative; z-index:999; color:#000; font-size:27px;padding: 8px 15px; text-align:left; }
  .qukuaijs {display:none; position:relative; z-index:999; }
  .panel-body    {width:90%;  margin:0px 5% !important;  float:left; color:#000; font-size:15px; line-height:25px;  }
  .panel-body img {height:120px; width:auto; margin-left:200px;}
  .panel-body strong {font-weight:700 !important; font-family: "Microsoft Yahei Light", sans-serif !important;}
  
  background0:url(https://omo-oss-image.thefastimg.com/portal-saas/pg2024043014271012751/cms/image/9ca7653d-3498-42ba-946d-158b3f653e9c.jpg_1180xaf.jpg) no-repeat !important;
  background:none !important;
  .pull-right {filter: drop-shadow(2px 2px 2px rgba(0,0,0,0.3));position:absolute; z-index:999; padding:0 20px; top:350px; left:17%; height:30px; line-height:30px; background:#0f5997; border-left:3px solid #f0d556;}
  .pull-right a {color:#fff; font-size:14px;}
}
#sybg11 {width:100%; float:left; }#block267{}#block267 .panel-heading{}#block267
{
  .panel-heading {display:none;}
  .panel-body    {padding:0px !important;}
  .panel-body img0 {width: 100%; height: 400px; object-fit: cover;filter: blur(0);transition: filter 1s;transform: scale(1.0) !important; }
  

.btn {margin-top:20px;padding: 0px !important; color:#fff; float:left !important; width:170px; height:40px; line-height:40px; text-align:center;  background-color: #3b33a5; border-radius:10px;}
.btn:after {font-weight:900; width:40px; height:39px; line-height:39px; text-align:center; background:#00A0E9;font-size:25px;color:#fff;border-radius:10px; position:absolute; z-index:9999; left:173px; content:'↗'; }

.leftnum,.lefttitle {display:none;}


}

#block267 .carousel-caption {
    width:26% !important;
    max-width: 100% !important; 
    margin:0px auto !important;
    left: 70%;
    right: 4%;
    text-align: center;
    text-shadow: 0 0px 0px rgb(0 0 0 / 40%); font-size:35px; letter-spacing:2px; }
    
#block267 .carousel-caption h2 {margin-top:80px; font-size:40px;  font-weight:600 !important;}

#block267  hr {display:none; width:10%;margin:30px 45%; border-top:1px solid rgba(240,213,86,1);}#block279{}#block279 .panel-heading{}#block279
{
  .panel-heading,.fubiaoticss,.qukuaijs {display:none;}
  .panel-body    {width:1200px; margin:0 auto; padding:0 15px !important;}
  .counter-item {float:left; width:33.33%; font-size:15px; text-align:center; color:#333 !important;}
  .counter-item a {color:#666 !important;}
  .text-4xl {font-size:40px; color:#3b33a5; font-weight:900; width:100%; float:left; text-align:center;}
  .text-4xl:after {content:'+';color:#3b33a5; font-weight:900; font-size:25px; }
  .text-3xl0 {width:8%; float:left; font-size:15px;text-align:right; line-height:50px; }

  .text-2xl {font-weight:400 !important; width:100%; float:left; text-align:center;}
  h3 {margin-top:10px !important;}
    padding-top: 15px;
    padding-bottom: 15px;
}#block269{}#block269 .panel-heading{}#block269
{
  .panel-heading { font-family:'OPPOSans-Bold';text-align:center; font-size:40px; position:relative;  z-index:999; top:-90px; font-style:italic; color:#fff;}
  .morecss, .fubiaoticss,.qukuaijs {display:none;}
  .panel-body    {padding:0px !important; width:100%; float:left; margin-top:-50px;}
  .panel-body img0 {width: 100%;
    height: 640px;
    object-fit: cover;
      filter: blur(0);
    transition: filter 1s;transform: scale(1.0) !important;
    
  }
  
.btn { margin-top:30px; color:#fff; float:left !important; padding: 0px !important; color:#fff; float:left !important; width:170px; height:40px; line-height:40px; text-align:center;  background-color: #3b33a5; border-radius:10px;}
.btn:after {font-weight:900; width:42px; height:40px; line-height:40px; text-align:center; background:#00A0E9;font-size:25px;color:#fff;border-radius:10px; position:absolute; z-index:9999; left:172px; content:'↗'; }

  li {list-style:none; font-size:16px;}
  .leftnum {width:3.5%;float:left;position:absolute;z-index:999; left:-50px; top:35%; }
  .lefttitle {width:14%;float:left; margin-left:4% !important;}
  .lefttitle li:before {content:'●'; font-size:17px;margin-right:15px; }
  .lefttitle li.active:before {content:'◉' !important; font-size:23px;margin-right:10px; }
  .carousel {width:76.5%;float:left;}
  
  .carousel-inner>.item>img {  border-radius:15px; width:55%;min-width: 55% !important; margin-left:5%; margin-bottom:60px;
    height: auto;
    max-height: 600px;
    max-width: 100%; }
    
    
  .carousel-control {opacity:9 !important;text-shadow: 0 1px 2px rgba(0,0,0,.0) !important;}
  
  .carousel-control.left:hover,.carousel-control.right:hover {color:#fff; background:#3B33A5 !important;}
  
  .carousel-control,.carousel-control.left,.carousel-control.right { 
	position:absolute;
	line-height:1em;
	width:40px;  /* 我修改轮播图左右按钮圆宽度 */
	height:40px; /* 我修改轮播图左右按钮圆宽度 */
	-webkit-border-radius:40px;
	-moz-border-radius:40px;
	border-radius:40px;
	background:#ddd;
	color:#666;
	top:100% !important;
	text-align:center;
	margin-top:-50px;
	z-index:99999 !important;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#00000000',GradientType=0);
}

.carousel-control.left {left: 5% !important;} /*我修改轮播图按钮始终显示*/
.carousel-control.right {right: 85% !important;} /*我修改轮播图按钮始终显示*/

.carousel:hover .carousel-control.left {
	left:81%; /* 我修改轮播图左边距 */
}
.carousel:hover .carousel-control.right {
	right:77%; /* 我修改轮播图右边距 */
}

.carousel-control .icon {
	display:block !important;
	text-align:center;
	font-size:16px;
	height:40px; /* 我修改轮播图左右按钮箭头宽度 */
	width:40px; /* 我修改轮播图左右按钮箭头宽度 */
	line-height:40px; /* 我修改轮播图左右按钮箭头位置 */
	right:auto;
	left:auto;
	transform: scaleX(1.5);
	bottom:0;
}



.carousel-inner>.item>img { filter: brightness(0.8) !important;
    filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important;-khtml-opacity:1.0 !important;opacity:1.0 !important;
    transition: transform 1.5s ease !important;
    -ms-transition: transform 1.5s ease !important;
    -webkit-transition: transform 1.5s ease !important;
    -o-transition: transform 1.5s ease !important;
    -moz-transition: transform 1.5s ease !important;
}

.carousel-inner>.item:hover img {
    filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important;-khtml-opacity:1.0;opacity:1.0 !important;
            cursor: pointer;
            transform:scale(1.0) !important;
            -ms-transform:scale(1.0) !important;
            -webkit-transform:scale(1.0) !important;
            -o-transform:scale(1.0) !important;
            -moz-transform:scale(1.0) !important;
}


.leftnum [class^="slide"] {
    padding: 8px 10px;
    margin: 4px 0;
    list-style: none;
    border-radius: 4px;
    transition: background-color 0.2s;
    font-style:italic;
}
.leftnum [class^="slide"]:hover {
    background-color: #3B33A5;
    color:#fff !important;
}
.leftnum [class^="slide"].active {
   font-weight:900;
   background-color: #3B33A5;
    color:#fff !important;
}



.lefttitle [class^="slide"] {
    padding: 8px 12px;
    margin: 4px 0;
    list-style: none;
    border-radius: 4px;
    transition: background-color 0.2s;
}
.lefttitle [class^="slide"]:hover {
    background-color: #f0f0f0;
}
.lefttitle [class^="slide"].active {
   font-weight:900;
    color: #3B33A5;
}
.leftnum, .lefttitle {
    margin: 0;
    padding: 0;
}
.carousel-inner .item {
    display: none;
}
.carousel-inner .item.active {
    display: block;
}
/* 关键补充：修复Bootstrap 3轮播动画导致的active类识别错误 */
.carousel-inner > .item.active {
    display: block !important;
}


}




#block269 .carousel-caption {
    width:28% !important;
    max-width: 100% !important; 
    margin:0px auto !important;
    left: 69%;
    right: 3%;
    text-align: left;
    text-shadow0: 0 0px 0px rgb(0 0 0 / 40%);  letter-spacing:2px; }
    
#block269 .carousel-caption h2 {font-style:italic; margin-top:60px; font-size:25px;  font-weight:600 !important;color:#3b33a5 !important;}
#block269 .carousel-caption h1 {font-size:35px;  font-weight:500 !important; color:#000 !important;}
#block269 .carousel-caption .desccss {font-size:15px; margin-top:40px;color:#666 !important;}

#block269  hr {display:none; width:10%;margin:30px 45%; border-top:1px solid rgba(240,213,86,1);}#block310{}#block310 .panel-heading{}#block310 .panel-body{padding-top:px !important;}#block310 .panel-body{padding-right:px !important;}#block310 .panel-body{padding-bottom:px !important;}#block310 .panel-body{padding-left:px !important;}#block310
{
  /*.panel-heading {}*/
  .fubiaoticss {font-family:'OPPOSans-Bold'; color:#3B33A5; font-size:40px; font-style:italic; font-weight:900;}
  .panel-body    {color:#000; font-size:30px; padding: 10px 3px !important;}
  float:left; width:100%;
}
.ul-list .addDataList.withStick{padding-right:126px !important;}
.ul-list .addDataList.withoutStick{padding-right:80px !important;}
.ul-list .notDataList.withStick{padding-right:60px !important;}
.ul-list .notDataList.withoutStick{padding-right:5px !important;}
.articleTitleA{display:inline-block;}
.articleTitleB{display:inline-block;}
.sticky{padding-left: 5px;}
#block308{}#block308 .panel-heading{}#block308
{
  .panel-heading {text-align:left;width:100%; float:left;  border-bottom:0px !important;padding: 8px 10px; position:relative;z-index:999;}
  .panel-heading strong {font-size:24px; font-weight:600 !important;}
  .fubiaoticss { display:none; color:#eee; position:absolute; z-index:99;left:44px; top:30px; font-weight:500; text-align:left;font-size:30px; }
   
   width:100%; height:500px; padding:20px 30px 20px 30px !important;
    background:#F5F5F5 !important; border-radius:15px;
    
   .icon-2x {font-size:16px !important;}
   
   .nextBtn:hover, .PrevBtn:hover {background:#3b33a5;}
   .nextBtn:hover .icon,.PrevBtn:hover .icon {color:#fff;}
   .icon-time {display:none;}
   
   .text-important {width:40%;float:left; font-weight:600 !important; padding:15px 10px 0px 10px; color:#ccc !important; }
   
  .item-heading {width:100%;text-align:left;float:left;  margin:10px 0px; padding:0 10px; }
  
  .item-heading strong { width:100%; float:left;font-weight:500 !important; }
  .item-heading strong a { color:#000; font-size:1.4vw !important; }
  
  .authorcss { display:none; width:100%;float:left; text-align:left; }
  
  .titlecss  {width:100%;float:left;text-align:left; }
  
  .authorcss a {font-size:20px; color:#000; }
  
  .titlecss  a {font-size:16px; font-weight:400 !important; color:#999;}
  
  .desccss {width:100%;float:left; padding:0px 10px 20px 10px; height:42px; line-height:21px;}
  .desccss a { color:#222; font-size:12px !important; }
  .morecss {width:100%;float:left; padding:14px 10px; display:none;}
  
 
   
   .item { background:none !important;}
   .item .media  { background:none !important; padding:0 10px; float:left; width:100%; max-width:100% !important; height:60% !important; max-height:60% !important;}
   .item .media img {float:left;  width:100%; height:270px !important;max-height:100% !important;}
    
    .item .text-muted {float:left; position:relative; top:3%; bottom:7%; width:100%; max-width:100% !important; height:auto !important; max-height:auto !important;}
    
    
  
    .item img {
    filter:alpha(opacity=90) !important;-moz-opacity:0.9 !important;-khtml-opacity:0.9 !important;opacity:0.9 !important;
    transition: transform 1.5s ease !important;
    -ms-transition: transform 1.5s ease !important;
    -webkit-transition: transform 1.5s ease !important;
    -o-transition: transform 1.5s ease !important;
    -moz-transition: transform 1.5s ease !important;
}
  .item:hover img {
    filter:alpha(opacity=100) !important;-moz-opacity:1.0 !important;-khtml-opacity:1.0;opacity:1.0 !important;
            cursor: pointer;
            transform:scale(1.1) !important;
            -ms-transform:scale(1.1) !important;
            -webkit-transform:scale(1.1) !important;
            -o-transform:scale(1.1) !important;
            -moz-transform:scale(1.1) !important;
}

}
.ul-list .addDataList.withStick{padding-right:126px !important;}
.ul-list .addDataList.withoutStick{padding-right:80px !important;}
.ul-list .notDataList.withStick{padding-right:60px !important;}
.ul-list .notDataList.withoutStick{padding-right:5px !important;}
.articleTitleA{display:inline-block;}
.articleTitleB{display:inline-block;}
.sticky{padding-left: 5px;}
#block258{}#block258 .panel-heading{}#block258
{
  .panel-heading {text-align:left;width:100%; float:left;  border-bottom:0px !important;padding: 8px 10px 0 10px !important; position:relative;z-index:999;}
  .panel-heading strong {font-size:24px; font-weight:600 !important;}
  .fubiaoticss { display:none;   color:#eee; position:absolute; z-index:99;left:44px; top:30px; font-weight:500; text-align:left;font-size:30px; }
  /*.panel-body    {}*/

 width:100%; height:500px; padding:20px 30px 20px 30px !important;
    background:#F5F5F5 !important; 
    border-radius:15px;
    
.morecss { margin-top:10px; color:#fff; float:left !important; width:140px; height:40px; line-height:40px; text-align:center;  background-color: #3b33a5; border-radius:10px; }
.morecss:after {font-weight:900; width:42px; height:40px; line-height:40px; text-align:center; background:#00A0E9;font-size:25px;color:#fff;border-radius:10px; position:absolute; z-index:9999; left:144px; content:'↗'; }
.morecss a { font-size:12px !importat; color:#fff;}
   
  .ul-list > li { border-bottom:1px dashed #ccc;}
  .ul-list > li {white-space: normal !important; padding:5px 12px 5px 12px; !important;}
  .ul-list > li:before { display:none;}
  .ul-list > li .article-date { width:100%; float:left; text-align:right; font-size:13px; padding:12px  5px 0px 5px !important; border:0px solid #ddd;color:#3b33a5l;}
  .ul-list > li:hover .article-date {background:none; color:#3b33a5 !important;}
  
  .article-list {overflow:hidden;float:left;width:100%; height:30px; line-height:26px; font-size:18px; font-weight:700; font-family: "Microsoft Yahei Light", sans-serif !important; color:#4C4C4C;}
  .desccss {min-height:30px !important; height:30px !important; color:#999;padding-left:0px;font-size:14px;}
  
}

#block273{}#block273 .panel-heading{}#block273
{
  .panel-heading,.fubiaoticss,.qukuaijs {display:none;}
    
 

  background: none !important;
  .panel-body    {color:#00A0E9 !important; font-size:30px;}
}
#header {padding: 0; margin-bottom: 14px;}
#headNav {min-height: 30px; line-height: 30px; padding: 0; margin-bottom: 8px;}
#headNav, #headTitle {position: static; display: block;}
#headNav > .row {margin: 0}
#headTitle > .row, #headNav > .row {display: table; width: 100%; margin: 0}
#headNav > .row > #siteNav,
#headNav > .row > #siteSlogan,
#headNav > .row > #searchbar,
#headTitle > .row > #siteTitle,
#headTitle > .row > #searchbar {display: table-cell; vertical-align: middle;}

#headTitle {padding: 0;}
#siteNav {text-align: right; float: right; display: inline-block !important;}
@media (max-width: 767px){#siteNav {padding-left: 8px; padding-right: 8px;} }

#searchbar {max-width: initial;}
#searchbar > form {max-width: 150px; float: right;}
#navbar .navbar-nav {width: 100%}
#navbarCollapse {padding: 0;}
#navbar .navbar-nav {margin: 0;}
#navbar li.nav-item-searchbar {float: right;}
#navbar li.nav-item-searchbar #searchbar > form {margin: 4px;}













#block306{}#block306 .panel-heading{}#block306
{
  /*.panel-heading {}*/
  /*.panel-body    {}*/
  
}


#sybg306 .nav-system-message, #sybg306 .caret,  #sybg306 .nav-system-home, #sybg3060 #header, #sybg306 .numcss5 {display:none !important;}

#sybg306 #header {background:none !important; border-bottom:0px solid #7e393b !important;}



#siteName {display:none;}

#sybg306 #navbar .nav > li {width:100% !important; }
#sybg306 #navbar .nav > li .dropdown-toggle { width:14% !important; float:left !important; text-align:left; }
#sybg306 #navbar .nav > li .dropdown-menu2 { width:84% !important; float:left !important;position: relative !important; margin-top:8px !important;}

#sybg306 #navbar .nav > li .dropdown-menu2 li {float:left; display: block !important;}


#sybg306  #navbar .nav > li > a span {display:block;}
#sybg306  #navbar {background:none !important;}
#sybg306  #navbar .nav > li > a { font-weight:700; color:#fff !important; font-size:15px; height:30px; width: 116px !important; min-width: 116px !important;padding:15px 20px !important;}
#sybg306  #navbar .nav > li > a:hover { color:#fff !important; background:none !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px}

#sybg306  #navbar .nav > li > a { margin:0 !important; }
#sybg306  #navbar .nav > li.active > a { color:#666 !; background:none; !important; border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px;}   

#sybg306  #navbar .nav:hover .active a { background:none !important; }

#sybg306  .dropdown-menu  {display:block !important; top0:74% !important;border: 0px solid rgba(0,0,0,.15) !important;box-shadow: 0 0px 0px rgb(0 0 0 / 18%) !important; background:none !important; min-width:100px !important;}

#sybg306  .dropdown-menu>li>a { color:#fff; font-size:13px !important; padding: 8px 20px !important;}

#sybg306 .dropdown-menu > li > a:hover, #sybg306 .dropdown-menu > li > a:focus, #sybg306 .dropdown-menu > .active > a, #sybg330 .dropdown-menu > .active > a:hover, #sybg330 .dropdown-menu > .active > a:focus, #sybg293 .dropdown-submenu:hover > a, #sybg330 .dropdown-submenu:focus > a {color:#555 !important; background:none !important;}

#sybg306 .numcss6, #sybg306 .zoom {display:none !important;}
#block254{}#block254 .panel-heading{}#block254
{
  .panel-heading {display:none;}
  .panel-body    {margin-top:70px !important; padding:0px !important; width:100%; background:none !important; text-align:right;}
   a {color:#fff;}
   a:hover{color:#f25500;}
   .table td, .table th {padding: 0px 8px !important;}
   img {width:auto !important; height:auto !important;}
  
}
    /* 确保swiper容器正确显示 */
    .main-container.swiper-container {
        overflow: hidden;
        height: 100vh;
    }
    
    .main-container .swiper-wrapper {
        height: 100%;
    }
    
    .main-container .swiper-slide {
        height: 100vh;
        overflow: hidden;
        opacity: 1 !important;
    }
    
    .main-container .main-swiper-auto {
        height: auto !important;
        min-height: auto;
    }
    
    /* 确保所有slide内容可见 */
    .main-container .swiper-slide > * {
        opacity: 1;
        visibility: visible;
    }