﻿﻿/*          Responsive styles
================================================== */

@media only screen and (min-width: 1678px) and (max-width: 1923px) {
}

@media only screen and (min-width: 1390px) and (max-width: 1677px) {
}

/*                     Tablet Landscape
=======================================================================================*/

@media only screen and (min-width: 992px) and (max-width: 1199px) {
body{min-width:auto;}
.w1070{width:100%;}
 .nav,.i_box,.newbox,.i_box2,.i_box2_l,.i_box2_r,.i_jzdt,.i_tzgg,.jzscroll,.picnews,.newbox_right { width: 100%;float:none;}
.top_banner .bd li a {height:360px;}
 
}

/*                      Tablet Portrait
=======================================================================================*/

@media (min-width: 768px) and (max-width: 991px) {
body{min-width:auto;}
.w1070{width:100%;}
 .nav,.i_box,.newbox,.i_box2,.i_box2_l,.i_box2_r,.i_jzdt,.i_tzgg,.jzscroll,.picnews,.newbox_right { width: 100%;float:none;}
  .top_banner .bd li a {height:320px;}
}

/*                          Phone
=======================================================================================*/

@media only screen and (max-width: 767px) {
body{min-width:auto;}
.w1070{width:100%;}
 .nav,.i_box,.newbox,.i_box2,.i_box2_l,.i_box2_r,.i_jzdt,.i_tzgg,.jzscroll,.picnews,.newbox_right { width: 100%;float:none;}

.top_banner .bd li a {height:280px;}
 #menu-button {
    display: block;
    padding: 22px;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    text-transform: uppercase;
    font-weight: 700;line-height: 1;
    position: relative;}
#menu-button::before {
    position: absolute;
    top: 16px;
    right: 20px;
    display: block;
    height: 2px;
    width: 20px;
    background: #fff;
    content: '';}
#menu-button:after {
    position: absolute;
    top: 22px;
    right: 20px;
    display: block;
    height: 8px;
    width: 20px;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    content: '';}
#menu-button.menu-opened:after {
	top: 23px;
	border: 0;
	height: 2px;
	width: 15px;
	background: #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);}
#menu-button.menu-opened:before {
	top: 23px;
	background: #fff;
	width: 15px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);}
.nav {height:auto;background: #fff;display: none;}
.nav .nLi {float:none;width:100%;display:block;}
.nav .nLi:after {content:"";}
.nav .nLi h3 {float:none;}
.nav .nLi h3 a{text-align:center;color:#333;}
.nav .on h3 a {
    background: #600808;
    color: #ffcc33;}
.ns_list li a{width:92%;overflow:hidden;height:40px;}
.ns_list li span{display:none;}
.picnews .bd span{width:92%;overflow:hidden;}
.ititle,.ns_list{margin:0 15px;}
.jzscroll .hd li .jzname,.jzscroll .hd li .jzzj,.jzscroll .hd li .jzdate,.jzscroll .infoList li .jzname,.jzscroll .infoList li .jzzj,.jzscroll .infoList li .jzdate{width:33%;}
.lm_list li a{width:68%;overflow:hidden;height:40px;text-align: left;}

.lm_list,.this-name {padding:15px 0;margin:0;}
.this-name{height:41px;}
}
@media only screen and (max-width: 640px) {
.nr-info{margin:0 15px;}
}
/* Mobile Vertical Layout: 488px 
===============================================================================*/

@media only screen and (min-width: 488px) and (max-width: 767px) {
 .icontent .lm_name h2 {width:120px;}

}

@media only screen and (max-width: 480px) {
 .top_banner .bd li a {height:190px;}
 .icontent .lm_name h2 {width:120px;}

.ititle,.ns_list{margin:0;}
}

@media only screen and (max-width: 320px) {
.ititle,.ns_list{margin:0 15px;}

.this-name h1 {
    font-size: 20px;}
 .icontent .lm_name span{display:none;}
}