/*Common For Max 960*/
@media only screen and (max-width: 1199px) {
    .wp{width: 98%;}
    .ul-team img {margin-right: 20px;}
    .ul-team .txt {margin-left: 0;}
    .nav_1 ul li a{
        padding: 0 15px !important;
    }
    
    
}



/*Common For Max 768*/
@media only screen and (max-width: 959px) {
    #sub-banner {height: 280px;}
    .box-sub .col-l {width: 230px;}
    .box-sub .col-r {margin-left: 264px;}

    .ul-form .p1 {padding-bottom: 10px;float: none;width: 100%;}
    .ul-form .p2 {margin-left: 0;width: 100%;}
    .ul-form .inp-book {width: 80%;}
    .sitemap {display: none;}

    .tab-pro #ProductNetInfo {max-height: 368px;}
    .nav_1 ul li a{
        padding: 0 6px !important;
    }
}



/*Common For Max 480*/
@media only screen and (max-width: 767px) {
    #sub-banner {height: 200px;}
    .box-sub {padding-top: 20px;}

    .box-sub .col-l {float: none;width: 100%;}
    .sidebar {overflow: hidden;}
    .bg-sidebar {display: none;}
    .box-sub .col-r {margin-left: 0;padding: 0 5px;}

    .sidebar dd {padding-top: 5px;}
    .sidebar dd li {float: left;width: 50%;}
    .sidebar dd a {padding-left: 0;text-align: center;height: 40px;line-height: 40px;}
    
}

@media only screen and (max-width: 500px) {
    .tab-qa .tabtitle li,.tab-pro .tabtitle li {margin: 0 .5% 1%;width:49%;}

}

/*Common For Max 320*/
@media only screen and (max-width: 479px) {
    #sub-banner {height: 140px;}
    .ul-view-txt li span {display: none;}
    .box-protocol {width: 96%;}

    .ul-team img {margin-right: 0;float: none;width: 100%;}
    .ul-team .txt {margin-left: 0;width: 100%;}
    .ul-team .tit {text-align: center;padding-top: 14px;padding-bottom: 14px;}

    /*.ul-form label {display: block;width: 100%;}*/
    .box-book {width: 100%;}

    .tab-pro #ProductNetInfo {max-height: 200px;}

}
@media only screen and (max-width: 360px) {
    .ul-form .inp-book {width: 76%;}
    

}