@charset "utf-8";
/* CSS Document */

/*Common For Max 1680*/
@media only screen and (max-width: 1499px) {
  .w,.w2{width: 90%;}
}
/*Common For Max 1024*/
@media only screen and (max-width: 1200px) {
  .w,.w2{width: 90%;}
  .top .w .r,.foot .pro{display: none;}
  .banner .slick-next, .banner .slick-prev,.slide .slick-next, .slide .slick-prev{width: 40px;height: 40px;}
  .main .left{margin-bottom: 2%;}
  .main .left,.main .right{width: 100%;}
  .main .left dl{overflow: auto;}
  .main .left dl dd a{width: 33.3333%;float: left;}
  .show .function{overflow-x: scroll;}
  .show .function .pics{width: 1000px;}
  .show .function .pics .item img{height: 120px !important;}
  .foot .r p{float: left;margin: 0 5px;}
  
}
/*Common For Max 768*/
@media only screen and (max-width: 1000px) {
  .top{line-height: 40px;}
  .top span{background-size: auto 50%;}
  .head .logo{min-width: 150px;}
  .head .nav,.main .left dl dd{display: none;}
  .head .nav{background: #000;position: fixed;width: 100%;left: 0;top: 0;height: 100%;padding: 20% 0 0 15%;margin-left: 0;z-index: 100;}
  .head .nav a{color: #fff;text-align: left;display: block;width: 100%;float: none;}
  .head .search{margin-right: 15%;margin-top: 1.5%;width: 20%;}
  .menuBtn{display: block;}
  .banner,.proinfo .pic .slide .img{height:500px;}
  .banner .slick-next, .banner .slick-prev,.slide .slick-next, .slide .slick-prev{width: 35px;height: 35px;}
  .nbanner .text h1{font-size: 45px;}
  .main .tit h2{font-size: 40px;}
  .tit h2,.about .text h2,.main .history dl dt{font-size: 30px;}
  .quote h3,.proinfo .title h1,.show .tit{font-size: 20px;}
  .tit .more,.main .content *,.proinfo .title span{font-size: 16px;}
  .about .text p,.show .con, .show .con *,.show .pics .item p{font-size: 14px;}
  .products ul li,.ex-list ul li{width: 49%;}
  .products ul li:nth-child(3n){margin-right: 2%;}
  .products ul li:nth-child(2n),.ex-list ul li:nth-child(2n),.ex-list ul li:nth-child(4n){margin-right: 0;}
  .prolist ul li{width: 50%;}
  .proinfo .inquire-btn{width: 120px;height: 35px;line-height: 35px;}
  .show .inquire .row label input, .show .inquire .row label select, .show .inquire .row label textarea,.show .inquire .button{line-height: 40px;height: 40px;}
  .show .con table td{padding: 15px;}
  .show .function .pics{width: 900px;}
  .show .function .pics .item img{height: 80px !important;}
}
/*Common For Max 480*/
@media only screen and (max-width: 768px) {
  *{font-size: 12px;}
  .top{font-size: 12px;line-height: 30px;}
  .menuBtn,.menuBtn.open b{width: 30px;}
  .menuBtn b{margin: 6px 0;}
  .head .search{margin-top: 1.5%;width: 30%;}
  .head .search button{width: 18px;height: 18px;margin-top:3px;}
  .head .search input{width: calc(100% - 24px);line-height: 24px;}
  .banner,.proinfo .pic .slide .img{height:300px;}
  .banner .item .w .text,.float,#mail{display: none;}
  .banner .item .w .img{height: 70%;width: 80%;top: 50%;left: 50%;transform: translate(-50%,-50%);}
  .banner .slick-next, .banner .slick-prev,.slide .slick-next, .slide .slick-prev{width: 30px;height: 30px;}
  .nbanner .text h1{font-size: 30px;}
  .main .history dl dt{font-size: 24px;width: 60px;padding-top: 6px;}
  .main .tit h2,.proinfo .title h1{font-size: 20px;}
  .tit h2,.about .text h2{font-size: 18px;}
  .products ul li .text a,.quote h3,.prolist ul li .text a,.show .tit{font-size: 14px;}
  .tit .more,.quote input, .quote select, .quote option,.main .content *,.proinfo .title span,.main .left a{font-size: 14px;}
  .about .text p,.quote button,.quote p,.main .value dl dd,.show .inquire .row label,.show .con, .show .con *,.show .con table td, .show .con table td *,.show .pics .item p{font-size: 12px;}
  .show .con table td, .show .con table td *,.proinfo .inquire-btn{font-size: 10px;}
  .prolist ul li,.about .text,.about .pic,.quote input, .quote select, .quote option, .quote button,.quote label,.products ul li,.show .inquire .row,.show .inquire .row label.half{width: 100%;display: block;}
  .products ul li,.products ul li:nth-child(3n),.products ul li:nth-child(2n){margin-right: 0;}
  .quote form{display: block;}
  .quote label, .quote button{margin: 10px auto;}
  .main .value dl dt img{width: 60%;}
  .main .left dt a{font-weight: normal;}
  .proinfo .inquire-btn{width: 80px;height: 30px;line-height: 30px;}
  .show .inquire .row{margin-bottom: 0;}
  .show .inquire .row label,.show .inquire .button{margin: 5px auto;}
  .quote input, .quote select, .quote option, .quote button,.show .inquire .row label input, .show .inquire .row label select, .show .inquire .row label textarea,.show .inquire .button{line-height: 35px;height: 35px;}
  .show .con table td{padding: 10px;}
  .show .inquire .row label textarea{padding: 0;}
  .pages a{margin: 5px;padding: 0 10px;}
  .show .function .pics{width: 700px;}
  .show .function .pics .item img{height: 60 !important;}
}
/*Common For Max 320*/
@media only screen and (max-width: 480px) {
  .head .search{margin-top: 2.7%;}
}