@media screen and (max-width: 768px) {
  body {
    overflow-x: hidden;
    width: 100%;}

  #header .header-top .the-menu {
    position: absolute;
    font-size: 0.85rem;
    height: 2.2rem;
    line-height: 2.2rem;
    width: 2.4rem;
    text-align: center;
    color: #666fe4;
    z-index: 1999;}

  .header{
    width: 100%;}
  .header .headerin a{
    width: 100%;}

  .menu {
    height: 1.2rem;
    float: none;
    z-index: 120;}

  .menu .nav {
    width: 100%;}

  .menu .nav .nav_M {
    position: relative;
    width: 100%;
    height: 2rem;}
  .menu .nav .nav_M::before {
    content: "菜单";
    font-size: 0.8rem;
    font-weight: bold;
    color: #fff;
    line-height: 2rem;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);}
  .menu .nav .nav_M::after {   
    position: absolute;
    right: 0.5rem;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    width: 0;
    height: 0;
    content: "";
    border-width: 6px 6px 0 6px;     /*border-width: 6px 6px 6px 6px;*/
    border-style: solid;
    border-color: #fff transparent;    /*red transparent transparent transparent;*/
    -webkit-transition: all .25s;
       -moz-transition: all .25s;
        -ms-transition: all .25s;
         -o-transition: all .25s;
            transition: all .25s;}

  .menu .nav .nav_L,.menu .nav .nav_R{
    width: 1%;
    height: 1.4rem;}
  .menu .nav .nav_L img,.menu .nav .nav_R img{
    width: 100%;
    height: 1.4rem;}

  .menu .nav .nav_L img,.menu .nav .nav_R,.menu .nav .nav_L img,.menu .nav .nav_L{
   display: none;}

  .menu .nav img{
    display: none;}

  .menu .nav .nav_M .navbox {
    width: 100%;
    height: 2rem;
    background-image: url(../images/navbj.jpg);
    background-repeat: repeat-x;
    float: none;
    display: none;}

  .menu .nav .nav_M .navbox:first-of-type{
    margin-top: 2rem;}
  .menu .nav .nav_M .navbox a{
    width: 100%;
    display: block;
    float: none;
    height: 2rem;
    line-height: 2rem;
    font-size: 0.8rem;}
  .menu .nav .nav_M>img {
    display: none;}


  /*.index .contentin .NEW{width:100%;margin:0;}*/
  .index .contentin{
    width: 100%;
    overflow: hidden;}
  .index .contentin .NEW{
    width: 100%;
    height: auto;
    margin: 0.25rem 0 0.25rem 0;}
  .index .contentin .NEW .NEWimg{
    width: 100%;
    height: 8.1rem;
    float: none;}
  /* 轮播图 */
  .index .contentin .NEW .NEWimg .flexslider {
    width: 100%;
    height: 8.1rem;}
  .index .contentin .NEW .NEWimg .flexslider  ul{
    height: 8.1rem;}
  .index .contentin .NEW .NEWimg .flexslider  ul li{
    height: 8.1rem;}
  .index .contentin .NEW .NEWimg .flexslider  ul li a img {
    width: 100vw;
    display: block;
    height: 8.1rem;}

  .index .contentin .NEW .NEWimg .flexslider .flex-control-nav li {}
  .index .contentin .NEW .NEWimg .flexslider .flex-control-nav li a {}

  .index .contentin .NEW .NEWtxt{
    width: 100%;
    height: auto;
    float: none;}

  .index .contentin .NEW .NEWtxt .NEWtxtin{
    width: 100%;
    height: auto;
    float: none;}

  .index .contentin .NEW .NEWtxt .NEWtxtin .NEWtxtin_TIL {
    width: 100%;
    height: 1.7rem;
    padding: 0px 0.25rem;}

  .index .contentin .NEW .NEWtxt .NEWtxtin .NEWtxtin_TIL font {
    font-size: 0.8rem;
    height: 1.6rem;
    line-height: 1.6rem;}

.index .contentin .NEW .NEWtxt .NEWtxtin .NEWtxtin_TIL font strong { 
  font-size: 0.8rem;}

.index .contentin .NEW .NEWtxt .NEWtxtin .NEWtxtin_TIL span {
  width: 2.5rem;
  height: 1.6rem;
  line-height: 1.6rem;}

