@charset "utf-8";
/* CSS Document */

@media screen and (min-width: 1024px) and (max-width: 1199px) {

body {background: #f2f2f2 url(../images/bg.png) repeat-x 0 -89px;}
header { height:300px;}
.logo { background-size: auto 200px; height:200px;}
article { width:100%;}
.box  { width:96%;}
.injj2 { height:198px; }
.injj p { padding:10px 20px 9px 20px;font-size:12px; line-height:25px; overflow:hidden;}
.tab_box { height:358px;}
ul.inlist li {  margin:15px 0px; }
ul.inlist li a { font-size:16px;}
ul.inlist li p  { font-size:12px; line-height:20px;}
.foot { width:96%;}
.zzlist li img { width:75%;}
}

@media screen and (max-width: 1023px) {
	
header { position: fixed; z-index: 999 }
nav { width: 100%; height:auto; background: rgba(0,0,0,0.5); position: fixed; z-index: 999; top: 44px; }	
#mnavh { overflow: hidden; position: absolute; }
#mnavh { display: block; }
#starlist { display: none; width: 100%; /* top: 30px; */ }
#starlist li {clear:both; width: 55%; text-align: center; background:#039;  float: none; display: block; font-weight: bold; }
#starlist li:last-child { padding-bottom: 100% }
#starlist li a { color: #fff; display: block; width: 100%; text-align: center; float: none; padding: 0; background: #039; border-bottom: #335cad 1px solid; }
#starlist ul.sub {display: none; position: inherit; left: 0; top: 0; }
#starlist ul.sub li { display:none; }
#starlist ul.sub li:last-child { padding-bottom: 0; border-bottom: #49ccea 1px solid; }
#starlist ul.sub li a { color: #fff; font-weight: normal; border-bottom: none; }
#starlist ul.sub li a:hover, #starlist li:hover a, #starlist #selected { color: #ff0; }
.dh span { display: block; width: 50px; height: 50px; background: #12b7de; opacity: 0.5; position: absolute; top: 0; right: 0; border-left: #49ccea 1px solid; }
article { padding-top: 60px; }
}
    /* 默认两个广告都显示（PC端） */
    .whitebg.ad2 > div {
        display: block;
    }

    /* 手机端（屏幕宽度 ≤ 768px）只显示第一个，隐藏第二个 */
    @media (max-width: 768px) {
        .whitebg.ad2 > div:nth-child(2) {
            display: none;
        }
            /* 手机端广告优化 */
.whitebg.ad1, .whitebg.ad2 {
    margin-top: 0px;
    width: 49%;
    display: inline-block;
    vertical-align: top; /* To align them at the top */
    box-sizing: border-box; /* To include padding and border in the width */
}    
.whitebg.ad2 > div:nth-child(2) {
        display: none;
    }
    /* 统一图片高度处理 */
    .whitebg.ad1 img,
    .whitebg.ad2 img {
        width: 100%;
        height: auto;
        object-fit: cover; /* 保持比例裁剪 */
        aspect-ratio: 16/9; /* 统一宽高比 */
    }
    /* 可选：固定容器高度 */
    .whitebg.ad1,
    .whitebg.ad2 {
        height: 50%; /* 根据需求调整 */
    }    
}
@media only screen and (max-width: 768px) {

body { background:#f2f2f2 none;}
article { width:100%;}
.box  { width:96%;}
h3.bt {font-size:14px;padding:0 0 0 30px;}
h3.bt span { display:none;}
header { height:auto;}
.logo { background:#039 url(../images/logo.png) no-repeat 37% 5px;background-size: auto 40px;  height:50px; line-height:50px; border-bottom:1px solid #335cad;}
.logo a { display:block; text-align:center; color:#fff; font-size:22px; padding:0 0 0 17%;}
nav { height:auto; overflow:hidden;} 
.lbox { width: 100%; overflow: hidden; }
.rbox { width: 100%; overflow: hidden; }
.ad1 span { display:none;}
.ad2 p:nth-child(2) { display:none;}
.injj { margin-top:20px;}
.inimg li { float:left; width:33%;}
.inimg li:nth-child(4),.inimg li:nth-child(5) { display:none;}
.inform { border:0;}
.inform2 { background:none; padding-left:0;}
.inimg2 li { float:left; width:100%; margin:10px 0; font-size:120%; }
.link {line-height:2em; padding:10px 0; border:0;}
.link a { display:inline-block; width:18%; margin:0;}
.foot { clear:both; width:100%; border-top:1px solid #335cad; margin:10px 0 0 0; padding:20px 0;}
.foot p { padding:0 20px; line-height:20px;}
.foot span { width:18%;}
.bt2 { background:#eee none;}
.bt2 * { display:inline-block; }
.bt2 strong {color:#039;}
.bt2 span{ display:none;}
.menu { padding:20px 20px 0 20px;}
.menu li { display:inline-block; width:19%; padding:0; text-align:center; background:none;}
.menu li a:hover,.menu li.over  { background:#eee none; color:#039;}
#bodymx .ad1,#bodymx .ad2 { display:none;}
.about { margin-top:20px;}
.w1 { width:90%;}
.mx2 .nr { font-size:1.1em; line-height:2em;}
.search .photo { display:block; width:100%;}
.search table { display:block; width:100%; font-size:1.5em;}
.xylist li { width:43%; border-right:0;}
.zzlist li div { height:280px;}
.zzlist li span { display:inline-block; color:#333; padding:10px;}
.zzlist li img { width:75%;}
}
@media only screen and (max-width: 480px) {
	
.box  { width:90%;}
.whitebg { padding:10px;}
.logo {background:#039 url(../images/logo.png) no-repeat 30% 5px; background-size: auto 40px;  height:50px; line-height:50px;}	
.logo a {  font-size:18px;}
.mt20 { margin-top:10px;}
.ad3 { display:none;}
.injj p { padding:10px;}
.tab_box { height:auto;}
.tab_buttons li { padding:0 10px;}
ul.inlist li { background:url(../images/ico3.png) no-repeat 5px 5px; margin:14px 0px; padding-right:10px; }
ul.inlist li a { font-size:14px; width:90%; font-weight:bold;}
.bt span { display:none;}
.inimg ul { padding:10px 0;}
.inimg li { float:left; width:100%; margin:10px 0;}
.inimg li:nth-child(4) { display:inline-block;}
.inform2 p.intxt,.inform2 form  { width:100%; padding:10px 0 0 0;}
.inform2 form p  { padding:0;}
.inimg2 li span { font-size:12px;}
.link {line-height:25px; font-size:12px;}
.link a  { width:30%;}
.foot { font-size:12px; text-align:center;}
.foot span { float:none; clear:both; width:100%; text-align:center;}
.foot span img { display:block; margin:0 auto;}
.foot em { display:none;}
.bt2 strong { line-height:30px;}
.menu { padding:10px 10px 0 10px; line-height:25px;}
.menu li {width:32%;  font-size:12px;}
.bt3 span { display:none;}
.mx,.mx2 { padding:10px; }
.mx .nr,.mx2 .nr { padding:5px; line-height:1.5;}
.txtlist { font-size:14px; line-height:2.3; padding:10px;}
.txtlist li {padding:0 5px;}
.txtlist li span { display:none;}
.txtlist li a { text-align:left; width:90%;display:block;background:url(../images/ico3.png) no-repeat 0 50%; padding:0 0 0 15px;}
.fy a {margin:0 5px 10px 5px; padding:3px 7px;}
.mx2 h1 { font-size:18px; }
.mx2 h2  { line-height:24px;}
.book { padding:10px;}
.tab1,.tab2 { float:none; width:100%;}
.search { padding:10px;}
.search table { font-size:14px;}
.xylist { padding:5px;}
.xylist li {width:49%;}
.xylist li a { padding:10px;}
.xylist li strong {font-size:14px;margin:5px 0;}
.xylist li span  {font-size:12px;}
#video {width: 100%; height: 200px;}
.zzlist li { display:block; width:100%;}
.zzlist li div { height:auto;}

}