html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
body {
	-webkit-font-smoothing: antialiased;
	line-height: 1.6;
    font-family: "微软雅黑","宋体";
    min-width:1000px;
}
input, textarea, button, a {
	outline: 0
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, dl, dd, fieldset, textarea {
	margin: 0
}
fieldset, legend, textarea, input {
	padding: 0
}
ul, ol,li{
	padding-left: 0;
	list-style-type: none
}
a img, fieldset {
	border: 0
}
img{ display:inline-block;margin:0 auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block
}
audio, canvas, video {
	display: block;
	max-width: 100%;
	margin: 0 auto;
}
audio:not([controls]) {
	display: none;
	height: 0
}
[hidden] {
	display: none
}
svg:not(:root) {
	overflow: hidden
}
figure {
	margin: 0
}
button, input, select, textarea {
	font-family: inherit;
	font-size: 100%;
	margin: 0
}
button, select {
	text-transform: none
}
button, html input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button
}
button[disabled], html input[disabled] {
	cursor: default
}
input[type="checkbox"], input[type="radio"] {
	box-sizing: border-box;
	padding: 0
}
input[type="search"] {
	box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-appearance: textfield;
	-webkit-box-sizing: content-box
}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}
textarea {
	overflow: auto;
	vertical-align: top;
	resize: none
}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
box-shadow:inset 0 0 0 1000px #fff;
-moz-box-shadow:inset 0 0 0 1000px #fff;
-webkit-box-shadow:inset 0 0 0 1000px #fff
}
select {
	border-radius: 0;
	-webkit-border-radius: 0
}
body {
	line-height: 1.6;
	color: #222;
	font-size: 16px
}
textarea, input {
	color: #222
}
textarea::-webkit-input-placeholder, input::-webkit-input-placeholder {
color:#a3a3a3
}
textarea:-moz-placeholder, input:-moz-placeholder {
color:#a3a3a3
}
textarea::-moz-placeholder, input::-moz-placeholder {
color:#a3a3a3
}
textarea:-ms-input-placeholder, input:-ms-input-placeholder {
color:#a3a3a3
}
textarea.placeholder, input.placeholder {
	color: #a3a3a3
}
textarea {
	resize: none;
	overflow-y: auto
}
*:focus { outline: none; }
a{
	color: #0139ff;
	text-decoration: none
}
a:hover {
	text-decoration: underline
}
img{border: 0;}
button, input, select, textarea {
*font-family:"Helvetica Neue", "Hiragino Sans GB", "Microsoft YaHei", "\9ED1\4F53", Arial, sans-serif
}