.index .contentin .NEW .NEWtxt .NEWtxtin .NEWtxtin_TIL span img {
  width: 1.5rem;
  margin-top: 0.4rem;}

  .index .contentin .NEW .NEWtxt .NEWtxtin .NEWtxtin_CONList {
    width: 100%;
    float: none; 
    padding: 0.25rem 0.25rem 0;}

  .index .contentin .NEW .NEWtxt .NEWtxtin .NEWtxtin_CONList li{
     width: 100%;}
  .index .contentin .NEW .NEWtxt .NEWtxtin .NEWtxtin_CONList li a{
    width: 85%; 
    font-size: 0.8rem;}

 .index .contentin .NEW .NEWtxt .NEWtxtin .NEWtxtin_CONList li span{
  font-size: 0.8rem;}

.index .contentin .HF {
  width:100%;
  float: none;}

.index .contentin .HF {
  width:100%;
  height: auto;
  float: none;}

.index .contentin .HF a img{
  display: block;
  width:100%;}

.index .contentin .lyd {
  width: 100%;
  margin: 0.25rem 0px 0.25rem 0px;}
.index .contentin .lyd .XJH {
  width: 100%;
  height: auto;
  float: none;}



.index .contentin .lyd .XJH .lydtxtin_TILgttit {
  width: 100%;
  height: 1.6rem;
  padding: 0px 0.25rem;}

.index .contentin .lyd .XJH .lydtxtin_TILgttit .lydtxtin_TILgt {
  font-size: 0.8rem;
  width: 2.5rem;
  height: 1.6rem;
  line-height: 1.6rem;}

.index .contentin .lyd .XJH .lydtxtin_TILgttit .lydtxtin_TILgt strong {
 
  font-size: 0.8rem;}

.index .contentin .lyd .XJH .lydtxtin_TILgttit .lydtxtin_TILgt  img {
  width: 0.6rem;
  margin-top: 0.45rem;
  margin-right: 0.25rem;}
.index .contentin .lyd .XJH .lydtxtin_TILgttit span {
  margin-top: 0 !important;}
.index .contentin .lyd .XJH .lydtxtin_TILgttit span a img {
  width: 1.5rem;
  margin-top: 0.4rem;}

.index .contentin .lyd .XJH .XJHcon2 {
  width: 100%;
  height: auto;
  float: none;
  padding:0 0.25rem;}
.index .contentin .lyd .XJH .XJHcon2 .XJHcon2title2 a { 
  width: 85%;
  font-size: 0.8rem;}

.index .contentin .lyd .XJH .XJHcon2 .XJHcon2title2 span { 
  font-size: 0.8rem;}

.index .contentin .lyd .XJH .XJHcon2 .XJHcon2title2 img {
  float: left;
  margin-top: 0.75rem;
  margin-right: 0.25rem;}
.index .contentin .lyd .NEWtxt {
  width:100%;
  height: auto;
  float: none;
  overflow: hidden;
  margin-top: 0.25rem;}

.index .contentin .lyd .NEWtxt .lydtxtin {
  width: 100%;
  height: auto;
  float: none;}

.index .contentin .lyd .NEWtxt .lydtxtin .lydtxtin_TILgttit { 
  width:100%;
  height: 1.6rem;
  padding:0 0.25rem;}

.index .contentin .lyd .NEWtxt .lydtxtin .lydtxtin_TILgttit .lydtxtin_TILgt {
  font-size: 0.8rem;
  width: 2.5rem;
  height: 1.6rem;
  line-height: 1.6rem;}

.index .contentin .lyd .NEWtxt .lydtxtin .lydtxtin_TILgttit .lydtxtin_TILgt strong {
 
  font-size: 0.8rem;}

.index .contentin .lyd .NEWtxt .lydtxtin .lydtxtin_TILgttit .lydtxtin_TILgt  img {
  width: 0.6rem;
  margin-top: 0.45rem;
  margin-right: 0.25rem;}
.index .contentin .lyd .NEWtxt .lydtxtin .lydtxtin_TILgttit span {
  margin-top: 0 !important;}
.index .contentin .lyd .NEWtxt .lydtxtin .lydtxtin_TILgttit span a img {
  width: 1.5rem;
  margin-top: 0.4rem;}

