/* ===== 头部作用域 reset =====
   首页专用的 index.css 里有全局 reset（* { margin:0; padding:0; box-sizing:border-box }、
   body { line-height:1.6 } 等），但该文件只在首页加载；内页（12345、列表页等）
   缺少它时，头部元素按浏览器默认 margin/padding/行高渲染，导致 .hedaer-box
   与首页不一致（整体被撑高约 10px）。
   此处以 .hedaer-box 作用域补齐等效 reset，保证所有页面头部渲染一致；
   必须放在本文件最前面：后文同优先级的显式 margin/padding 规则按顺序覆盖它。 */
.hedaer-box {
	line-height: 1.6;
	font-size: 16px;
	color: #000;
}
.hedaer-box ul {
	list-style: none;
}

.hedaer-box{
	width: 100%;
	height: 460px;
	margin: auto;
	background-image: url(/yasrmzf/pc2026/images/index/hedaer.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: white;
}
/* 防御页面级 CSS 的全局 img 重置（如 index.css 的 img{vertical-align:middle}），
   保证头部在所有页面渲染一致：默认基线对齐，右上角小图标单独保持 middle */
.hedaer-box img{
	vertical-align: baseline;
}
.hedaer-box .top-text-box{
	height: 30px;
	font-size: 16px;
	padding-top: 15px;
    max-width: 1200px;
    margin: auto;
}
.hedaer-box .top-text-box a{
	line-height: 16px;
	color: #185ca2;
}
.hedaer-box .top-text-box a img{
	
}
.hedaer-box .top-text-box .top-left-text-box{
	float: left;
	height: 30px;
}
.hedaer-box .top-text-box .top-left-text-box a{
	margin-left: 20px;
}
.hedaer-box .top-text-box .top-right-text-box{
	float: right;
	height: 30px;
}
.hedaer-box .top-text-box .top-right-text-box a{
	margin-right: 20px;
}
.hedaer-box .top-text-box .top-right-text-box a img{
	margin-top: -3px;
	margin-right: 5px;
	vertical-align: middle;
}
 .top-right-text-box .zzzq{
	border-radius: 20px;
	padding: 2px 10px 3px 10px;
	background: #185ca2;
	color: #fff !important;
}

 .top-right-text-box .ipv6{
	border: 1px solid #185ca2;
	border-radius: 20px;
	padding: 2px 10px 2px 10px;
}
.hedaer-box .top-logo-box{
	width: 350px;
	margin: 45px auto;
}
.hedaer-box .top-logo-box .logo-images{
	width: 100px;
	margin: auto;
}
.hedaer-box .top-logo-box .logo-images img{
	width: 100px;
}
.hedaer-box .top-logo-box .logo-text{
	width: 350px;
	margin: auto;
}
.hedaer-box .top-logo-box .logo-text img{
	width: 350px;
}
.top-search-box{
	width: 500px;
	height: 40px;
	margin: auto;
	border-radius: 20px;
}
.top-search{
	width: 500px;
	height: 40px;
	margin: auto;
	border-radius: 20px;	
}
.top-search-box .search-text{
	width: 400px;
	height: 40px;
	float: left;
	border-radius: 20px;
}
.top-search-box .search-text {
	width: 400px;
	height: 40px;
	float: left;
	border-radius: 20px 0px 0px 20px;
	background: rgba(255, 255, 255, 0.8);
}
.top-search-box .search-text input {
	    width: 400px;
	    height: 40px;
	    border: 0;
	    margin-left: 20px;
	    background: rgba(255, 255, 255, 0);
	    border-radius: 20px 0px 0px 20px;
}
.top-search-box .search-text input::-webkit-input-placeholder { color: #999; }
.top-search-box .search-button{
	    float: left;
	    width: 100px;
	    height: 40px;	
		
}
.top-search-box .search-button img{
	z-index: 100;
	position: absolute
	;margin: 10px 15px;
	width: 22px;
}
.top-search-box .search-button input{
	width: 100px;
	height: 40px;
	border-radius: 0px 20px 20px 0px;
	border: 0;
	color: #fff;
	background: #275296;
    cursor: pointer;
}

.top-search-box .search-button img {
    cursor: pointer;
}
.hedaer-box .top-list-box{
	position: relative;
	z-index: 2;
	color: #fff;
	height: 62px;
	background: #275296;
	margin-top: 50px;
}
.navBar {
	    position: relative;
	    z-index: 1000;
	    color: #fff;
	    height: 62px;
	    background: #275296;
}
.nav {
	    position: relative;
	    width: 1200px;
	    margin: 0 auto;
	    height: 61px;
}
.clearfix:after {
	    content: ".";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
}
.nav .m {
	    padding: 0 49px;
}
.nav .m {
	    float: left;
	    padding: 0 64px;
	    background: url(/yasrmzf/pc2026/images/index/bbg.png) no-repeat right center;
}
.nav .li07 {
	    background: none;
}
.nav h3 {
	    display: block;
	    margin: 0;
	    padding: 0;
	    font-weight: 400;
	    position: relative;
	    z-index: 10;
}
.nav h3 a {
	    zoom: 1;
	    height: 62px;
	    line-height: 62px;
	    display: block;
	    font-size: 18px;
	    color: #fff;
}
.nav .sub {
	    display: none;
	    width: 1200px;
	    padding: 20px 0;
	    position: absolute;
	    left: 0;
	    top: 62px;
	    background: url(/yasrmzf/pc2026/images/index/bg033.png);
}
	
.id-sz {
	    padding-left: 34px;
	    border-right: 1px solid #afafaf;
	    float: left;
	    width: 850px;
	    overflow: hidden;
}
.id-sz-sz h1 {
	    line-height: 34px;
	    font-size: 18px;
	    color: #343434;
	    font-weight: bold;
	    float: none;
	    text-align: center;
}
.id-sz-sz ul {
	    margin-top: 2px;
	    width: 850px;
	    float: left;
	    margin-bottom: 10px;
}
.id-sz-sz ul li {
	    /* width: 50px; */
	    float: left;
	    font-size: 16px;
	    line-height: 24px;
	    margin: 3px 0;
	    margin-left: 19px;
	    margin-right: 3px;
}
.id-sz-sz ul li a {
	    float: left;
	    color: #343434;
}
.id-nav01 {
	    margin-right: 19px;
	    float: right;
	    width: auto;
	    overflow: hidden;
	    padding-right: 34px;
}
.id-nav01 ul li {
	    line-height: 33px;
	    float: left;
}
.id-nav01 ul li a {
	    float: left;
	    font-size: 18px;
	    font-weight: bold;
	    color: #343434;
}
.id-nav01 ul li span {
	    float: left;
	    font-size: 18px;
	    font-weight: bold;
	    color: #343434;
	    margin: 0 13px;
}
.id-xxgk {
	    width: 1100px;
	    margin: 0 auto;
}
.id-xxgk ul li {
	    margin: 8px 18px;
	    float: left;
}
.id-xxgk ul li a {
	    font-weight: bold;
	    font-size: 18px;
	    white-space: normal;
	    line-height: 24px;
	    color: #343434;
}	
/* ===================== 响应式样式 ===================== */
/*按照1024X1366分辨率写*/
@media (max-width:1200px) {
    .hedaer-box {
        height: auto;
        background-size: cover;
    }
    /* 顶部工具条 */
    .hedaer-box .container {
        width: auto;
        box-sizing: border-box;
        padding-left: 15px;
        padding-right: 15px;
    }
    .hedaer-box .top-text-box .top-right-text-box .wza{
		display:none;
	}
    .hedaer-box .top-text-box {
        height: auto;
    }
    .hedaer-box .top-text-box .top-left-text-box,
    .hedaer-box .top-text-box .top-right-text-box {
        height: auto;
    }
    .hedaer-box .top-text-box .top-left-text-box a,
    .hedaer-box .top-text-box .top-right-text-box a {
        margin-left: 10px;
        margin-right: 10px;
        white-space: nowrap;
    }
    /* logo 区 */
    .hedaer-box .top-logo-box {
        margin: 35px auto;
    }
    .hedaer-box .top-logo-box .logo-text {
        width: auto;
        max-width: 350px;
    }
    .hedaer-box .top-logo-box .logo-text img {
        width: 100%;
    }
    /* 搜索框 */
    .top-search-box,
    .top-search {
        width: 600px;
        max-width: 88%;
    }
    /* 主导航：平铺一行 */
    .hedaer-box .top-list-box {
        margin-top: 32px;
    }
    .nav {
        width: auto;
        height: 62px;
        display: flex;
        justify-content: center;
    }
    .nav .m {
        float: none;
        padding: 0 24px;
    }
    .nav h3 a {
        font-size: 16px;
    }
    /* 下拉面板 */
    .nav .sub {
        width: 100%;
    }
    .nav .sub .id-xxgk {
        width: auto;
        box-sizing: border-box;
        padding: 0 24px;
    }
    .nav .sub .id-xxgk ul li {
        margin: 8px 12px;
    }
    .nav .sub .id-sz {
        width: auto;
        max-width: 58%;
        box-sizing: border-box;
    }
    .nav .sub .id-sz-sz ul {
        width: auto;
    }
    .nav .sub .id-nav01 {
        padding-right: 24px;
    }
}

/*按照768X1024分辨率写*/
@media (max-width:992px) {
    .op-list-box .sub{display: none;}
	.op-list-box.on .sub{display:none;}
    .hedaer-box .top-text-box {
        font-size: 14px;
        padding-top: 10px;
    }
    .hedaer-box .top-text-box .top-left-text-box a,
    .hedaer-box .top-text-box .top-right-text-box a {
        margin-left: 6px;
        margin-right: 6px;
    }
    .top-right-text-box .zzzq,
    .top-right-text-box .ipv6 {
        padding: 2px 8px;
    }
    /* logo 区缩小 */
    .hedaer-box .top-logo-box {
        margin: 26px auto;
    }
    .hedaer-box .top-logo-box .logo-images,
    .hedaer-box .top-logo-box .logo-images img {
        width: 84px;
    }
    .hedaer-box .top-logo-box .logo-text {
        max-width: 320px;
    }
    /* 搜索框 */
    .top-search-box,
    .top-search {
        width: 440px;
        max-width: 90%;
    }
    .top-search-box .search-text {
        width: 340px;
        max-width: calc(100% - 100px);
        box-sizing: border-box;
    }
    .top-search-box .search-text input {
        width: 100%;
        margin-left: 14px;
        box-sizing: border-box;
    }
    /* 主导航：压紧间距 */
    .hedaer-box .top-list-box {
        margin-top: 24px;
    }
    .nav {
        justify-content: space-between;
        box-sizing: border-box;
        padding: 0 6px;
    }
    .nav .m {
        padding: 0 10px;
        background: url();
    }
    .nav h3 a {
        font-size: 15px;
    }
    .nav .sub .id-sz {
        max-width: 55%;
        padding-left: 20px;
    }
}

/*按照360X740分辨率写*/
@media (max-width:480px){
    /* 手机端去掉风景背景图：窄屏下 cover 会放大模糊、100% auto 会截断层留白，
       改用淡蓝到白渐变，与蓝色导航条自然衔接 */
    .hedaer-box {
        /* background-image: linear-gradient(180deg, #e8f1fb 0%, #f7fafd 30%, #ffffff 65%); */
        height: auto;
        display: grid;
    }
    /* 顶部工具条：两行居中 */
    .hedaer-box .top-text-box {
        font-size: 13px;
        padding-top: 8px;
    }
    .hedaer-box .top-text-box .top-left-text-box {
        float: none;
        text-align: center;
        display: none;
    }
    .hedaer-box .top-text-box .top-left-text-box a {
        margin: 0 8px;
    }
    .hedaer-box .top-text-box .top-right-text-box {
        float: none;
        text-align: center;
        margin-top: 5px;
        line-height: 24px;
    }
    .hedaer-box .top-text-box .top-right-text-box a {
        display: inline-block;
        margin: 0 5px;
    }
	.hedaer-box .top-text-box .top-right-text-box .wza{
		display:none;
	}
    .top-right-text-box .zzzq,
    .top-right-text-box .ipv6 {
        padding: 1px 7px;
    }
    /* logo 区 */
    .hedaer-box .top-logo-box {
        margin: 18px auto;
    }
    .hedaer-box .top-logo-box .logo-images,
    .hedaer-box .top-logo-box .logo-images img {
        width: 70px;
    }
    .hedaer-box .top-logo-box .logo-text {
        max-width: 94%;
    }
    /* 搜索框：自适应撑满 */
    .top-search-box,
    .top-search {
        width: 92%;
        height: 36px;
    }
    .top-search-box .search-text {
        width: calc(100% - 84px);
        height: 36px;
    }
    .top-search-box .search-text input {
        width: 100%;
        height: 36px;
        margin-left: 12px;
        box-sizing: border-box;
    }
    .top-search-box .search-button {
        width: 84px;
        height: 36px;
    }
    .top-search-box .search-button input {
        width: 84px;
        height: 36px;
        font-size: 14px;
    }
    .top-search-box .search-button img {
        width: 18px;
        margin: 9px 8px;
    }
    /* 主导航：3列2行网格 */
    .hedaer-box .top-list-box,
    .navBar,
    .nav {
        height: auto;
    }
    .nav {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0;
    }
    .nav .m {
        float: none;
        width: 33.333%;
        padding: 0;
        background: none;
        box-sizing: border-box;
        text-align: center;
        border-bottom: 1px solid rgba(255, 255, 255, 0.12);
    }
    .nav .m:nth-last-child(-n+3) {
        border-bottom: 0;
    }
    .nav h3 {
        margin: 0;
    }
    .nav h3 a {
        font-size: 15px;
        height: 46px;
        line-height: 46px;
    }
    .nav h3 i {
        display: none;
    }
    /* 下拉面板：全宽自适应（导航两行共 92px，面板从其下方展开，避免压住第二行菜单） */
    .nav .sub {
        width: 100%;
        top: 92px;
        max-height: 70vh;
        overflow-y: auto;
        padding: 12px 0;
    }
	.nav .m.on .sub{
		display:block;
	}
    .nav .sub .id-sz {
        float: none;
        width: auto;
        max-width: 100%;
        padding: 0 12px;
        border-right: 0;
    }
    .nav .sub .id-sz-sz ul {
        width: 100%;
    }
    .nav .sub .id-sz-sz ul li {
        margin-left: 12px;
    }
    .nav .sub .id-nav01 {
        float: none;
        margin: 10px 0 0;
        padding: 0 12px;
    }
    .nav .sub .id-xxgk {
        width: auto !important;
        padding: 0 12px;
    }
    .nav .sub .id-xxgk ul li {
        margin: 6px 8px;
    }
    .nav .sub .id-xxgk ul li a {
        font-size: 15px;
    }
}