body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,
form,fieldset,legend,button,input,textarea,th,td,section,p,span,font,div{margin:0;padding:0;font-family:"Microsoft yahei";color:#333;}
body,button,input,select,textarea{font:14px/1.5 tahoma,arial,\5b8b\4f53;}
.clr{clear: both;height: 0; overflow: hidden;}
ul,ol,li{list-style: none;}
a{color: #415340;}
html,body{overflow-x: hidden;}
.pt20{ padding-top: 20px;}
body.homebk{background-image: url(../images/bg_main02.jpg);background-attachment: fixed;  background-position: center; background-size: cover;}
.container-fluid{ background-color: #fff; border-radius: 0;margin: 0;padding: 0;}
h1{text-align: center; font-size: 24px;font-weight: bold;}

.navbar-default {border:none;}
.navbar {min-height: 36px;}

/*导航¨*/
.nav1{background: -webkit-gradient(linear, 0 0, 0 100%, from(#0f9306), to(white));height:36px;width:1136px;margin: 0 auto;}
.nav1 ul{display:-moz-box;display: -webkit-box;display: box;line-height:36px;}
.nav1 li{ width:11.11%; float:left;-moz-box-flex:1;-webkit-box-flex:1;box-flex:1;flex:1;-webkit-flex:1; position:relative; left:0; top:0;}
.nav1 li a{display:block; text-align:center; font-size:1.5em; color:#000000;}
.nav1 li a:hover{ text-decoration:none;background:#0a8b02;color:#ff0;}
.nav1 .cur a{ background-color:#007f06; border:1px #18a00e solid;border-top-width:0;border-bottom-width:0;}
.nav1 li dl{width:100%; position:absolute;left:0px; top:36px; z-index:6000;background:#0aa400; padding-bottom:10px; border-radius:0 0 3px 3px; display:none;}
.nav1 li:hover dl{width:100%; position:absolute;left:0px; top:36px; z-index:6000;background:#0aa400; padding-bottom:10px; border-radius:0 0 3px 3px; display:list-item;}
.nav1 li dl dd{ line-height:30px;}
.nav1 li dl dd a{ display:block; text-align:center; padding:0 2px; color:#fff; font-size:1em; border-bottom:1px #0f9306 solid;}
.nav1 .cur dl dd a{ background:none;}
.nav1 li dl dd a:hover{ background:#0bae00;}

.pbox2{ width:100%;min-width:1003px;max-width:1200px; margin: 0 auto;}
/*头部¨*/
.header3{background: url(333.jpg) center bottom no-repeat;}
.header3 .pbox{height:158px;}
.header3 .other,
.header3 .logo,
.header3 .logo a{height:100%;}
.header3 .logo{background: url(111.jpg) right center no-repeat; width:60%; float:left;}
.header3 .logo a{ display:block; width:60%;width:1004px;}
.header3 .other{text-align:left; width:25%; float:right; font-size:1.6em;}
.header3 .other,
.header3 .other a{text-decoration:none;color:black;}
.header3 .other{line-height:40px;background: url(../head_three.jpg) left top no-repeat;}
.header3 .other a{display:inline-block; padding:0 10px;}
.header3 .other a.cur,
.header3 .other a:hover{ color:#f00;}

#header{background-color: #fff;margin-bottom: 0;}
#header nav{margin-bottom: 0; border-radius: 0;}
#header .logobox{position: relative;}
#header .logobox img{position: absolute; left: 0; top: 5px;}
/*
#herobox .topcont{width: 100%; height: 360px;padding-top:0;background-image: url("../images/bkimg_head.jpg"); background-position: center; background-size: cover; position: relative; overflow: hidden;}
#herobox .topcont .control{position: absolute;z-index:9;top:50%; margin-top: -25px;width: 50px; height: 50px;background-image: url("../images/ctrlfw.png");cursor: pointer;}
#herobox .topcont .left{left: 30px;}
#herobox .topcont .right{right: 30px;background-position: 0 -50px;}

#herobox .topcont .rightimg .text{width:415px;padding-right:30px;position: absolute;left: 0; top: 30px;z-index: 5; }
#herobox .topcont .rightimg .text .title{font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 30px;}
#herobox .topcont .rightimg .text span{font-size: 14px;  color: #efefef;}
#herobox .topcont .rightimg .text .more{width:100px; display: block; margin: 30px 0; font-weight: bold;}
#herobox .topcont .rightimg .pic{
    right: 4px; bottom: 4px; width: 535px;height: 360px;position: absolute;z-index: 3;
    */
/*-moz-transform:translateY(20px) translateX(20px) rotate(4deg);
    -webkit-transform:translateY(20px) translateX(20px) rotate(4deg);
    transform:translateY(20px) translateX(20px) rotate(4deg);*//*

    -moz-transform:translateX(30px);
    -webkit-transform:translateX(30px);
    -ms-transform:translateX(30px);
    transform:translateX(30px);

    opacity: 0;filter:alpha(opacity=0);
    -moz-transition:1s all;
    -webkit-transition:1s all;
    -ms-transition:1s all;
    transition:1s all;
}
#herobox .topcont .rightimg .on{
    */
/*-moz-transform:translateY(0) translateX(0) rotate(0);
    -webkit-transform:translateY(0) translateX(0) rotate(0);
    transform:translateY(0) translateX(0) rotate(0);*//*

    -moz-transform:translateX(0);
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0);
    transform:translateX(0);
    opacity: 1;filter:alpha(opacity=100);
    -moz-transition:1s all;
    -webkit-transition:1s all;
    -ms-transition:1s all;
    transition:1s all;
}
#herobox .topcont .rightimg .pic img{border: none; border-bottom: none; }

#herobox .topcont .leftimg .text{width:415px;padding-left:30px;position: absolute;right: 0; top: 30px;z-index: 5; }
#herobox .topcont .leftimg .text .title{font-size: 18px; font-weight: bold; color: #fff; margin-bottom: 30px;}
#herobox .topcont .leftimg .text span{font-size: 14px;  color: #efefef;}
#herobox .topcont .leftimg .text .more{width:100px; display: block; margin: 30px 0; font-weight: bold;}

#herobox .topcont .leftimg .pic{
    left: 4px; bottom: 4px; width: 535px;height: 360px;position: absolute;z-index: 3;
    */
/* -moz-transform:translateY(-20px) translateX(-20px) rotate(-4deg);
    -webkit-transform:translateY(-20px) translateX(-20px) rotate(-4deg);
    transform:translateY(-20px) translateX(-20px) rotate(-4deg);
    *//*

    -moz-transform:translateX(-30px);
    -webkit-transform:translateX(-30px);
    -ms-transform:translateX(-30px);
    transform:translateX(-30px);

    opacity: 0;filter:alpha(opacity=0);
    -moz-transition:1s all;
    -webkit-transition:1s all;
    -ms-transition:1s all;
    transition:1s all;
}
#herobox .topcont .leftimg .on{
    */
/* -moz-transform:translateY(0) translateX(0) rotate(0);
     -webkit-transform:translateY(0) translateX(0) rotate(0);
     transform:translateY(0) translateX(0) rotate(0);
     *//*

    -moz-transform:translateX(0);
    -webkit-transform:translateX(0);
    -ms-transform:translateX(0)0;
    transform:translateX(0);

    opacity: 1;filter:alpha(opacity=100);
    -moz-transition:1s all;
    -webkit-transition:1s all;
    -ms-transition:1s all;
    transition:1s all;
}
#herobox .topcont .leftimg .pic img{}


#herobox .topcont .bullet{bottom:10px; left: 50%; margin-left: -100px; width: 200px;position: absolute; z-index: 9; height: 10px;padding: 10px 0;}
#herobox .topcont .bullet li{list-style:none; width: 42px;height: 10px;margin-right: 8px; border-bottom: 4px solid #666; float: left; cursor: pointer;}
#herobox .topcont .bullet li.active{border-bottom: 4px solid #fff;}

#herobox .topcont .bullet li span{display:block;width:8px;height: 8px;margin: 2px; background-color: #666; border-radius: 4px; }
#herobox .topcont .bullet li span.active{background-color: #fff;}

*/


#mySwiper01{max-height: 360px;}
#mySwiper01 .swiper-slide{background-size: cover; background-position: center; position: relative;overflow: hidden;}
#mySwiper01 span{position: absolute;left: 0; top:315px;width: 100%;  height: 45px; padding-top: 5px; line-height: 20px; display: block; background-color: #000000; filter:alpha(opacity=80); opacity: 0.8;  color: #fff; text-align: center;}


#mainNav{}
#mainNav .nav{margin-top: 5px;}
#mainNav .nav > li > a{padding:0 10px;  font-weight: bold; font-size: 16px;}
#mainNav .nav > li:nth-last-child > a{padding:0 0 0 0;  font-weight: bold; font-size: 16px;}

#mainNav .nav > li > a .caret{display: none;}
#mainNav .navbar-toggle .icon-bar{background-color: #000;}

#mainNav .mlogobox{padding-right: 50px; display: none;}
/*
#header .nav > li > a{color: #fff;}
#header .nav > li > a:hover{background-color: #000;}
#header .nav > li > a .caret{color: #ccc;}
*/





#maincont{}

#maincont .headnews{padding: 15px;}



#maincont .newslistcont{border: 0px solid #ccc;border-top: none; height: 324px; overflow: hidden; padding: 15px;}
#maincont .newslisttitle{position: relative; padding: 6px 0 0 18px;height: 36px; overflow: hidden; background: -webkit-gradient(linear, 0 0, 0 100%, from(#37CD37), to(white)); border-top-left-radius: 3px; border-top-right-radius: 3px;}
#maincont .newslisttitle span{display: block; line-height: 30px; font-size: 18px; color: #666; font-weight: bold; text-align: center; width: 120px; height: 30px;border-top-left-radius: 3px; border-top-right-radius: 3px;}
#maincont .newslisttitle a.viewmore{display: block; position: absolute;color: #000000; top: 8px; right: 10px; font-size: 16px;}

#maincont .leftdate{padding: 15px;}
#maincont .leftdate li{padding-left: 60px;max-height: 45px; overflow-y: hidden; position: relative; margin-bottom: 5px;}
#maincont .leftdate li span.date{display: block; font-family: arial; font-weight: bold;color: #999; width: 60px; position: absolute; top: 2px; left: 0;}


#maincont .rightdate{ margin-bottom: 15px;}
#maincont .rightdate li{padding-right: 80px; padding-left: 10px; background: url(../images/fw01.jpg) left top no-repeat; position: relative; margin-bottom: 10px;}
#maincont .rightdate li span.date{display: block; font-size: 13px;color: #999; width: 90px; position: absolute; top: 1px; right: 0; text-align: right;}


/*

#section01 .container{padding: 50px 15px; }
#section01 .picbox{position: relative; width: 100%; height: 100px;overflow: hidden; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 5px;}
#section01 .picbox .title{position: absolute;z-index: 9; left: 0; top: 0; background-color: rgba(0,0,0,0.2); color: #fff;font-size: 24px;font-weight: bold; width:100%; height:100px;line-height: 100px; text-align: center;  }
#section01 .picbox .img{position:absolute;z-index: 7; width: 100%; height: 100px; background-size: cover; background-position: center; }
#section01 .picbox .news{background-image:url("../images/pic_news.jpg");}
#section01 .picbox .report{background-image:url("../images/pic_report.jpg");}
#section01 .picbox .about{background-image:url("../images/pic_about.jpg");}
#section01 .textcomm{width: 100%;padding-bottom: 10px; overflow: hidden; font-size: 15px;}
#section01 .textcomm table{width: 100%;}
#section01 .textcomm td{padding: 8px 0;border-bottom: 1px dotted #ccc;font-size: 15px; }
#section01 .textcomm td.date{ width: 100px; text-align: right;color: #999; }
#section01 .textcomm span{display: block; width: 90px; height: 50px; float: right;text-align: right; font-size: 13px; color: #999; padding-top: 2px;}
#section01 .btn{display: block; margin: 0 auto; width: 120px;}
#section02{padding: 100px 0;}
#section02 .imglink{width: 100%; background-position: center; background-size: 100%;border: 2px solid #eee; border-radius: 5px; position: relative; cursor: pointer; overflow: hidden; }
#section02 .imglink a{display: block; position: absolute;z-index: 2; width: 100%; bottom: 0;line-height: 36px; text-align: center; font-size: 18px; color: #fff; background-color: #000;opacity: 0.7;filter:alpha(opacity=70);text-decoration: none;}
#section02 .imglink span{position: absolute;z-index: 1; display: block; background-color: #000;opacity: 0.6;filter:alpha(opacity=60); width: 100%;left: 0; top:0;}
#section03{padding: 30px 0;background-color: #fff;}
#section03 h1{margin-bottom: 30px;}
#section03 .pic{}
#section03 .pic img{width: 100%;border-radius: 5px;}
#section03 .text{}
#section04{padding: 60px 0;}
#section04 .dfright{float: right;}
#section04{padding: 60px 0;background-color:#eee;}
#section04 h1{margin-bottom: 30px;}
#section04 .pic{ }
#section04 .pic img{width: 100%;border-radius: 5px;}
#section04 .text{}
#section05{padding: 100px 0;}
#section05 .row{display: block;}
#section05 h1{width: 30%; border-radius: 5px;  margin:0 auto 30px auto; padding: 10px 20px; color: #fff;}
#section05 .imglink{background-size: cover;border-bottom: 1px solid #fff; border-right:1px solid #fff; }
#section05 .imglink a{background-color:#36c; width: 100%; display: block;opacity:0;filter:alpha(opacity=0); text-decoration: none;}
#section05 .imglink a:hover{opacity: 0.9;filter:alpha(opacity=90);color:#fff;text-align: center;}*//*
#section05 .imglink a span{position:absolute; display: block;height: 20%;bottom: 40%; left: 10%; width: 80%; text-align: center;color:#fff;margin:0 auto;font-size: 18px;line-height: 24px;opacity:0;filter:alpha(opacity=0); }
#section05 .b-r{border-right:none;}
#section05 .b-b{border-bottom:none;}
#section05 .swiper-slide{background-size: cover;width: 100%;}
#section05 .swiper-slide a{position: absolute;text-decoration: none; bottom: 0;left: 0;width: 100%; height: 50px; background-color: rgba(0,0,0,0.8); }
#section05 .swiper-slide a span{color: #fff;line-height: 50px; text-align: center;display: block;}
#section05 .btn{display:block;margin: 30px auto 0 auto; width: 150px; }
#section05 .col-md-4,#section05 .col-sm-4{margin: 0; padding: 0;}
#section06{padding: 60px 0;}
*/
#section07{padding: 30px 0;background-color: #333;}
#section07 p{text-align: center;}
#section07 p span{text-align: center;color:#ccc; padding-right: 20px;}
#section07 p span a{color: #ccc;}




.list-group{margin-bottom: 0; border: none;}
.fw_link li{background: url(../images/fw01.jpg) left top no-repeat #fff; border: none;  padding:3px 0 4px 15px;}
.centerlink li{background: #fff; font-size: 15px; border: none; text-align: center; padding: 0; margin-bottom: 10px;}
.datalink li{background: #fff; font-size: 15px; border: none; border-bottom: 1px dotted #ccc; padding: 0 0 7px 0; margin-bottom: 8px;}
.staglink li{background:none; font-size: 16px; border: none; padding: 0; margin-bottom: 30px;}
.staglink li a{font-weight: bold;display: block; margin-bottom: 10px;}
.staglink li p{font-size: 14px;}


#rightcont .panel{position: relative; border:none;box-shadow:none;}
#rightcont .panel-heading{ font-size: 20px; font-weight: bold; text-align: center;padding:0 15px 20px 15px;}
#rightcont .panel-body{background: url(../images/bgimg_mline.jpg) top center no-repeat;min-height:600px;padding: 30px 5px 5px 5px;}

#rightcont .kxyjindex .panel-body{background:none;min-height:210px;padding: 10px 5px 5px 5px;overflow:hidden;}

#rightcont .kxyjindex .panel-body a{min-height:40px;overflow:hidden;}

#rightcont .kxyjindex .panel-heading{ font-size: 16px; font-weight: bold; text-align:left;padding:5px 15px; position:relative;}
#rightcont .kxyjindex .panel-heading a{ position:absolute; right:20px; top:10px; display:block; width:60px; font-size:13px; font-weight:normal;}

#rightcont .kxyjindex div.list-group a .list-group-item-heading{margin-bottom: 0; font-weight: normal;}

.jumbotron{margin-bottom: 20px;}
.track .breadcrumb{margin-bottom: 10px;background:none;}

span.news_time{display: none; color: #999999;}
.more_link{ position: absolute; width: 80px; text-align: center; right: 0; top: 10px;}
.subpagetitle{background-repeat: no-repeat; background-position: center; background-size: cover; height: 240px;}
.subpagetitle h2{color: #fff; font-weight: bold;visibility: hidden;}

#articlebody img{ max-width: 640px;}
#articlebody_zj img{ max-width: 640px;}
.bottomline{margin-top: 10px; border-top: dotted 1px #ccc;padding-bottom: 10px;}
div.list-group a{ border: none;}
div.list-group a .list-group-item-heading{margin-bottom: 10px; color: #415340; font-weight: bold;}


ul.list-group-child{margin: 0; padding: 0;}
ul.list-group-child li.list-group-item{background: none;}
li.current{background-color: #efefef;font-weight: bold;}
.lefttopnavname{display: none;}
#accordion .panel{border: none;}
.panel h4{ line-height: 150%;}
.erweima{width: 144px; height: 153px; position: absolute; top: 40px; left: -35px;z-index: 9;display: none;}
li.childli{border:none; padding: 5px 15px;}
ul.child_ul{padding-top: 10px; border-top: dotted 1px #ccc;}

.imgtxt a.list-group-item{min-height: 120px; padding-left: 175px; position: relative;}
.imgtxt a.list-group-item .thumpic{width: 160px; height: 120px;position: absolute;left: 0;top: 0;}
.imgtxt a.list-group-item .thumpic img{width: 160px; height: 120px;border-radius: 5px;}

.imgtxtdw a.list-group-item{min-height: 135px; padding-left: 120px; position: relative;}
.imgtxtdw a.list-group-item .thumpic{width: 96px; height: 128px;position: absolute;left: 0;top: 0;}
.imgtxtdw a.list-group-item .thumpic img{width: 96px; height: 128px;border-radius: 5px;}
p.writer{margin-top:10px;}


.breadcrumb > li {
    display: inline-block;
    width: 100%;}

#rlinkbox .row{margin-left: -45px; margin-right: -30px;}
#rlinkbox .row .col-md-2{/*margin-left: 30px;*/margin-bottom: 20px; text-align: center;}
#rlinkbox .row .col-md-2 img{width: 140px;}

@media screen and (max-width: 1200px) {
    #mainNav .nav > li > a{padding: 10px 15px;}
    .staglink li:last-child{display: none;}

    #maincont  a{font-size: 14px;}
    #maincont .newslistcont{overflow-y: auto;}

    /*#section05 .imglink a span{height: 24%;bottom: 38%; }*/
}
@media screen and (max-width: 992px) {

    #mainNav .nav > li > a{padding: 10px 5px;}
    #maincont  a{font-size: 16px;}
    #maincont .newslistcont{height: auto; overflow-y:auto;}

    #rlinkbox .row{padding: 0;}
    #rlinkbox .row .col-md-2{margin-right: 15px;}
    #rlinkbox .row .col-md-2 img{width: 100%;}
    /*#section05 .imglink a span{height: 30%;bottom: 35%; }*/
}
@media screen and (max-width: 768px) {

    #mySwiper01 span{top:180px;height: 50px;}
    #articlebody{font-size:16px;}
    #articlebody_zj{font-size:16px;}
    #pcnav{display: none;}
    body.homebk{background: none;}
    #herobox .topcont{display: none;}
    #mySwiper01,#mySwiper02{display: block;}
    .backcolor{background-color: #eee; padding: 30px 15px 10px 15px;margin-bottom: 30px;}
    .backcolor .list-group-item{background-color: #eee;}

    .navbar-toggle{position: absolute;right: 0px;top: 10px; margin: 0; padding: 0; border-radius: 0;}
    #mainNav{margin-top: 5px;}
    #mainNav .nav{margin-top: 5px;margin-right: 0;}
    #mainNav .mlogobox{padding-right: 50px; display: block;margin-bottom: 5px;}
    #mainNav .navbar-toggle{ position: absolute; right:0; top:20px; width: 30px; height: 30px; margin-top: 0;}
    #mainNav .navbar-toggle .icon-bar{height: 3px; width: 100%; background-color: #333; position: absolute;left:0; border-radius: 0; -webkit-transition:all 0.4s linear;}
    #mainNav .navbar-toggle .icon-bar:nth-child(1){top:0;}
    #mainNav .navbar-toggle .icon-bar:nth-child(2){top:4px;}
    #mainNav .navbar-toggle .icon-bar:nth-child(3){top:12px;}
    #mainNav .navbar-toggle .hideline{opacity: 0;}
    #mainNav .navbar-toggle .rotate{-webkit-transform:rotate(45deg); -webkit-transform-origin: 6px 0;}
    #mainNav .navbar-toggle .re_rotate{-webkit-transform:rotate(-45deg);-webkit-transform-origin: 0 0;}
    .swiper-button-next, .swiper-button-prev {position: absolute;top: 50%;width: 14px;height: 22px;margin-top: -11px;z-index: 10;cursor: pointer;
        -moz-background-size: 14px 22px;-webkit-background-size: 14px 22px;background-size: 14px 22px;
        background-position: center;background-repeat: no-repeat;}
    #mySwiper01{margin-top: 5px;}
    #herobox  .swiper-slide{background-size: cover;width: 100%;}
    #herobox  .swiper-slide a{position: absolute;text-decoration: none; bottom: 0;left: 0;width: 100%; height: 50px; background-color: rgba(0,0,0,0.8);}
    #herobox  .swiper-slide a span{color: #fff;line-height: 50px; text-align: center;display: block;}

    #section02 .imglink{border: 1px solid #eee; border-radius: 3px;}
    #section02 .imglink a{font-size: 15px;}


    #mainNav .nav > li > a{padding: 10px 15px;}
    .staglink li:last-child{display: block;}

    /*
    #section01 .textcomm{width: 100%;height: auto; overflow: hidden; }
    #section01 .btn{display: block; margin: 20px auto; width: 120px;}
    #section01 .boder{border: 1px solid #ececec;}

    #section02{padding: 30px 20px; background-image: url("../images/bg_main02.jpg");background-size: cover; }
    #section02 .imglink{margin-bottom:20px;}
    #section04 .pic,#section03 .pic{margin-bottom: 30px;}
    #section05{padding: 10px 0 30px 0; }
    #section05 .row{display: none;}

    #section05 h1{background: none;color: #333; width: 60%; margin-bottom: 10px;}
    #section06{display: none;}
    */
    #section07 p span{display: block; padding-right: 0;}

    .list-group-item{padding: 10px 0 10px 10px;}
    .imgtxt a.list-group-item{min-height: 90px; padding-left: 130px; position: relative;padding-top:0;}
    .imgtxt a.list-group-item .thumpic{width: 120px; height: 90px;position: absolute;left: 0;top: 0;}
    .imgtxt a.list-group-item .thumpic img{width: 120px; height: 90px;border-radius: 3px;}


    .imgtxtdw a.list-group-item{min-height: 135px; padding-left: 120px; position: relative;}
    .imgtxtdw a.list-group-item .thumpic{width: 96px; height: 128px;position: absolute;left: 0;top: 0;}
    .imgtxtdw a.list-group-item .thumpic img{width: 96px; height: 128px;border-radius: 3px;}

    .list-group-item-heading{font-size: 14px;}
    .list-group-item-text{font-size: 14px;color: #666;}

    #rightcont .kxyjindex .panel-body{background:none;min-height:0;}

    #articlebody img{ width: 100%;}
    #articlebody_zj img{ width: 70%;  display: block; margin: 0 auto 20px auto;}
    .subpagetitle{height: 160px;}
    .subpagetitle h2{visibility: visible;}
    .col-md-9 .panel-body{min-height:0;}
    #sublistimg .col-md-2{width:25%;float:left;}
    .panel h4{ font-size: 16px;}

    ol li{margin: 0 15px;}
}



@media screen and (max-width:640px) {
    .site_title{margin:10px 0; height: 60px;padding: 0; background-image:url(../images/sitetitle.jpg);background-position: center; background-size: cover; float:none;}
    .site_title img{display: none;}
    .site_title img,#articlebody img{ width: 100%;}
    #articlebody_zj img{ width: 70%; display: block; margin: 0 auto 20px auto;}
    .onlypc{display: none;}
    span.badge{display: none;}
    span.news_time{display: block;font-size: 12px; color: #999; font-weight: bold;}
    .subpagetitle{height: 150px;}
    .subpagetitle h2{visibility: visible;line-height: 90px;}
    .col-md-9 .panel-body{min-height:0;}
    #sublistimg .col-md-2{width:50%;float:left;}
}

/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
    .row-offcanvas {
        position: relative;
        -webkit-transition: all .25s ease-out;
        -o-transition: all .25s ease-out;
        transition: all .25s ease-out;}
    .row-offcanvas-right {
        right: 0;}
    .row-offcanvas-left {
        left: 0;}
    .row-offcanvas-right
    .sidebar-offcanvas {
        right: -50%;}
    .row-offcanvas-left
    .sidebar-offcanvas {
        left: -50%;}
    .row-offcanvas-right.active {
        right: 50%;}
    .row-offcanvas-left.active {
        left: 50%;}
    .sidebar-offcanvas {
        position: absolute;
        top: 0;
        width: 50%;}
}