﻿/* Large desktop */


/* Large desktop */
@media (max-width: 1200px) {
   .coop-tabs a{
        height: 42px;
        line-height: 42px;
        font-size: 18px;
   }
   .sale-contact{
        font-size: 14px;
        min-height: 250px
   }
   .net-bd li{
        font-size: 14px;
   }
   .news-grid dl dd{
        padding: 1% 3% 0;
   }
   .pro-list li{
        width: 33.3%;
    }

}

/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {
    .bid-wrap .bid-cont,.job-wrap  .job-cont{
        max-height: 230px;
    }
    .boss-tit h2{
        font-size: 32px;
    }
    .coop-tabs a{
        width: 20%;
    }
    .staff-list li{
        float: left;
        margin-right: 5%;
        width: 45%;
    }
    .sale-contact{
        font-size: 14px;
        min-height: 200px;
        padding: 5%;

   }
   .sale-contact .tit{
        font-size: 18px;
        font-weight: normal;
   }
   .trade-wrap .span6{
        float: none;
        width: 100%;
        margin-left: 0;
   }
   .trade-list{
        margin-top: 2%;
    }
   .trade-list .span6{
        float: left;
        width: 48%;
    }
    .trade-list .span1{
        float: left;
        width: 6%;
    }
    .trade-list .span4{
        float: left;
        width: 40%;
    }

    .news-grid dl dd p{
        margin-bottom: 3px;
    }
    .news-grid .tit{
        line-height: 1.6;
    }
    .pro-search{
        line-height: 38px;
    }
    .pro-search .tit{
        font-size: 20px;
    }
    .pro-search select,.pro-search .text,.pro-search .sub{
        height: 38px;
    }
    .pro-list li{
        width: 50%;
    }
    .pro-list .pro-nav{
        max-height: 310px;
    }
    .honor-list ul:nth-child(1){
        padding-right: 3%;
    }
    .honor-list ul:nth-child(2){
        padding-left: 4%;
        border-left: 1px solid #c2c2c2;
        margin-left: 1%;

    }
    .case-list li{
        width: 31%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
	.product-list li{
        width: 31%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

    .wh .brand-scroll{
        margin-top: 5%;
    }
    .qua-slider p{
        min-height: 40px;
    }
    .h-wrap{
        padding: 20px;
    }
    .h-wrap .boss-tit,.bid-wrap .span6.rt,.job-wrap .span6.rt{
        margin-bottom: 10px;
    }
    .boss-tit.nobd{
        margin-bottom: 0;
    }
    .bid-wrap .span6.rt{
       position: relative;
       overflow: hidden;
       text-align: center;
    }
    .coop-tabs{
        margin-top: 10px;
    }
    .coop-tabs a{
        font-size: 12px;
        width: auto;
        height: 20px;
        line-height: 20px;
        padding: 0 6px;
        margin: 2px ;
    }
    .boss-tit{
        padding-bottom: 10px;
    }
    .boss-tit h2{
        font-size: 16px;
        line-height:1;
    }
    .bid-cont,.job-cont,.job-proc{
        padding-right: 18px;
        font-size: 12px;
    }
    .bid-list ul li{
        height: 28px;
        line-height: 28px;
        font-size: 12px;
    }
    .bid-list ul li .more{
        line-height: 18px;
        padding: 0 10px; 
        margin: 6px 6px 0 0;
    }
    .bid-list ul li i{
        padding: 0 6px;
    }
    .btn-more{
        padding: 0px 17px;
        font-size: 14px;
        margin-top: 15px;
    }
    .job-list{
        padding-bottom: 40px;
    }
    .job-list .swiper-slide{
        width: 240px;
        height: 214px;
        padding: 10px 20px;
    }
    .job-list .tit{
        font-size: 16px;
        line-height: 36px ;
        margin: 0 0 15px;
    }
    .job-list .cont{
        font-size: 12px;
        height: 96px;
    }
    .job-list .more{
        padding: 0px 14px;
        font-size: 12px;
        margin: 10px 0; 
    }
    .job-list .data{
        font-size: 12px;
    }
    .job-wrap{
        min-height: 250px;
    }
    .staff-list p{
        font-size: 12px;
    }
    .sale-contact{
        margin-top: 5%;
        padding: 5%;
        font-size: 12px;
        min-height: 180px;
   }
   .sale-contact .tit{
        font-size: 14px;
   }
   .net-box{
        margin-top:3%;
   }
   .net-hd{
        padding: 6px 0; 
   }
   .net-bd .list{
        padding: 0;
   }
   .net-bd li{
        font-size: 12px;
        border-right: none;
        border-bottom: 1px solid #eee;
        padding: 3% 0;
   }
   .net-hd .span8{
        margin-top: 3%;
   }
   .net-hd input,.net-hd input[type="text"],.net-hd input[type="submit"],.net-hd select{
        width: 47%;
        margin-bottom: 5px;
        font-size: 12px;
        height: 28px;
   }
   .net-hd input[type="submit"]{
        width: 97%;
   }
   .net-hd .tit{
        font-size: 14px;
   }
   .net-nav a{
        padding: 4px 35px;
        font-size: 12px;
        margin: 1% 0;
   }
   .csr-slider .swiper-slide{
        padding: 8px 0;
   }
   .case-slider{
        padding-bottom: 40px;
   }
   .case-slider .swiper-slide p{
        width: 100%;
        line-height: 2;
        font-size: 12px;
   }
   .trade-list .span1{
        display: none;
    }
    .trade-list{
        margin-top: 2%;
    }
    .trade-list .tit{
        font-size: 16px;
    }
    .trade-list li{
        font-size: 13px;
        line-height: 22px;
        
    }
    .trade-slider{
        padding-bottom: 40px;
    }
    .trade-slider .swiper-wrapper{
        font-size: 12px;
    }
    .news-list li.hd .tit{
        font-size: 16px;
    }
    .news-list li a{
        padding: 8px 15px;
        font-size: 12px;
    }
    .news-list li span{
        display: none;
    }
    .news-list li .recom{
        width: 34px;
        height: 16px;
        line-height: 16px;
        font-size: 12px;
        padding-right: 6px;
        margin-right: 5px;
    }

    .news-grid dl dt{
        width: 100%;
    }
    .news-grid .tit{
        font-size: 14px;
    }
    .news-grid dd p{
        margin-bottom: 2px;
    }
    .news-grid dl dd{
        width: 94%;
        padding: 2% 5%;
    }
    .pro-search{
        padding: 10px 16px;
    }
    .pro-search .tit{
        font-size: 16px;
        line-height: 2;
    }
    .pro-search select,.pro-search .text,.pro-search .sub{
        height: 28px;
        font-size: 12px;
    }
    .pro-search .sub{
        width: 25%;
    }
    .pro-list li{
        width: 100%;
    }
    .pro-list .pro-nav{
        max-height: 240px;
    }
    .pro-list li .cover-box{
        position: absolute;
        height: 40px;
        left: 5px;
        right: 5px;
        bottom: 5px;
        background: rgba(255,255,255,.8);
        overflow: hidden;
        padding:0 10%;
        transition:all 0.3s;
    }
    .pro-list li  .tit{
        line-height: 40px;
        font-size: 16px;
    }
    .pro-list li  .tit i{
        width: 20px;
        height: 20px;
        background-size: 100% 100%;
    }
    .pro-pc{
    	display: none;
    }
    .pro-mb{
    	display: block;
    }
    .pro-table th{
        font-size: 14px;
    }
    .pro-table td{
        padding: 5px;
        font-size: 12px;
    }
    .pro-table td.field{
    	width: 90px;
    }
    .pro-table .imgbox{
        padding: 10px;
    }
    .pro-path {
        margin-bottom: 20px;
        line-height: 40px;
    }
    .pro-path .tit{
        font-size: 18px;
    }
    .pro-table td.field{
        font-size: 12px;
    }
    .pro-path .txt{
        display: none;
    }
    .pro-path .back{
        display: inline-block;
    }
    .honor-list li{
        font-size: 12px;
        
    }
    .honor-list ul:nth-child(1),.honor-list ul:nth-child(2){
        padding: 0;
        border:none;
        margin: 0;
    }

     .case-list li{
        width: 48%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .case-list li p{
        width: 80%;
        font-size: 12px;
        line-height: 26px;
    }
	.product-list li{
        width: 48%;
        margin-right: 2%;
        margin-bottom: 2%;
    }
    .product-list li p{
        width: 100%;
        font-size: 12px;
        line-height: 26px;
    }
    .dl-list li{
        line-height: 30px;
    }
    .dl-list li i{
        width: 40px;
        height: 30px;
    }
    .dl-list li .data{
        line-height: 18px;
        margin-top: 8px;
        padding: 0 4%;
        margin-right: 4%;
    }
    .qu-main{
        width: 100%;
    }
    .qu-box{
        float: none;
        margin: 0 auto;
    }
    .qu-main{
        padding-top: 90px;
    }
    .login-box{
        width: 260px;
        height: 156px;
        padding: 10px 20px;
        margin: -88px 0 0 -150px;
    }
    .login-box .log-close{
        width: 16px;
        height: 16px;
        right: 15px;
        top: 15px;

    }
    .login-box h2{
        margin: 0;
        font-size: 14px;
    }
    .login-box h2 span{
        font-size: 18px;
    }
    .login-box .user,.login-box .pwd{
        line-height: 24px;
        border-bottom-width: 1px;
    }
    .login-box input[type="text"]{
        width: 190px;
        padding: 0 6px;
    }
    .login-box .sub{
        width: 90px;
        height: 26px;
        font-size: 14px;
        margin-top: 0;
    }
    .swiper-button .swiper-button-next, .swiper-button .swiper-button-prev{
        height: 28px;
        margin-top: 0;
        width: 56px;
    }
    .swiper-button{
       
    }
    .pagination{
        font-size: 12px;
    }
    .pagination label{
        font-size: 12px;
        margin: 0 3px;
    }
    .pagination a{
        padding: 2px 5px;
    }
    .pagination input{
        width: 20px;
    }
    
    .news-nav a{
        padding: 0 12px;
        line-height:32px;
    }

    .adr-box{
        display: none;
    }
    .m-addr{
        height: auto;
    }
	.fitting-img{
	width: 100%;
	height: auto;
    }
    .fitting-img .img{
	width: 100%;
	height: auto;
	border: 1px solid #f2f2f2;
	margin-bottom: 12px;
    }
	.fitting-img .img img{
	width:100%;
	height:auto;
	}
	.jqZoomPup{
	display: none;
    }
    .zoomdiv{
	display: none;
    }
	.select-in{height:240px;}

}

/* Landscape phones and down */
@media (max-width: 480px) {

    
}
