@charset "utf-8";
/*common responsive*/
@media (max-width: 1480px) {
  .container{width: 1280px;}
  .mb50{margin-bottom: 35px;}
  .mb40{margin-bottom: 30px;}
  .mt35{margin-top: 25px;}
  .mt40{margin-top: 30px;}
  .margins{margin-top: 30px; margin-bottom: 30px;}
  .fullbox{padding: 30px 30px 0;}
  .common_row{margin: 0 -15px;}
  .common_row .grid{padding: 0 15px;}

  .common_tit_icon h4,
  .common_tit_line.short span{font-size: 1.25em;}
  .common_title h3{font-size: 1.75em;}
  .footer{font-size: 1em;}
  
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-prev{left: 10px;}
  .owl-carousel.owlcarousel-arrow .owl-nav > div.owl-next{right: 10px;}
}

@media (max-width: 1320px) {
  body{min-width: 320px; font-size: 15px;}
  .nav .container{margin: 0;}
  .container > .mainbox{padding:20px;}

  .container{width: auto; margin-left: 20px; margin-right: 20px;}
  .mb50{margin-bottom: 25px;}
  .mb40{margin-bottom: 20px;}
  .mt35{margin-top: 15px;}
  .mt40{margin-top: 20px;}
  .margins{margin-top: 20px; margin-bottom: 20px;}
  .entirebox{padding: 20px;}
  .fullbox{padding: 20px 20px 0;}
  
  .imageList ul{margin: -20px -10px 0;}
  .imageList ul li a{margin: 20px 10px 0;}
}

@media (max-width: 1280px) {
  .header{height: auto;padding: 50px 0;}
  .header_logo{padding-top: 0;}
	
}

@media (max-width: 1080px) {
  .common_row{margin:0 !important;}
  .common_row .grid{padding-right:0 !important; padding-left:0 !important;}
  .common_row>*{float: none; width: auto !important;}
  .common_row{margin-top: 0; margin-bottom: 0;}
}

@media (max-width: 1023px) {
  .body_bg{background-color: #fff;}
  .body_bg .footer{background-color: #f7f7f7;}
  .container{margin-left: 15px; margin-right: 15px;}
  .fullscreen{margin-right: 0 !important; margin-left: 0 !important;}
  .fullbox{padding: 0!important;}
  .mb50{margin-bottom: 20px;}
  .mb40{margin-bottom: 15px;}
  .mt35{margin-top: 15px;}
  .mt40{margin-top: 15px;}
  .margins{margin-top: 15px; margin-bottom: 15px;}
  .entirebox{padding: 15px;}
  .common_row{margin: 0 -15px;}
  .common_row .grid{padding: 0 15px;}
  
  .crumb{background-color: #ededed; border-bottom: none; margin-bottom: 15px;}
  .crumb h2{padding-top: 15px; padding-bottom: 15px;}

  .common_tit_line:before,.common_tit_line:after{width: 42%;}
  
  .imageList ul{margin: -15px -7px 0 -8px;}
  .imageList ul li a{margin: 15px 7px 0 8px;}
  .imageList ul li{width: 33.33333% !important;}
}

@media (max-width: 992px) {}
  .nav li a{font-size: 1.125em;}
  .nav li span:before{width: 22px;}

  .footer_dzbs{position: static;margin-top: 20px;}
}

@media (max-width: 991px) {
	
}

@media (max-width: 860px) {
  .header_logo img{max-width: 80%;}
}


/* xs mobile*/
@media (max-width: 768px) {
  .header{background-position: left top;}
  .header_user{position: absolute;right:0;top: -32px;}
  .header_user a{width: auto;padding: 0 12px;height: 30px;line-height: 30px;font-size: .9375em;}
  .header_logo img{margin-left:auto;margin-right: auto;}
  .header_search{margin: 0 auto;width: auto;float: none;display: block;}
  .header_view{top: -32px; left: 0;}
  .footer_nav{display: block !important;}
  .nav{padding:12px 0; height: auto;}
  .nav li{width: 33.333333%; position:relative;}
  .nav li:after{content:""; width:1px; height:16px; background:#fff; position:absolute; top:50%; margin-top:-8px; right:0; filter:alpha(opacity=20); -moz-opacity:0.2; opacity:0.2;}
  .nav li a{height: 30px; overflow: hidden; padding:4px 0; height: auto; line-height:30px; font-size: 1.125em;opacity: .85;}
  .nav li span:before,.nav li.on span:after{display: none;}
  .nav li.on a{opacity: 1;}

  .common_title h3{font-size: 1.625em;}
  .common_title h3:before, .common_title h3:after{width: 88px;}
	
  .table-block .layui-table-ui{width: 800px; max-width: none;}
}

@media (max-width: 767px) and (min-width: 375px) {
  .nav li.nav1 a:before{content: ''; display: inline-block; width: 18px; height: 18px; background: url(../images/nav_icon_index.png) no-repeat; vertical-align: middle; margin: 0 10px 0 0; opacity: 0.7;}
  .nav li.nav1.on a:before{opacity: 1;}
}


@media (max-width: 680px) {
  .imageList ul li{width:50% !important;}
}



@media (max-width: 640px) {
  .common_title h3{padding:35px 40px;}

  .alert_warning{top: 5%; right: 0; left: 0; width: 96%; margin-top: 0; margin-right: auto; margin-left: auto; height: auto;}
  .alert_wzsm{width: 90%; height: auto; margin: 15px auto 0; font-size:1.25em; line-height: 1.6em;}
	
}


@media (max-width: 580px) {
  .header_logo img{max-width: 100%;}
}

@media (max-width: 480px) {
  .nav li a{font-size: 16px;}
}

@media (max-width: 450px) {
  .infoList li h4{padding-right:0 !important;}
  .infoList li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
  .infoList li h4 .time{position:static !important;}
  .imageList ul li a .txt.normal{display: block; height: auto;}
  .imageList ul li a .txt.normal span{display: block; height: auto;}
  .imageList ul li a .txt.normal span font{white-space: nowrap; text-overflow: ellipsis; -o-text-overflow:ellipsis; overflow: hidden; max-width: 100%;}
}

@media (max-width: 414px) {
  .newslist.res li h4{padding-right:0 !important;}
  .newslist.res li h4 a{display:inline !important; float:none !important; max-width:none !important; padding-right:12px !important; white-space:normal !important;}
  .newslist.res li h4 .time{position:static !important;}
  .newslist.res li h4:before{top: 18px; margin-top: 0; border-radius: 50%; }
  .newslist.res.line li h4:before{top: 23px;}
}

@media (max-width: 375px) {
  .header_logo{padding-bottom: 28px; padding-top: 5px;}
  .nav li span{font-weight: normal;}
}


@media (max-width: 320px) {
  .nav li a{font-size: 15px;}
}