/*common responsive*/ @media (max-width: 1269px) { .header .logo{left:0;} } @media (max-width: 1219px) { *{ box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ } .container{width:100%; padding:0 2%;} .header{height:auto; padding-bottom:20px; background:none;} .header .inHeader{position:static;} .header_banner{ display:none;} .header .logo{position:static; padding:20px 0;} .header .logo img{margin:0 auto; max-width:90%;} .header_other{ position:relative; top:0; width:100%;} .header .search .searchTxt{ width:100%; height:36px;} .footer_nav span{display:none;} .easybtn{display:none;} } @media (max-width: 991px) { .mainnav .container{ padding:0;} .mainnav li a{font-size:16px;} .footer .footer_nav p{display:block; margin-bottom:20px;} .footer .footer_nav select{width:30%;} } /* xs mobile*/ @media (max-width: 768px) { .header .search{background-color:#f1f1f1;} .header .email, .header .link{display:none;} .header .search{left:0; right:0; } } @media (max-width: 767px) { .curmb{margin-bottom:20px;} .mainnav{height:auto; padding:6px 0; overflow:hidden; line-height:34px;} .mainnav li{position:relative; width:25% !important;} .mainnav li:after{content:""; width:1px; height:20px; background:#446f1a; position:absolute; top:50%; margin-top:-10px; right:0;} .mainnav li:nth-child(4):after, .mainnav li:nth-child(8):after{display:none;} .mainnav li a{font-size:16px; border:none; height:auto; line-height:auto;} .mainnav li a:after{display:none;} .mainnav li a:hover, .mainnav li.on a{background:none;} .mainnav li.nav8{ display:none;} } @media (max-width: 640px) { .footer{padding:30px 0 20px;} .footer .footer_nav select{width:100%; margin:0 0 10px;} .parentName{margin-left:0;} .curmb .dqwz{float:none; clear:both;} } @media (max-width: 480px) { .header_other{ height:36px;} .header .search{top:0;} .mainnav li a{font-size:15px;} .footer .footer_nav{padding:10px 0;} .footer .footer_nav a{margin:0 5px; font-size:14px;} }