.clearfix:before,.clearfix:after {
    content:"";
    display:table;
}
.clearfix:after {
    clear:both;
    overflow:hidden;
}
.clearfix {
    zoom:1; 
}
.clear{clear:both;}
.clrl{clear:left;}
.onlyMb,
.mbOnly {display: none;}
.idt p{text-indent:2em;}
.idt p.pidt-3{text-indent: -3em;padding-left: 3em;}
.idt p.ppdd3{padding-left: 3em;text-indent: 0;}
.cntr{text-align: center;}
.rght{text-align: right;}
.nem{ font-family:楷体; font-weight:800;}
.s1{float: left;}
.s3{float: right;}
.darkblue,a.darkblue{color: #03c;}

.wrapper{text-align: center;color: #333;}
.bIn{width:1200px;margin: 0 auto;}

.login{margin:0 auto;/* height:28px; *//* line-height:28px; */border-bottom:#999 solid 1px;background:#f2f2f2;font-size:16px;position: relative;z-index: 999}
.login .s1{text-align:left;}
.login .s3{text-align:right;}
.login a{color:#000;padding: 0 5px;}
.login a .zyq{color:blue;}
.login a.top-ntc{color:red;}

.lgnup{display: inline-block;position: relative;padding: 0 10px;}
.lgnttl{position: relative;z-index: 1;}
.lgnttl a{color:#00f;}
.lgnttl:after{content: "»";display:inline-block;color: #666;font:400 24px/24px Arial;vertical-align: text-top;padding: 0 3px;transform:rotate(90deg);overflow: hidden;margin-top:-1px;}
.lgnbox{display: none;position: absolute;top:25px;left:0;width: 200px;box-sizing: border-box;padding:12px 0;}
.lgnbox ul{border-radius: 5px;border:1px solid #ddd;background:#fff;box-sizing: border-box;padding:10px 5px;box-shadow: 0 3px 5px 3px rgb(0 0 0 / 30%);line-height:40px;font-size: 18px;}
.lgnbox:before{content: "▲";display:inline-block;color: #fff;font:400 20px/20px Arial;overflow: hidden;position: absolute;top:0;left:24px;}
.lgnup:hover .lgnbox{display: block;}
.lgnup:focus .lgnbox{display: block;}

.lgnup:hover .lgnttl:after{transform:rotate(270deg);}
.lgnbox a{color:#5e5d5b;display: block;height: 100%;padding: 0 0 0 15px;width: 100%;overflow: hidden;box-sizing: border-box;text-overflow: ellipsis;white-space: nowrap;}
.lgnbox a:hover{background:#fcf0f2;color:#951f16;text-decoration: none;}
.lgnicon a:before{display: inline-block;margin: -1px 10px 0 0;vertical-align: middle;content: "";width:20px;height: 20px;background: url(http://odp.cn/comm/img/proicon_32.png) no-repeat;background-size: 20px 20px;}
.lgni3 a:before{background-image: url(http://odp.cn/comm/img/efile_32.png);}
.lgni4 a:before{background-image: url(http://odp.cn/comm/img/notice_32.png);}
.lgnbox ul b{font-weight: 400;}
.lgni1 a b{color:#c00}
.lgni3 a b{color:#005597}
.mqpbox{display: none;position: absolute;z-index:9;top:0;left: 150px;width: 150px;box-sizing: border-box;border:1px solid #ddd;background:#fff;padding: 5px 5px;color:#1d5396;box-shadow: 0 3px 5px 3px rgb(0 0 0 / 30%);line-height: 30px;font-size: 16px;text-align: center;}
.mqpbox b{display:block;}
.mqpbox img{display: block;width:120px;height: auto;}
.lgni1{position: relative;}
.lgni1:hover .mqpbox{display: block;}
.lgni2:hover .mqpbox{display: block;font-size: 14px;left:180px;top:30vh;left:9vw;width:80vw;}

.introlnks{margin:1% 0;text-align: center;position:relative;}
.introlnks:before{position:absolute;top: 22px;content:"";display:block;border-top: 1px solid #303c40;width:100%;}
.introlnks a{border:5px solid #f6f6f6;position:relative;display: inline-block;margin: 0 15px;padding: 8px 16px;text-decoration: none;font-size: 14px;border-radius: 4px;transition: all 0.3s ease;background-color: #303c40;color: #fff;/* box-shadow: 0 4px 8px rgba(0,0,0,0.1); */}
.introlnks a:hover{background-color: #c00; color: #fff; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.15);}
.introlnks a.active{background-color: #c00; color: #fff; transform: translateY(-1px); box-shadow: 0 4px 8px rgba(0,0,0,0.15);}

/* 主体部分样式优化 */
.sec9 {
    background: #fff;
    position: relative;
    overflow: hidden;
}

.sec9 .bIn {
    position: relative;
    z-index: 1;
}

.sec-docs {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 8px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    padding: 40px;
    max-width: 1200px;
    margin: 0 auto;
    backdrop-filter: blur(10px);
    border: 1px solid #f0f0f0;
    transition: box-shadow 0.3s ease;
}

.sec-docs:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.12);
}

.mTtl {
    text-align: center;
    margin-bottom: 30px;
    position: relative;
}

.mTtl h3 {
    font-size: 24px;
    color: #f00;
    font-weight: 600;
    margin: 0;
    display: inline-block;
    padding: 0 30px;
    position: relative;
}

.mTtl h3::before,
.mTtl h3::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 50px;
    height: 2px;
    background: linear-gradient(90deg, transparent, #f00, transparent);
}

.mTtl h3::before {
    left: -60px;
}

.mTtl h3::after {
    right: -60px;
}
.mTtl a {
    color: #f00;
    text-decoration: none;
}

.mTxt {
    line-height: 1.8;
    color: #333;
    font-size: 18px;
}

.mTxt h2 {
    font-size: 28px;
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px solid #f00;
    text-align: center;
}

.mTxt p {
    margin-bottom: 18px;
    text-align: justify;
    opacity: 1;
    transform: translateY(0);
}

.mTxt strong {
}
.mTxt .emkt {
    font-family: '楷体';
    font-weight: 600;
}

.footer{margin-top:1%; background:#303c40; font-size:16px;color:#fff; padding:12px 0;text-align: center;}
.footer .bIn{text-align: center;}
.footer p{text-indent:-5.2em;padding-left:5.2em;}
.footer a{color:#fff;}
.footer b{font-weight: 400;}

.units{width:800px;margin:  0 auto;}
.units dt{float: left;width:300px;text-align: right;white-space: nowrap;}
.units dd{float: left;width:500px;text-align: left;}
.dl2s dt.dtn{width:auto;margin-left:35px;}
.dl2s dd{width:auto;}
.certs{width: 800px;margin:  0 auto;padding:0 0 0 300px;box-sizing: border-box;text-align: left;}
.orga,a.orga{color:#0ff}
.grn{color:#eaff00}
.hot,a.hot{color: #f00;}
.efile{color:#ff6;}
a.green{color:#181;font-weight: 800;}

/* 响应式设计 */
@media (max-width: 768px) {
body {
	-webkit-text-size-adjust: none;
}
body {
	min-width: 100%;
}
body, button, input, select, textarea {
	font: 1rem/1.6 "Microsoft Yahei";
}
	
.onlyMb {
	display: inline;
}
.mbOnly {
	display: block;
}
.onlyPc {
	display: none;
}
.bIn{width:auto;}
.login{font-size:0.875rem;}
.login a{padding:0 3px}
.login .s3{padding: 0 3px 0 0;}
.lgnup{padding:0 3px}
.lgnttl:after{font:400 1.25rem/1.25rem Arial;margin-top:0;}
.lgnup:hover .lgnbox{display: none;}
.lgnup:hover .lgnttl:after{transform:rotate(90deg);}
.mqpbox{width:calc(100vw - 160px);}
.lgni1:after{content: "🖥️";position: absolute;top: 0;right: 5px;width: 0.75rem;height:0.75rem;font-size:0.75rem;}
.lgnup > [type="checkbox"] {position: absolute;display: block;width: 90%;height:32px;margin: 0 0 0 -6px;z-index: 999;opacity: 0;}
.lgnup > [type="checkbox"]:checked + .lgnttl:after{transform:rotate(270deg);}
.lgnup > [type="checkbox"]:checked + .lgnttl + .lgnbox{display: block;}
 
.login a.top-ntc{display: none;}

.introlnks:before{top:17px;}
.introlnks a{border:2px solid #f6f6f6;margin: 0 1px;padding: 3px 5px;font-size: 0.875rem;}
    .sec9 {
        padding: 10px 0;
    }
    
    .sec-docs {
        padding: 10px;
        margin: 0 10px;
    }
    
    .mTtl h3 {
        font-size: 1.25rem;
        padding: 0 20px;
    }
    
    .mTtl h3::before,
    .mTtl h3::after {
        width: 30px;
    }
    
    .mTtl h3::before {
        left: -40px;
    }
    
    .mTtl h3::after {
        right: -40px;
    }
    
    .mTxt h2 {
        font-size: 1.375rem;
    }
    
    .mTxt {
        /* font-size: 14px; */
    }
    
.footer{ font-size:0.875rem;padding:12px 0;}
.mbrc{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.units{width: auto;margin: 0 auto 10px auto;border-bottom:1px solid #667;padding-bottom: 12px;}
.units dt{width:100px;}
.units dd{width: calc(100vw - 116px);}
.dl2s dt.dtn{width:100px;margin-left:0;}
.dl2s dd{/* width:200px; */}
.certs{width: auto;padding:0;text-align: center;}
.mnbr{white-space: nowrap;}
}