.index .contentin .lyd .NEWtxt .lydtxtin .lydtxtin_CONList{  
  width: 100%;  
  padding:0 0.25rem;}


.index .contentin .lyd .NEWtxt .lydtxtin .lydtxtin_CONList li a { 
  width: 85%;
  font-size: 0.8rem;}

.index .contentin .lyd .NEWtxt .lydtxtin .lydtxtin_CONList li span { 
  font-size: 0.8rem;}

/* 首页时代画卷轮播图 */
.index .contentin .lyd  .sj {
  width: 100%;
  height: auto;
  float: none;
  margin: 0.25rem 0px 0px 0px;
  overflow: hidden;}
.index .contentin .lyd  .sj .sj_title {
  width: 100%;
  height: 1.6rem;
  margin-left: 0.25rem;}  
.index .contentin .lyd  .sj .sj_title .lydtxtin_TILgt img{
  width: 0.55rem;
  margin-right: 0.2rem;
  margin-top: 0.35rem;}
.index .contentin .lyd  .sj .sj_title .lydtxtin_TILgt strong{
  font-size: 0.8rem;}
.index .contentin .lyd  .sj .sj_title .lydtxtin_TILgt {
  font-size: 0.8rem;
  height: 1.6rem;
  line-height: 1.6rem;}
.index .contentin .lyd  .sj .sj_title>span{
    margin-top: 0;
    margin-right: 0.6rem;}
.index .contentin .lyd  .sj .sj_title>span a img{
  width: 1.5rem;
  margin-top: 0.4rem;}

.index .contentin .lyd  .sj .sj_content {
  width: 100%;
  height: auto;
  float: none;
  margin-left: 0;
  overflow: hidden;
  zoom: 1;}

.index .contentin .lyd  .sj .sj_content .sj_menuimg {
  margin-left: 0;
  float: none;
  width: 100%;}

.index .contentin .lyd  .sj .sj_content .sj_menuimg .newList-direction-nav{
  position: relative;
  z-index: 5;}
.index .contentin .lyd  .sj .sj_content .sj_menuimg .newList-direction-nav li{
    width: 10% !important;
    height: 137px !important;
    background: #fff;}
.index .contentin .lyd  .sj .sj_content .sj_menuimg .newList-direction-nav li a{
  display: block;
  text-align: center;}


.index .contentin .lyd  .sj .sj_content .sj_menuimg .newList-viewport{
  width: 62%;
  margin: 0 auto;
  z-index: 3;}

.index .contentin .lyd  .sj .sj_content .sj_menuimg .newList-viewport ul li a p{
  font-size: 0.8rem;}

.index .preview img{
  max-height: 75%;}

.index .preview .zp{
  width: 85%;
  left: 50%;
  top: 2%;
  transform: translateX(-50%);
   -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);}

/* 底部 */
.foot {
    width: 100%;
    height: 2.5rem;
    float: none;}
.foot {
  width: 100%;
  height: 2.5rem;
  float: none;}

.foot .footin {
  width: 100%;
  height: 2.5rem;
  line-height: 0.7rem;}

.foot .footin p{
  font-size: 0.8rem;}


/* 新闻列表页 */
.content-list{
  float: none;}
.content-list .contentin2 .listmenu{
  display: none;}

.content-list  .contentin2 {
  width: 100%;
  padding-bottom: 0.75rem;
  min-height: 27rem;}

.content-list  .contentin2 .list{
  width: 100%;
    float: none;
    overflow: hidden;}

.content-list  .contentin2 .list .listtitle {
  width: 100%;
  height: 1.7rem;
  line-height: 1.7rem;
  float: none;}

.content-list  .contentin2 .list .listtitle .listtitlewz > div{
  font-size: 0.8rem;}

.content-list  .contentin2 .list .listtitle .listtitlewz > div a{
  font-size: 0.8rem;}

.content-list  .contentin2 .list .listtitle .listtitlename {
  width: auto;
  height: 1.7rem;}
.content-list  .contentin2 .list .listtitle .listtitlename img{
  width: 1.5rem;
  margin-top: 0.3rem;}

.content-list  .contentin2 .list .listtitle .listtitlename font {
  font-size: 0.8rem;}

