/* 重置 */
html, body {
    min-width: 1200px !important;
}
body { background: #FFF; font-size:14px; }
h1, h2, h3, h4, h5, h6 {}
p {}
a:link{ color: #000;text-decoration:none; }
a:visited{ color:#333;text-decoration:none; }
a:hover,a:active,a:focus{ color:#333; text-decoration:none; }
table {
    border-collapse: inherit;
}

:root {
    /* 主色调 - 蓝色系 */
    --color-primary: #003366;      /* 主色深蓝 */
    --color-primary-dark: #002244;  /* 主色最深（顶部条） */
    --color-primary-light: #1a4d8c; /* 主色浅（渐变用） */
    --color-primary-bg: #002856;    /* 导航背景 */
    --color-primary-muted: #6699cc; /* 主色柔和 */
    
    /* 点缀色 */
    --color-accent: #e1fdfe;        /* 强调/点缀色 */
    --color-accent-light: #e8fbfc;
    
    /* 文字色 */
    --color-text-main: #1a2a3a;     /* 主文字色 */
    --color-text-light: #6a7a6a;    /* 浅文字色 */
    --color-text-muted: #8a9a8a;    /* 辅助文字色 */
    --color-text-white: #ffffff;
    --color-text-white-muted: #e0e8f0;
    
    /* 背景色 */
    --color-bg-white: #ffffff;
    --color-bg-gray: #fafbfa;
    --color-bg-light: #f0f4f8;
    --color-bg-dark: #002856;
    
    /* 边框色 */
    --color-border: #eef2ee;
    --color-border-light: #dce3ec;
    --color-border-deep: #e0e6e0;
    
    /* 链接色 */
    --color-link: #003366;
    --color-link-hover: #ff9900;
    
    /* 遮罩 */
    --color-overlay: rgba(0,0,0,0.8);
    --color-overlay-light: rgba(0,0,0,0.3);
}

/* 开始 */
.o-layout { width:100%; }
.o-container { width:1200px; }

/* 页头 */
.o-head-bar { width:100%; height:88px; line-height:88px; background: #f0f9fc; position:sticky; left:0; top:0; color: #000; z-index:99; }
.o-head-bar-wrap { height:88px; line-height:88px;  position:relative; }
.o-head-bar-logo { float:left; }
.o-head-bar-logo img { height:48px; }
.o-nav-bar-menu { float:left; margin:0; margin-left:15px; padding:0; }
.o-nav-bar-menu ul { position:relative; }
.o-nav-bar-menu ul li { float: left; list-style-type: none; position: relative; }
.o-nav-bar-menu ul li a { font-size:18px; font-weight:600; line-height: 88px; display: block; padding: 0px 14px; color: #000; position: relative; }
.o-nav-bar-menu ul li a.o-nav-bar-active { color: #1F5CCF; }
.o-nav-bar-menu ul li a:hover { color: #1F5CCF; }

.o-nav-bar-menu ul li:hover .nav-list{
	display:block;
}
.o-nav-bar-menu ul li .nav-list {
    display: none;
    text-align: left;
    background-color: #ffffff;
    width: 160px;
    box-sizing: border-box;
    white-space: normal;
    position: absolute;
    left: -30px;
    right: 0;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10); 
    padding: 15px 10px;
    overflow: auto;
    z-index: 99;
    border-radius: 6px;
    transition: all 0.3s ease;
}
.o-nav-bar-menu ul li .nav-list a { font-size:15px; font-weight:600; line-height:2; display:block; padding: 0px 10px; text-align:center; color: #000; position: relative; }
.o-nav-bar-menu ul li .nav-list a:hover { color:#06C; }

.o-index-top-img {
    height: 105px;
    width: 100%;
	background: url(/Assets/MrFensi.UI.responsive/skin/default/images/head-top.jpg) top center no-repeat;
}

.o-index-center-img { padding-top:20px; }
.o-index-center-img img { height:100px; border-radius: 4px; }

/* banner */
.o-banner {}
.fullSlide{ width:100%; position:relative; height:450px; background: none; }
.fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden; }
.fullSlide .bd ul{ width:100% !important; }
.fullSlide .bd li{ width:100% !important; height:450px; overflow:hidden; text-align:center; }
.fullSlide .bd li a{ display:block; height:450px; }

.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:30px; line-height:30px; }
.fullSlide .hd ul{ text-align:center; }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:21px; height:21px; margin:1px; overflow:hidden; background:url(../images/btn_img.png) 0 0 no-repeat; text-indent:-9999px; }
.fullSlide .hd ul li.on{ background-position:0 -21px; }

.fullSlide .prev, .fullSlide .next {
    position: absolute;
    display: block;
    width: 73px;
    height: 148px;
    top: 50%;
	margin-top:-74px;	
    z-index: 1;
    cursor:pointer;
    display: none;
}
.fullSlide .prev {
    left:20px;
    background: url(../images/slide_btn_left.png) no-repeat;
}
.fullSlide .prev:hover {
    opacity: .5;
    filter: alpha(opacity=50);	
}
.fullSlide .next  {
    right: 20px;
    background: url(../images/slide_btn_right.png) no-repeat;
}
.fullSlide .next:hover {
    opacity: .5;
    filter: alpha(opacity=50);
}

/* 首页布局 */
.o-index {}
.o-index-one { margin-top:60px; margin-bottom:40px; overflow: hidden; }
.o-index-one-left { float:left; width:510px; }
.o-index-one-right { float:right; width:681px; }
.o-index-recommend-top-headline{
	border-bottom: 2px solid #e4e4e4;
	position: relative;
	min-height: 100px;
}
.o-index-recommend-top-headline h1 span{
	color: #cd0001;
	font-size: 28px;
	font-weight:600;
	display: inline;
}
.o-index-recommend-top-headline h1 i{
	color: #cd0001;
	font-style: normal;
	display: inline;
	padding: 0 8px;
}
.o-index-recommend-top-headline h1 a{
	font-weight:600;
	font-size:30px;
	color: #333333;
}
.o-index-recommend-top-headline h1 a:hover{
	color: #BE8B05;
}
.o-index-recommend-top-headline h1.news-textbig{
	font-size: 28px;
	line-height: 44px;
	height: 88px;
	overflow: hidden;
	margin-bottom: 25px;
	margin-top: -8px;
}
.o-index-recommend-top-headline h1.news-textbig span{
	font-size: 28px;	
}
.o-index-recommend-top-headline .line{
	width: 76px;
	height: 2px;
	display: inline-block;
	background-color: #cd0001;
	position: absolute;
	left: 0px;
	bottom: -2px;
}

.o-index-recommend-top-txt { margin-top:36px; overflow:hidden; }
.o-index-recommend-top-txt ul {}
.o-index-recommend-top-txt ul li { height:40px; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; }
.o-index-recommend-top-txt  ul li a { font-size:17px; }

.o-index-recommend-top-pic {}
.o-index-recommend-top-pic ul {}
.o-index-recommend-top-pic ul li {
	width: 207px;
    margin-left: 20px;
    float: left;
}
.o-index-recommend-top-pic ul li a { display:block; }
.o-index-recommend-top-pic ul li .o-index-recommend-top-pic-item {
	width: 207px;
    height: 116px;
    overflow: hidden;
    position: relative;
}
.o-index-recommend-top-pic ul li p a {
    margin-top: 5px;
    margin-bottom: 16px;
    font-size: 15px;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
}
.o-index-recommend-top-pic-item img {
	width:207px;
	height:116px;
	object-fit: cover;
    transition: transform 0.1s ease-in, -webkit-filter 0.6s ease-out;
}
.o-index-recommend-top-pic-item:hover img {
    -webkit-filter: saturate(1.2) contrast(1.2) brightness(1.1);
}
.o-index-recommend-top-pic-item:active img {
    transform: scale(0.97) translateZ(0);
}
.o-index-recommend-top-pic-item:visited img {
    transition: transform 0s ease, -webkit-filter 1s ease-out;
}

.o-index-column { margin-bottom:40px; overflow:hidden; }
.o-index-recommend-column-headline { float:left; width:518px; overflow:hidden; }
.o-index-recommend-column-headline-pic {
    display: block;
    vertical-align: top;
    zoom: 1;
    position: relative;
    font-size: 0;
    line-height: 0;
    overflow: hidden;
}
.o-index-recommend-column-headline-pic img {
    width: 518px;
    height: 291px;
	object-fit: cover;
}
.o-index-recommend-column-headline-pic:hover img {
    -webkit-filter: saturate(1.2) contrast(1.2) brightness(1.1);
}
.o-index-recommend-column-headline-pic:active img {
    transform: scale(0.97) translateZ(0);
}
.o-index-recommend-column-headline-pic:visited img {
    transition: transform 0s ease, -webkit-filter 1s ease-out;
}
.o-index-recommend-column-headline p a {
    font-size: 16px;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
	display:inline-block;
}

.o-index-column-title { height:40px; line-height:40px; margin-bottom:22px; overflow:hidden; }
.o-index-column-left { float:left; }
.o-index-column-right { float:right; }
..o-index-column-left img { height:40px; }
.o-index-column-right a  { font-size:16px; color:#666; }

/* 页尾 */
.o-footer {
    background: #f0f9fc;
    color: #333;
    margin-top: 40px;
}
.o-footer-links {
    padding: 30px 20px 10px;
	overflow:hidden;
}
.o-footer-link-items {
	font-size: 12px;
	padding: 5px 20px;
	text-align:center;
}
.o-footer-link-items span {
    padding: 0 10px;
    color: #999;
}
.o-footer-link-items a {
    color: #333;
    font-size: 12px;
}
.o-footer-link-items a:hover {
    color: #6C778C;
}

.o-footer-copyright {
    text-align: center;
    padding: 10px 20px 20px;
}
.o-footer-copyright-text {
    font-size: 11px;
    color: #7a9dbb;
    line-height: 1.6;
}