﻿@media (min-width: 1201px ) 
{

}

@media (max-width: 1280px) {

}

@media (min-width: 980px) and (max-width: 1199px) {
 .searchergotext {width:770px;}
 .swiper-container  {height:60px;}
 .swiper-container img {height:60px; max-width:100%;}
 .newsbox {width:210px;}
 ul.jd_menu, ul.jd_menu ul {height:66px;}
 .header .login #logintxt{margin-right:-30px;}
 img {max-width:100%;height:auto;}
 .ergosearchtop {width:655px;}
 ul.jd_menu_vertical li a {font-size:13px;}
 ul.jd_menu li {white-space:normal; height:auto; line-height:15px;}
 #contentinfo{margin: 40px 25px;}
 ul.jd_menu_vertical li.active a {white-space:normal; height:auto;}
 ul.jd_menu_vertical li.active a:hover {white-space:normal; height:auto;}
 .contact-right {line-height:25px;}
 .srchbtn {padding:0 11px 0 8px;}
  #banner img {height:161px;}
}


@media (max-width: 979px) {

}


@media (min-width: 768px) and (max-width: 979px) {

.searchergotext {width:590px;font-size:15px;}
.srchergobtn {padding-left:30px;}
 .swiper-container  {height:60px;}
 .swiper-container img {height:60px; max-width:100%;}
 .newsbox {width:210px;}
 ul.jd_menu, ul.jd_menu ul {height:66px;}
 .header .login #logintxt{margin-right:-30px;}
 img {max-width:100%;height:auto;}
 .ergosearchtop {width:655px;}
 ul.jd_menu_vertical li a {font-size:13px;}
 ul.jd_menu li {white-space:normal; height:auto; line-height:15px;}
 #contentinfo{margin: 40px 25px;}
 ul.jd_menu_vertical li.active a {white-space:normal; height:auto;}
 ul.jd_menu_vertical li.active a:hover {white-space:normal; height:auto;}
 .contact-right {line-height:25px;}
 .srchbtn {padding:0 42px 0 8px;}
 .span3 {width:220px;}
 .span6 {width:500px;}
 .span9 {width:725px;}
 .newsbox {width:705px;}
 .header {height:175px;}
 .contact-left {width:410px;}
 #banner img {height:128px;}
}




@media (max-width: 767px) 
{
     .swiper-container  {height: auto;}
 .swiper-container img {height: auto;max-width:100%;}
.contact-right {line-height:25px;}
.boxen {width:100%;}
 
    .header {height: 230px;}
    .header #spacer {height: 40px;}
    .header .slogan {width:100px;}
    .searchergo {margin-top:140px;}
     ul.jd_menu_vertical li a {font-size:12px;}
  ul.jd_menu, ul.jd_menu ul {height:99px;}
ul.jd_menu li {white-space:normal; height:auto; line-height:15px;}
 #contentinfo{margin: 10px 0;}
 ul.jd_menu_vertical li.active a {white-space:normal; height:auto;}
 ul.jd_menu_vertical li.active a:hover {white-space:normal; height:auto;}
#breadcrumbs{padding-top:10px;}
.span3 {width:25%;float:left;}
 .span6 {width:74%;float:left;}
 ul.jd_menu_vertical, ul.jd_menu_vertical ul {height:100%;}
 #banner img {height:100px;}
 .newsbox {width:100%;}
}


@media (max-width: 480px) {
 .span3 {width:100%;float:none;}
 .span6 {width:100%;float:none;}
 .contact-right {line-height:25px;}
   .header {height: 215px;}
    .header #spacer {height: 15px;}
  
 #banner img {height:100px;}
 ul.jd_menu_vertical li a {font-size:12px;}
  ul.jd_menu, ul.jd_menu ul {height:132px;}
ul.jd_menu li {white-space:normal; height:auto; line-height:15px;}
 #contentinfo{/* margin: 40px 25px; */}
 ul.jd_menu_vertical li.active a {white-space:normal; height:auto;}
 ul.jd_menu_vertical li.active a:hover {white-space:normal; height:auto;}
 ul.jd_menu_vertical, ul.jd_menu_vertical ul {height:100%;}
  .newsbox {width:100%;}

}