.content-list  .contentin2 .list .listtitle  .listtitlewz {
    width: 13.5rem;
    height: 1.7rem;}
  .content-list  .contentin2 .list .listtitle  .listtitlewz img {
    margin-top: 0.5rem;}

  .content-list  .contentin2 .listcon {
    width: 100%; 
    float: none;  
    text-align: left;
    padding: 0 0.25rem;}

.content-list  .contentin2 .listcon li {
  width: 100%;
  height: 1.7rem;
  float: none;
  line-height: 1.7rem;
  padding-left: 0.25rem;}

.content-list  .contentin2 .listcon li a {
  width: 96%;
  height: 1.7rem;
  line-height: 1.7rem;
  float: left;}

.content-list  .contentin2 .listcon li img {
   margin: 0.7rem 0.1rem 0px 0px;}

.content-list  .contentin2 .listcon li a font{
  width: 78%;
  word-break: keep-all;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 0.8rem;}

.content-list  .contentin2 .listcon li a span{ 
    font-size: 0.8rem;}

/* 新闻页*/
.content-detail .contentin2 {
  width: 100%;
  
  padding-bottom: 0.75rem;}
.content-detail .contentin2 .listmenu{
  display: none;}

.content-detail .contentin2 .list{
  width: 100%;

    float: left;}

.content-detail .contentin2 .list .listtitle {
  width: 100%;
  height: 1.7rem;
  line-height: 1.7rem;
  float: none;}

.content-detail .contentin2 .list .listtitle .listtitlename {
  width: auto;
  height: 1.7rem;}
.content-detail .contentin2 .list .listtitle .listtitlename img{
  width: 1.5rem;
  margin-top: 0.3rem;}

.content-detail .contentin2 .list .listtitle .listtitlename font {
  font-size: 0.8rem;}

.content-detail .contentin2 .list .listtitle  .listtitlewz {
    width: 16.5rem;
    height: 1.7rem;}

  
.content-detail .contentin2 .list .listtitle .listtitlewz {
  font-size: 0.8rem;}

.content-detail .contentin2 .list .listtitle .listtitlewz a{
  font-size: 0.8rem;}
  .content-detail .contentin2 .list .listtitle  .listtitlewz img {
    margin-top: 0.5rem;}

  .content-detail .contentin2 .list  .listcon {
    width: 100%;
    float: none;
    margin-top: 0.25rem;
    overflow-x: hidden;
    padding: 0 0.3rem;}

.content-detail .contentin2 .list  .listcon p{
  font-size: 0.8rem;
  line-height: 1.2rem;}


.content-detail  .contentin2 .list  .listcon img{
  max-width: 100%;}

.content-detail  .contentin2 .list  .listcon h1{
  font-size: 0.8rem;
  line-height: 1.2rem;
  padding: 0.25rem;}
.content-detail  .contentin2 .list  .listcon>p{
  padding: 0 0.25rem;}
.content-detail  .contentin2 .list  .listcon>div{
  margin-top: 0 !important;
  width: 100%;}

.content-detail  .contentin2 .list  .listcon>div p {
  text-indent: 0;}

/* 时代画卷列表页 */
.banner-list .contentin2 .sj_content{
  padding: 0px 0px;}
.banner-list .contentin2 .sj_content .sj_menuimg1{
  float: none;
  width: 100%;}
.banner-list .contentin2 .sj_content .sj_menuimg1 .slides {
  width: 100%;
  margin-top: 1rem;}
.banner-list .contentin2 .sj_content .sj_menuimg1 .slides li{
  width: 50%;
  height: 11rem;
  margin-right: 0;
  float: left;
  padding-left: 0;
  margin-top: 0;
  margin-bottom: 0.5rem;}
.banner-list .contentin2 .sj_content .sj_menuimg1 .slides li:nth-of-type(2n){
  float: right;}
.banner-list .contentin2 .sj_content .sj_menuimg1 .slides li a{
  float: none;
  height: auto;
  line-height: 1rem;
  margin: 0 auto;}
.banner-list .contentin2 .sj_content .sj_menuimg1 .slides li a img{
  float: none;
  width: 100%;
  height: 5.9rem;     /*5.9rem*/
  margin: 0px 0px 0px 0px;}
.banner-list .contentin2 .sj_content .sj_menuimg1 .slides li a p{
  font-size: 0.8rem;
  padding: 0 0.25rem;}

.preview{
  z-index: 121 !important;}


}