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

@media screen and (max-width:1180px) {
    /*.article{width: 505px;padding:0px;}*/
}
@media screen and (max-width:1180px) {
    .content{ width:auto;}
    .logo{ width:auto; text-align:center; float:none;}
    .menu{ display:none;}
    .nav{ display:none;}
    .newspaper_title{ display:none;}
    .mian .com{ width:auto; float:none; padding:0px}
    .newspaper,.newspaper_title{ width:auto; padding:0; float:none;}
    .newspaper_title{ padding:0 20px;}
    .newspaper_com{ margin:0 auto; float:none; width:300px;position: relative;margin-bottom: 20px;}
    .article .title_top{margin-bottom: 20px;}
    .article .title{padding-bottom: 0px;}
    .article_bg{margin-top: 0px;}
    .article_bg .newspaper{ display:none;}
    .article_bg .article{ width:auto; float:none; padding:0 10px;}

    #article{position: relative;}
    #article .ico_jt{ width:100%; height:1px; position:absolute; left:0; top:20%; z-index:1;}
    #article .ico_jt span{ width:36px; height:36px; display:block; background:url(../images/ico_jt2.png?v=1) center no-repeat; cursor:pointer; opacity: 0.3;}
    #article .ico_jt span.left{ float:left;}
    #article .ico_jt span.right{ float:right; -webkit-transform:rotate(180deg); transform:rotate(180deg);}
    #article .ico_jt span.nextStop,.article .ico_jt span.prevStop{ filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}


    .copyright{ width:calc(100% - 40px); padding: 19px 20px;}
    .m_nav{ position:absolute; right:0; top:23px; display:block;}
    .m_nav a{ width:30px; margin-right:10px; height:24px; display:block; float:left;}
    .m_nav a.nav01{ background:url(../images/ico1.png) center no-repeat; background-size:auto 100%;}
	.m_nav a.nav01.show{ background:url(../images/ico6.png) center no-repeat; background-size:auto 100%;}	
    .m_nav a.nav02{ background:url(../images/ico2.png) center no-repeat; background-size:auto 100%;}
    .m_nav a.nav03{ background:url(../images/ico3.png) center no-repeat; background-size:auto 100%;}
    .m_nav a.nav04{ background:url(../images/ico4.png) center no-repeat; background-size:auto 100%;}

    .menu_ico{ width:32px; height:30px; position:absolute; left:10px; top:18px; cursor:pointer; display:block;}
    .menu_ico span{ width:32px; height:3px; display:block; background:#797979; position:absolute; left:0px; -webkit-transition: -webkit-transform 0.5s ease-out; -moz-transition: -moz-transform 0.5s ease-out; -o-transition: -o-transform 0.5s ease-out; -ms-transition: -ms-transform 0.5s ease-out;}
    .menu_ico .menu_ico01{ top:5px;}
    .menu_ico .menu_ico02{ top:14px;}
    .menu_ico .menu_ico03{ top:23px;}
    .head.hov .menu_ico .menu_ico01{-webkit-transform: rotateZ(228deg); -moz-transform: rotateZ(228deg); -o-transform: rotateZ(228deg);-ms-transform: rotateZ(228deg); transform: rotateZ(228deg); top:13px;}
    .head.hov .menu_ico .menu_ico02{-webkit-transform: rotateZ(313deg); -moz-transform: rotateZ(313deg); -o-transform: rotateZ(313deg);-ms-transform: rotateZ(313deg); transform: rotateZ(313deg); top:13px;}
    .head.hov .menu_ico .menu_ico03{ display:none;}

    .menu.hov{ display:block;}
    .menu{ width:100%; height:100%; position:fixed; left:0; top:70px; background:#fff; z-index:999;}
    .menu a{ display:block; margin:0 15px; border-bottom:1px solid #eee; line-height:55px;}
    .calendar_com{ left:auto; right:20px; top:0;}
    .calendar{ border:2px solid #ddd;}

    #print{padding:10px;}
    #print .title li{font-size: 16px;}

    .mian .com .date_box{ text-align: center;margin-top: 0px;font-weight: bold;}

}



@media screen and (max-width:640px) {

}


@media screen and (max-width:414px) {

}


@media screen and (max-width:320px) {

}