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


/* CSS Document */
@media (min-width: 1400px) {
  
}
@media (max-width: 1430px) {
  .headbox .box {
    width: 96%;
    margin: 0 auto;
  }
  .footmenu .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .footer .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .homepart1 .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .homepart2 .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .homepart3 .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .homepart5 .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .homepart4 .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .mainbox {
    background: #ffffff;
  }
  .mainbox .centerbox .centerin {
    width: 96%;
    margin: 0 auto;
  }
  .mainbox .thebox {
    padding: 0;
  }
}
@media (max-width: 1290px) {
  
}
@media (max-width: 1250px) {
  
}
@media (max-width: 1118px) {
  .homepart2 .rightbox .list ul li {
    height: 160px;
  }
  .ourpride ul li {
    height: 160px;
  }
  .productlist2 ul li {
    width: 33.33%;
  }
  .productlist2 ul li:nth-child(4) {
    display: none;
  }
}
@media (max-width: 1050px) {
  
}
@media (max-width: 1000px) {
  .headbox,
  .headbox .box {
    height: 88px;
  }
  .headbox .box .logo {
    top: 10px;
  }
  .headbox .box .logo img {
    height: 60px;
  }
  .headbox .box .tel {
    display: none;
  }
  .headbox .box .searchbtn {
    display: block;
  }
  .headbox .box .menubtn {
    display: block;
  }
  .headbox .menu {
    display: none;
  }
  .headbox .box .searchbox {
    display: none;
  }
  .homepart2 {
    padding: 0 0 50px 0;
  }
  .homepart2 .leftbox {
    display: none;
  }
  .homepart2 .rightbox {
    width: 100%;
  }
  .mainbox .leftbox {
    width: 100%;
    margin-top: 10px;
  }
  .mainbox .leftbox .titbox {
    display: none;
  }
  .mainbox .leftbox .navlist ul li {
    width: 31.33%;
    float: left;
    margin: 5px  1%;
    background: #FFFFFF;
    text-indent: 0;
    text-align: center;
    font-size: 14px;
    border: 1px solid #cddaf3;
  }
  .mainbox .leftbox .navlist ul li.onfocus {
    background: #276bdb;
    color: #FFFFFF;
  }
  .mainbox .leftbox .navlist ul li.onfocus a {
    color: #ffffff;
  }
  .mainbox .rightbox {
    width: 100%;
  }
  .mainbox .rightbox .location {
    display: none;
  }
  .constructionList ul li {
    width: 100%;
  }
  .constructionList ul li .box {
    width: 100%;
  }
  .constructionList ul li:nth-child(2n) .pic {
    float: right;
  }
  .constructionList ul li:nth-child(2n) .wordbox {
    float: left;
  }
}
@media (max-width: 930px) {
  
}
@media (max-width: 850px) {
  .footmenu .centerbox .centerin {
    background: none;
  }
  .footmenu .part1 {
    display: none;
  }
  .footmenu .part2 {
    display: none;
  }
  .footmenu .part3 {
    display: none;
  }
  .footmenu .part4 {
    width: 75%;
  }
  .footmenu .part4 .tit {
    display: none;
  }
  .footmenu .part5 {
    width: 25%;
  }
}
@media (max-width: 800px) {
  .homepart1 .list {
    height: auto;
  }
  .homepart1 .list ul.swiper-wrapper {
    display: block;
  }
  .homepart1 .list ul li {
    width: 50%;
  }
  .homepart1 .list ul li:nth-child(4) ~ li {
    display: none;
  }
  .homepart3 .listbox .wordbox {
    width: 100%;
    margin: 0;
  }
  .homepart3 .listbox {
    margin: 0;
  }
  .homepart3 .listbox .wordbox .word {
    height: auto;
  }
  .homepart3 .listbox .videobox {
    width: 100%;
    margin-top: 20px;
  }
}
@media (max-width: 768px) {
  .pcshow {
    display: none;
  }
  .mbshow {
    display: block;
  }
  .fixbottomkong {
    display: block;
  }
  .fixbottom {
    display: block;
  }
  .gotop {
    width: 50px;
    height: auto;
  }
  .gotop ul li {
    width: 50px;
    height: 50px;
    position: relative;
    overflow: visible;
  }
  .gotop ul li p {
    width: 50px;
    height: 50px;
    padding: 10px 0 0 0;
  }
  .gotop ul li:hover p {
    background: #728ca3;
  }
  .gotop ul li p span {
    display: none;
  }
  .homepart2 {
    padding: 0 0 20px 0;
  }
  .homepart5 .listbox,
  .homepart5 .listbox .list,
  .homepart5 .listbox .list ul li,
  .homepart5 .listbox .list ul li .box,
  .homepart5 .listbox .list ul li .box .pic,
  .homepart5 .listbox .list ul li .box .pic .img {
    height: 300px;
  }
  .thetoper .titbox .tit {
    font-size: 20px;
  }
  .thetoper .titbox .tit span {
    font-size: 14px;
  }
  .productlist ul li {
    width: 50%;
  }
  .producttop .slidebox {
    width: 100%;
  }
  .photolist {
    width: 100%;
  }
  .photolist ul li {
    width: 50%;
  }
  .timenews ul li .time {
    width: 20%;
  }
  .timenews ul li .wordbox {
    width: 80%;
  }
  .timenews ul li .time p.t1 {
    font-size: 20px;
  }
  .timenews ul li .time p.t2 {
    font-size: 12px;
  }
  .formbox ul li {
    float: none;
    margin-top: 10px;
  }
  .formbox ul li.t1,
  .formbox ul li.t2,
  .formbox ul li.t3 {
    width: 100%;
  }
  .formbox ul li .inbox {
    width: 100%;
  }
  .contactbox .addressbox {
    width: 100%;
  }
  .contactbox .mapbox {
    width: 100%;
    height: 250px;
    margin-top: 15px;
  }
}
@media (max-width: 640px) {
  .homepart1 {
    padding: 15px 0;
  }
  .homepart1 .titbox .tit {
    font-size: 20px;
  }
  .homepart1 .titbox .tit span {
    font-size: 12px;
  }
  .homepart1 .titbox .more {
    width: 105px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    top: 20px;
  }
  .homepart2 .titbox .tit {
    font-size: 20px;
  }
  .homepart2 .titbox .tit span {
    font-size: 12px;
  }
  .homepart2 .titbox .more {
    width: 105px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    top: 20px;
  }
  .homepart3 .titbox .tit {
    font-size: 20px;
  }
  .homepart3 .titbox .tit span {
    font-size: 12px;
  }
  .homepart3 .titbox .more {
    width: 105px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    top: 20px;
  }
  .homepart3 .listbox .videobox video {
    width: 100%;
    height: 260px;
  }
  .homepart5 .titbox .tit {
    font-size: 20px;
  }
  .homepart5 .titbox .tit span {
    font-size: 12px;
  }
  .homepart5 .titbox .more {
    width: 105px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    top: 20px;
  }
  .homepart4 .titbox .tit {
    font-size: 20px;
  }
  .homepart4 .titbox .tit span {
    font-size: 12px;
  }
  .homepart4 .titbox .more {
    width: 105px;
    height: 35px;
    line-height: 35px;
    font-size: 12px;
    top: 20px;
  }
  .homepart2 .rightbox .list ul li {
    height: 190px;
  }
  .homepart2 .rightbox .list ul li .inbox {
    padding: 0 10px 0 50px;
  }
  .homepart2 .rightbox .list ul li .inbox .en {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #787a7e;
    overflow: hidden;
  }
  .homepart2 .rightbox .list ul li .inbox .cn {
    font-size: 14px;
  }
  .homepart2 .rightbox .list ul li .inbox .word {
    font-size: 12px;
    line-height: 200%;
    margin-top: 10px;
  }
  .ourpride ul li {
    height: 190px;
  }
  .ourpride ul li .inbox {
    padding: 0 10px 0 50px;
  }
  .ourpride ul li .inbox .en {
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #787a7e;
    overflow: hidden;
  }
  .ourpride ul li .inbox .cn {
    font-size: 14px;
  }
  .ourpride ul li .inbox .word {
    font-size: 12px;
    line-height: 200%;
    margin-top: 10px;
  }
  .homepart4 .listbox ul li {
    width: 100%;
  }
  .homepart4 .listbox ul li .box {
    width: 100%;
  }
  .homepart4 .listbox2 ul li {
    width: 100%;
  }
  .homepart4 .listbox2 ul li .box {
    width: 100%;
  }
  .producttop .slidebox {
    height: 441px;
  }
  .producttop .slidebox .biglist,
  .producttop .slidebox .biglist ul li {
    height: 342px;
  }
  .producttop .slidebox .smallist {
    width: 80%;
    left: 10%;
  }
  .bignews ul li .pic,
  .bignews ul li .pic .img {
    height: 150px;
  }
  .bignews ul li .wordbox .word {
    height: 50px;
    line-height: 25px;
  }
  .bignews ul li .pic {
    width: 45%;
  }
  .bignews ul li .wordbox {
    width: 55%;
  }
  .bignews ul li .wordbox .tit {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
  }
  .bignews ul li .wordbox .time {
    font-size: 12px;
    margin-top: 5px;
  }
}
@media (max-width: 600px) {
  
}
@media (max-width: 500px) {
  .fixbottom .list ul li {
    font-size: 14px;
  }
  .homepart1 .list ul li .box {
    height: auto;
  }
  .homepart1 .list ul li .pic,
  .homepart1 .list ul li .pic .img {
    height: 165px;
  }
  .homepart1 .list ul li .tit {
    font-size: 12px;
  }
  .homepart5 .listbox,
  .homepart5 .listbox .list,
  .homepart5 .listbox .list ul li,
  .homepart5 .listbox .list ul li .box,
  .homepart5 .listbox .list ul li .box .pic,
  .homepart5 .listbox .list ul li .box .pic .img {
    height: 250px;
  }
  .homepart5 .listbox .list ul li {
    width: 80%;
  }
  .homepart5 .listbox .list ul li .box .tit {
    height: 35px;
    line-height: 35px;
    font-size: 12px;
  }
  .homepart4 {
    padding: 0 0 20px 0;
  }
  .homepart4 .listbox ul li .wordbox {
    padding: 5px 10px;
  }
  .homepart4 .listbox ul li .pic,
  .homepart4 .listbox ul li .pic .img {
    height: 165px;
  }
  .homepart4 .listbox ul li .wordbox .tit {
    height: 50px;
    line-height: 25px;
    font-size: 16px;
  }
  .homepart4 .listbox ul li .wordbox .word {
    height: 50px;
    line-height: 25px;
    font-size: 12px;
  }
  .homepart4 .listbox2 ul li:nth-child(2) ~ li {
    display: none;
  }
  .productlist ul li .box {
    padding: 3px;
  }
  .productlist ul li .pic,
  .productlist ul li .pic .img {
    height: 125px;
  }
  .productlist ul li .tit {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
  }
  .productlist ul li:hover .tit {
    font-size: 12px;
  }
  .photolist ul li .box .pic,
  .photolist ul li .box .pic .img {
    height: 125px;
  }
  .photolist ul li .box .tit {
    height: 40px;
    line-height: 40px;
    font-size: 12px;
  }
  .constructionList ul li .pic,
  .constructionList ul li .pic .img {
    height: 165px;
  }
  .constructionList ul li .tit {
    height: 35px;
    line-height: 35px;
    font-size: 15px;
  }
  .constructionList ul li .word {
    height: 75px;
    line-height: 25px;
    font-size: 12px;
    margin-top: 5px;
  }
}
@media (max-width: 450px) {
  
}
@media (max-width: 400px) {
  
}
@media (max-width: 380px) {
  .headbox .box .searchbtn {
    right: 40px;
  }
}
@media (max-width: 330px) {
  .fixbottom .list ul li {
    font-size: 12px;
  }
  .headbox .box .logo {
    top: 21px;
  }
  .headbox .box .logo img {
    height: 50px;
  }
}