/* Compiled Less CSS File */
/* Generated from "zhongbang.css" */

@charset "utf-8";
/* CSS Document */
@media (min-width: 1200px) {
  
}
@media (max-width: 1199px) {
  .bannerx {
    display: none;
  }

  .header .centerArea .leftbox ul li.logo2 {
    display: none;
  }
  .homeproduct .centerArea .list ul li.last {
    display: none;
  }
  .homeproduct .centerArea .list ul li {
    width: 25%;
  }
  .homeproduct .centerArea .list ul li .area {
    margin: 0 auto;
  }
  .homeabout .centerArea .aboutbox .video {
    display: none;
  }
  .homepride .centerArea .listbox {
    display: block;
  }
  .homepride .centerArea .listbox2 {
    display: none;
  }
  .footlink {
    display: none;
  }
  .footnav {
    display: none;
    height: 0px;
    overflow: hidden;
  }
  .footarea .footmap p{
    display: none;
  }
  
  
  
  .mainbox .leftbox {
    width: 96%;
    margin: 0 auto;
    float: none;
    background: #FFFFFF;
    padding: 0px;
  }
  .mainbox .leftbox .title {
    width: 100%;
    background: #546293;
    text-indent: 10px;
  }
  .mainbox .leftbox .listbox {
    width: 100%;
    height: auto;
    overflow: hidden;
  }
  .mainbox .leftbox .listbox ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  .mainbox .leftbox .listbox ul li {
    margin: 0px;
    padding: 0px;
    list-style: none;
    width: 20%;
    float: left;
    height: 50px;
    line-height: 50px;
    text-indent: 0px;
    overflow: hidden;
    background: none;
    text-indent: 3px;
  }
  .mainbox .leftbox .listbox ul li.onfocus {
    background: none;
  }
  .mainbox .rightbox {
    width: 96%;
    margin: 0 auto;
    float: none;
  }
  .mainbox .leftbox2 .listbox {
    min-height: 35px;
  }
  .mainbox .leftbox2 {
    width: 96%;
    margin: 0 auto;
    float: none;
    background: #FFFFFF;
    padding: 0px;
    display: none;
  }
  .mainbox .leftbox2 .title {
    width: 100%;
    background: #546293;
    text-indent: 10px;
  }
  .mainbox .leftbox2 .listbox {
    width: 100%;
    height: auto;
    overflow: hidden;
    background: none;
  }
  .mainbox .leftbox2 .listbox ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
  }
  .mainbox .leftbox2 .listbox ul li {
    margin: 10px 3% 0 0;
    padding: 0px;
    list-style: none;
    width: 30%;
    float: left;
    height: 50px;
    line-height: 50px;
    text-indent: 0px;
    overflow: hidden;
    background: none;
    border: 1px solid #E1E1E1;
    background: #E1E1E1;
    border-radius: 15px;
    text-align: center;
  }
  .mainbox .leftbox2 .listbox ul li.onfocus {
    border: 1px solid #546293;
    background: #546293;
    color: #ffffff;
  }
  .mainbox .leftbox2 .listbox ul li.onfocus a {
    color: #ffffff;
  }
}
@media (max-width: 992px) {
  .menubox {
    background: #FFFFFF;
    margin: 0px;
    height: 104px;
    border-radius: 0px;
    border-top: 2px solid #6A7DB7;
  }
  .menubox a:link {
    color: #323232;
  }
  .menubox a:visited {
    color: #323232;
  }
  .menubox a:hover {
    color: #323232;
  }
  .menubox a:actived {
    color: #323232;
  }
  .menubox .box ul li {
    width: 25%;
    background: url(../Images/menuline2.jpg) top right no-repeat;
  }
  #homeSlide {
    margin: 0px;
  }
  .hometop .centerArea .list ul li {
    width: 33.3%;
    margin-bottom: 20px;
  }
  .hometop .centerArea .list ul li.last {
    width: 50%;
  }
  .homeproduct .centerArea .list ul li {
    width: 49%;
    margin-bottom: 8px;
  }
  .homeproduct .centerArea .list ul li .area {
    margin: 0 auto;
  }
  .homeproduct .centerArea .list ul li .area {
    width: 90%;
  }
  .psortlist ul li .pic {
    width: 90%;
  }
  .psortlist ul li .pic img {
    width: 100%;
  }
  .psortlist ul li .word {
    width: 90%;
  }
  .productlist ul li .pic {
    width: 90%;
  }
  .productlist ul li .pic img {
    width: 100%;
  }
  .productlist ul li .word {
    width: 90%;
  }
  .productlist ul li:hover .cover {
    display: none;
  }
  .pridelist ul li .pic {
    width: 90%;
  }
  .pridelist ul li .pic img {
    width: 100%;
  }
  .pridelist ul li .word {
    width: 90%;
  }
}
@media (max-width: 768px) {
  .header {
    height: 80px;
  }
  .header .centerArea {
    position: relative;
  }
  .header .centerArea .leftbox {
    position: absolute;
    left: 20px;
  }
  .header .centerArea .leftbox ul li.logo {
    width: 70%;
    line-height: 80px;
  }
  .header .centerArea .rightbox {
    position: absolute;
    right: 0px;
  }
  .header .centerArea .rightbox ul li.toptel {
    background: url(../Images/toptel2.jpg) 0 5px no-repeat;
    text-indent: 30px;
    height: 28px;
    margin-top: 25px;
  }
  .header .centerArea .rightbox ul li.toptel span {
    top: 0px;
    left: 0px;
  }
  .header .centerArea .rightbox {
    padding: 0px;
    margin: 0px;
  }
  .header .centerArea .rightbox ul li.languae {
    height: 80px;
  }
  .header .centerArea .rightbox ul li.languae p {
    border: 0px;
    width: 50px;
    height: 80px;
    float: left;
    font-size: 14px;
    line-height: 80px;
    text-indent: 0px;
    text-align: center;
  }
  .header .centerArea .rightbox ul li.languae p.t1 {
    background: #6A7DB7;
    color: #ffffff;
  }
  .header .centerArea .rightbox ul li.languae p.t2 {
    display: none;
  }
  .header .centerArea .rightbox ul li.languae p.t3 {
    display: block;
    background: #ebecee;
  }
 
 
 
 
  .newslist ul li .word p.t4 {
    display: none;
  }
  .joblist ul li p.t2 {
    display: none;
  }
  .mapbox {
    height: 410px;
  }

  .mapbox .cover {
    width: 100%;
  }
}
@media (max-width: 600px) {
  .header .centerArea .rightbox ul li.toptel {
    display: none;
  }
}
@media (max-width: 460px) {
   /*
    .hometop .centerArea .list ul li.first {
    width: 50%;
  }
  .hometop .centerArea .list ul li.center {
    width: 100%;
  }	
  */
  .hometop .centerArea .list ul li .area{ width:100px; height:100px; border-radius:50px;}
  .hometop .centerArea .list ul li p.t1 { font-size:16px; margin-top:25px; height:20px; line-height:20px;}
  .hometop .centerArea .list ul li p.t2 { font-size:12px;}
  .hometop .centerArea .list ul li p.t3{ font-size:10px;}
  
   	
  .homeproduct .centerArea .list ul li {
    width: 49%;
    margin-bottom: 8px;
	height:auto
  }
  .homeproduct .centerArea .list ul li .area {
    width: 90%;
	height:auto
  }
  .homeproduct .centerArea .list ul li .pic{ vertical-align:middle; height:auto}
  .homeproduct .centerArea .list ul li .area img{ width:100%; height:160px;}
}