@charset "utf-8";
@media screen and (min-width: 1024px) and (max-width: 1199px) {
.navbox { width: 96% }
#starlist li a { padding: 0 10px; }
#starlist li.menu:before { right: 0 }
.searchbox { width: 96% }
.box, article { width: 96% }
.blogtext { margin-top: 0 }
.xiangguan li { padding: 15px; }
.xiangguan li:nth-child(2),.xiangguan li:nth-child(5) { padding-left: 14px;padding-right: 14px;}
/**/
	.wd li:nth-child(1) { background-size: 0  }
	.wd li:nth-child(2) { background-size: 0 }
	.wd li:nth-child(3),.wd li:nth-child(4) {  background-size: 0 }
	.wd li span { padding: 0 0 0 10px;  }
/**/
	.shu2{width:100%;}
}
@media screen and (max-width: 1023px) {
    /**/
    header { position: fixed; z-index: 999 }
    nav { width: 100%; height: auto; background:  rgba(0,0,0,0.5); margin-top: 18px; position: fixed; z-index: 999; top: 50px; }
    .searchico { position: absolute; top: 6px; right: 10px; }
    .search { width: 80% }
    .navbox { width: 100% }
    .searchbox { width: 100%; position: fixed; top: 50px; z-index: 99; background:rgba(0,0,0,0.5)}
    .logo { margin-left: 0; line-height: 56px;    float: none;    text-align: center;    margin-right: 0px; }
    #mnavh { overflow: hidden; position: absolute; }
    #mnavh { display: block; }
    #starlist { display: none; width: 100%;/* top: 30px; */ }
    #starlist li { width: 55%; text-align: center; background: #413F4D; 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: #413F4D; border-bottom: #ffc107 1px solid; }
    #starlist ul.sub { display: block; position: inherit; left: inherit; top: inherit; }
    #starlist ul.sub li { width: 100% }
    #starlist ul.sub li:last-child { padding-bottom: 0; border-bottom: #ffc107 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: #fff; }
    .menu span { display: block; width: 50px; height: 50px; background: #413F4D; opacity: 0.5; position: absolute; top: 0; right: 0; border-left: #ffc107 1px solid; }
    .menu:before { right: 20px; }
    /**/
    .imgscale img { min-height: 65px;max-height:77px}
    .blogtext { margin-top: 0 }
    .box, article { width: 96% }
    article { padding-top: 80px; }
    .lbox { width: 100% }
    .rbox { display: none }
    .neirong_text p  span{  display: inline-block; width: 49%;}
    .xiangguan li { padding: 12px; }
    .xiangguan li:nth-child(2),.xiangguan li:nth-child(5) { padding-left: 11px;padding-right: 11px;}
    /**/
	.wd{ width:100%; float:left; margin-right:0}
	.wd li:nth-child(1) { background-size: 0  }
	.wd li:nth-child(2) { background-size: 0 }
	.wd li:nth-child(3),.wd li:nth-child(4) {  background-size: 0 }
	.wd li span { padding: 0 0 0 10px;  }
	/**/
	.shu2{width:100%;}
}

    @media only screen and (max-width: 768px) {
        header { height: 48px; }
        .logo img{ height: 40px; width: auto;}
        nav { margin-top: 10px; position: fixed; z-index: 999; top: 50px; }
        #mnavh{ margin-top: 0;}
        .searchico{ margin-top: 0;}
        article { padding-top: 68px; }
        .whitebg{ margin-bottom: 10px;}
        .top{ display: none;}
        .neirong_text .share span{ display: none; }
        .content_box{ padding: 0 20px;}
        .fader {height: 166px; }
        .fader .slide img { height: 166px }
        .headline ul { height: 166px; }
        .headline ul li { height: 78px }
        .headline ul li span { position: absolute; top: 15%; padding: 0 15px; }
        .banbox { margin-bottom: 10px }
        /* */
        .newspic { width: 100%; height: auto }
        .newspic li { width: 49%; float: left}
        .newspic li:last-child { float: right }
        .newspic li a { height: 100% }
        .newslist { float: none; width: 100% }
        /* */
        .shipin ul { overflow: hidden; padding: 10px 0 20px 0; position: relative; }
        .shipin li { float: left; width: 48.75%; overflow: hidden; margin-right: 1.25%;}
        .shipin li:nth-child(2) {  margin: 0 1.25% 0 0;}
        .shipin li:nth-child(3) {  margin: 0 1.25% 0 0; display: none;}
        .shipin ul {padding: 10px 0 0 0; }
        /* */
        .blogpic { float: left; width: 22%; margin-right: 10px; }
        .blogtext { margin-top: 0 }
        .imgscale img { height: 63px;}
        .xiangguan li { padding: 8px; }
        .xiangguan li:nth-child(2),.xiangguan li:nth-child(5) { padding-left: 7px;padding-right: 7px;}
        }
        @media only screen and (max-width: 480px) {
            .banbox { width: 100% }
            .fader { height: 144px; }
            .headline { width: 100% }
            .headline ul { height: auto; overflow: hidden }
            .headline ul li { width: 49%; float: left; }
            .headline ul li:last-child { float: right }
            .mianbaoxie{ margin-top: 10px;}
            .neirong_tilte{ margin-top: 10px;}
            .neironginfo{ margin-bottom: 10px; margin-top: 2px;}
            .lanmu h1{ margin-bottom: 10px;}
            footer{ border-top:#827d99 2px solid}
            /**/
            .newspic { width: 100%; height: auto }
            .newspic li { width: 49%; float: left;  height: 72px;}
            .newspic li:last-child { float: right }
            .newspic li a { height: 100% }
            .newspic span { padding: 0 8px; }
            .newslist { float: none; width: 100% }
            /**/
            .xiangguan ul { padding: 0 }
            .xiangguan li { width: 44%; padding: 8px;}
            .xiangguan ul:before { left: 0; }
            .xiangguan ul:after { bottom: 0 }
            .xiangguan li:nth-child(2) { border-right: #eee 0px solid}
            .xiangguan li:nth-child(3) {border-right: #eee 1px solid;}
            .xiangguan li:nth-child(4),.xiangguan li:nth-child(6) { padding-right: 7px;padding-left: 7px;}
            .xiangguan li:nth-child(5) { border-left: #eee 0px solid; padding-left: 8px;padding-right: 8px;}
            /**/
            .blogtitle { font-size: 16px }
            a.viewmore { position: static; margin-top: 10px; text-align: center }
            .blogpic { width: 100%; height:auto}
            .blogtext {width: 100%; margin-top: 15px; height:auto; }
            .bloginfo { width: 100%; margin-top: 10px;}
            .imgscale img { height:auto; max-width: 100%; max-height: none;}
            /**/
            .lanmu h1 { font-size: 18px; }
            .top_pic { width: 100%; float: none; margin-bottom: 10px }
            .top_box { float: none; width: 100%; }
            .tab_buttons { overflow-x: auto;}
            .tab_buttons ul { width:100%;overflow-x: scroll;}
            .tab_buttons li {margin-right: 4%;width: 21%;}
            .newscurrent:after{width:100%}
            /**/
            .shipin li { float: left; width: 98.75%; overflow: hidden; margin-right: 1.25%;}
            .neironginfo span { padding-right: 10px;}
        }  
        @media only screen and (max-width: 419px) {
            .wd li span { display:none}
            .wd li { line-height: 28px; padding: 5px 0;}
        }
        @media only screen and (max-width: 359px) {
            .tab_buttons li{ font-size: 15px;margin-right: 2%;width: 23%;}
        }
        
        
        
        