@media (min-width: 992px)and (max-width:1198px){ .nav-left{width:30%;} .search-case input{ width:75%;} .build_che{padding-left:10px!important; padding-right:10px!important;} } @media (max-width:990px){ .phone-topnav{display:block;} .body-header{display:none;} .logon-top, .login-footer, .copyright{width:100%!important;} .logon-wrap{ background-size:cover!important;height:100%!important; max-width:100%!important; width:100%;} .wrap-max{height:100%!important;} .container{ width:100%;} .navbar-collapse.collapse{display:block!important; width:100%; margin:0;} .navbar-nav{margin:0;} .navbar-nav > li{ float:left; border-bottom:1px solid #4B9EDE;} [class^="col-md-"]{ display:inline-block; vertical-align:middle;} .index .build_che_content > .clearfix > [class^="col-md-"]{ display:block;} .index li[class^="col-md-"]{ display:inline-block;} li.col-md-3{width:33%;} .wrapper .header-wrap{height:auto;} .header .header-left, .header .header-right{width:100%; text-align:center!important; padding:5px 0; height:auto;} .header .header-left{ border-bottom:1px dashed #ddd;} .nav-max{height:auto;} .index-top-oper{width:40%;} .nav-max .nav-center{ width:100%; text-align:center; background:#f5f5f5; height:auto;} .nav-max .nav-center .search-box{ padding:15px 5px 10px;} .home-marquee .mod-content ul li{width:33%; display:inline-block;} .cm-new-dynamic .mod-content ul li:first-child {width:40%;} .cm-new-dynamic .mod-content ul li:last-child {width:50%;} .index-ico a{ width:24%; display:inline-block;} .index .padding-right-10{ padding-left:10px!important;} .index .padding-left-10{padding-right:10px!important;} .cm-banner .col-md-3{width:25%; float:left;} .cm-banner .col-md-3 img{ width:100%;} .ChemicalDynamic{width:100%; padding-right:10px; margin-top:10px;} .friendly-link{ padding:0 10px;} .hot-product > .col-md-8{ padding:0 10px!important;} .cm-chemical-page .seek_left_center{ width:70%;} .cm-chemical-page .seek_left_right{max-width:100%; width:100%; clear:both; float:inherit; padding-left:140px;} .cm-chemical-page .seek-right-inner{border:none; padding-left:20px;} .cm-new-companies .mod-content >ul, .cm-industry-dynamic .mod-content{ height:auto!important;} .cm-supplier-detail .col-md-2{ width:20%; display:inline-block; float:left; padding-left:0;} .cm-supplier-detail .col-md-10{ width:75%; display:inline-block; float:left;} .cm-supplier-detail .seek_ch_left_content_top{ position:relative;} .cm-supplier-detail .seek_ch_left_content_top > .col-md-2{ position:absolute; left:0; top:0; } .cm-supplier-detail .seek_ch_left_content_top > .col-md-10{ width:100%; padding-left:130px;} .seek_left_center{width:40%;} .cm-top-classify .search-wrap{ width:30%; display:inline-block; float:right;} .cm-top-classify .build_che_congtent{width:70%; display:inline-block;} .seek_ch_left_content .col-md-3{ width:25%;} .seek_ch_left_content .col-md-9{ width:75%;} .seek_ch_left_content .col-md-12{width:100%;} .cm-bidding-inquiry .seek_left_center{ width:60%;} .cm-bidding-inquiry .seek_left_right{ width:30%;} .login-container{ right:10%!important;} .login-container .register-box, .login-container .reg-form, .reg-form .cell input{width:100%!important;} .login-container .register-box{padding:15px;} .form-group{ clear:both;} .form-group [class^="col-md-"], .form-group [class^="col-sm-"]{ float:left; display:inline-block;} .form-group .col-md-2{ width:20%;} .form-group .col-md-3{ width:25%;} .form-group .col-md-7{ width:50%;} .form-group .col-md-8{ width:60%;} .form-group .col-sm-2{ width:16%;} .form-group .col-sm-4{ width:33%;} .register-form{width:100%;} .register-form .col-md-9{ width:70%; display:inline-block; vertical-align:top;} .register-form .col-md-3{ width:25%; display:inline-block; vertical-align:top;} .register-form .form-group .col-md-2{ width:30%; display:inline-block; float:left;} .register-form .form-group .col-sm-3{ width:15%; display:inline-block; text-align:left; float:left;} .register-form .form-group .col-sm-4{ width:60%; display:inline-block; float:left; } .detail_che_content{ width:100%;} .detail_che_content .detail_che_left{ width:80%;} .detail_che_content .detail_che_left dl{ display:block; clear:both;} .detail_che_content .detail_che_right { padding-right:30px;width:12%;} .foot-max, .foot{ width:100%; height:auto; overflow:hidden; padding:10px 0;} .foot ul{width:25%;} .cm-shopping-cart, .cm-member-list{width:100%; overflow:auto;} .cm-shopping-cart .shopcart-content .col-md-1{ width: 8.33333%;} .cm-shopping-cart .shopcart-content .col-md-2{width: 18%;} .cm-shopping-cart .shopcart-content .col-md-3{width: 25%;} .cm-shopping-cart .shopcart-content .col-md-4{width: 28%;} .cm-bulk-search .form-group > .col-md-2{ text-align:left!important; width:100%;} .cm-bulk-search .purity-symbol{ width:30%!important;} .cm-bulk-search .purity-query{ width:50%!important;} .cm-add-succeed .col-md-2{ width:16%; display:inline-block; vertical-align:top;} .cm-add-succeed .col-md-9{ width:78%; display:inline-block; vertical-align:top;} .cm-add-succeed .add-detailed{display:inline-block;} .cm-product-detail .table-details .table-info{width:40%;} .cm-product-detail .table-details .shopping-cart{width:60%;} .cm-product-detail .table-details .col-md-10 {width:80%;} .cm-chemicalpro-search .form-group .search-one-item{ padding-left:0;} .cm-chemicalpro-search .precise-search .control-label{width:15%; display:inline-block; margin-bottom:0; line-height:30px;} .cm-chemicalpro-search .precise-search .col-md-3{width:30%; vertical-align:middle; margin-bottom:5px;} .cm-chemicalpro-search .precise-search .col-md-8{width:55%;} .cm-chemicalpro-search .precise-search .col-more{ padding-top:10px} .cm-private-letter .col-md-2{ width:25%; display:inline-block; vertical-align:top; line-height:1.7;} .cm-private-letter .col-md-7{ width:40%; display:inline-block; vertical-align:top;} .cm-private-letter .col-md-3{ width:28%; display:inline-block;vertical-align:top;} .modal .modal-dialog.width800{width:80%; margin:0 auto;} .modal .modal-dialog .form-group label{ display:inline-block;} .cm-modle-limits .control-label{ width:100%!important; background:#f1f1f1; margin-bottom:5px;} .cm-modle-limits .form-group.m-t .col-md-9{width:100%;} .cm-modle-limits .control-label{ text-align:left!important;} .cm-modle-limits .limits-list div{ width:30%;} .cm-consignee-body .cargo-message .width600{width:auto;} .cm-cc-manage-detail .cc-manage-body .col-md-8{ width:60%;} .cm-cc-manage-detail .cc-manage-body .col-md-2{width:30%;} .cm-cc-manage-detail .cc-manage-body .col-md-4{width:40%;} .cm-bulkpm-detail .table-details .col-md-5{ width:40%;} .cm-bulkpm-detail .table-details .col-md-7{ width:60%;} .cm-bulkpm-detail .table-details .control-label{width:25%;} } @media(max-width: 768px) { .login-container{width:70%!important; right:15%!important;} .seek_ch_left,.seek_ch_right{ width:100%;} .detail_che_content .detail_che_left, .detail_che_content .detail_che_right { width:100%; padding:0; margin:0;} .detail_che_content .detail_che_right li{ display:inline-block;} .cm-supplier-detail .details-right{width:100%; bottom:0; top: initial!important; margin:0;} .cm-supplier-detail .details-right a{width:25%; display:inline-block; float:left;} .cm-supplier-detail .details-right a dd{ padding:15px 0!important; margin:0; text-align:center;} .register-form .col-md-9, .register-form .col-md-3{ width:100%;} .foot ul{width:33%;} .cm-supplier-btn .form-group .col-md-6{width:100%; padding-left:0; margin-top:5px;} .cm-supplier-btn .form-group .col-md-3 { width:45%;} .cm-supplier-btn .form-group .col-md-6 .btn{width:45%;} .cm-company-body .build_che_left {width:100%; background:#fff; margin-bottom:10px;} .cm-company-body .build_che_left .side-menu-box{padding-left:0;} .cm-company-body .build_che_left .side-menu-box > li{ width:25%; float:left;} .cm-company-body .build_che_left .side-menu-box > li .menu{ margin:0 5px;} .cm-company-body .build_che_right {width:100%;} .cm-company-body .certificate-detail >.col-md-8{ width:100%;} .cm-company-body .certificate-detail .control-label{width:35%;} .cm-company-body .search-wrap [class^="col-md-"]{margin-bottom:5px;} .cm-company-body .search-wrap .col-md-4{width:40%;} .cm-company-body .search-wrap .col-md-3{width:35%;} .cm-company-body .search-wrap .col-md-1{width:25%;} .cm-company-body .build_che_content_top .col-md-4{ width:30%;} .cm-chemical-page .seek_ch_left_content .seek_left_point{width:100px; max-width:100px; height:100px; line-height:84px;} .cm-chemical-page .seek_ch_left_content .seek_left_point img{max-width:100px; max-height:100px;} .cm-chemical-page .seek_left_right{padding-left:100px;} ul.expmenu > li ul li{ padding-left:15px!important;} .cm-scroll-bar{width:100%; overflow:auto; padding:0 0 20px;} .cm-scroll-bar .inner{width:900px;} .cm-collect-bar{padding-bottom:0;} .cm-collect-bar .inner, .cm-scroll-bar.tenderlist-table .inner{width:600px;} .tenderlist-table .col-md-3{ width:21%;} .tenderlist-table .col-md-2{ width:15%;} .tenderlist-table .col-md-1{ width:12%;} .cm-shopping-cart .table-body{width:100%; overflow:auto;} .cm-shopping-cart .table-list{width:900px;} .cm-shopping-cart .selected-box { margin-top:10px;} .cm-shopping-cart .selected-num, .cm-shopping-cart .selected-num span{ padding-left:0!important; position:relative;} .cm-shopping-cart .selected-num .price{ display:inline-block; width:100%; padding-top:20px;} .cm-shopping-cart .selected-num .btn{ position:absolute; bottom:5px; right:0px;} .cm-consignee-body .form-group label{text-align:left; width:100%;} .cm-consignee-body .form-group label .text-danger{ display:inline-block;} .cm-consignee-body .form-group .info{ overflow:hidden; display:block; margin:5px 0; width:100%; background:#f1f1f1;} .cm-consignee-body .form-group .alert-info {color: #31708f; background-color: #d9edf7;} .ipicker-panel li{ width:30%;} .cm-cargo-list .cargo-message{} .cm-cargo-list .cargo-message .width600{width:100%;} .cm-cargo-list .prepare-list .col-md-6{ width:38%;} .cm-cargo-list .prepare-list .col-md-2{ width:18%;} .cm-cargo-list .cargo-message .width600 .col-md-2, .cm-cargo-list .cargo-message .width600 .col-md-3, .cm-cargo-list .cargo-message .width600 .col-md-5{width:100%;} .cm-member-list .table{ width:768px; max-width:768px;} .cm-purchaser-box{width:100%; overflow:auto; padding:0 0 20px;} .cm-purchaser-box .purchaser-list{width:720px;} .mod-sub-nav.width745{ width:100%!important;} .cm-chemical-pro .seek_ch_left_content{ width:100%; overflow:auto;padding:0 0 20px!important; } .cm-chemical-pro .seek_ch_left_content .inner{width:1000px;} .cm-chemicalpro-search .precise-search .col-md-3{width:80%;} .cm-indent-detail{} .cm-indent-detail .indent-schedule{width:100%!important;} .cm-indent-detail .indent-schedule .ui-step-icon{ width:100%;} .cm-indent-detail .indent-schedule .fa-stack-2x{ font-size:1.2em;} .cm-indent-detail .ui-step li.ui-step-end{ width:14.88%;} .cm-indent-detail .ui-step-6 li .ui-step-line{ margin-left:78%; width:40%; margin-top:6px;} .cm-indent-detail .ui-step-icon .ui-step-text{ top:25px; display:inline-block; line-height:1.5; vertical-align:top;} .cm-indent-detail .ui-step-icon .text-muted{ display:inline-block; line-height:1.2; } .cm-indent-detail .ui-step-icon .margin-top-30{ margin-top:40px;} .cm-indent-detail .indent-schedule .ui-step{ height:170px!important;} .cm-indent-detail .detail-potion{width:100%; float:inherit; display:block; clear:both;} .cm-indent-detail .detail-intro .border-dashed-right{ border:none;} .cm-product-detail .contact-info{} .cm-product-detail .shopping-cart label{ width:30%;} .cm-product-detail .shopping-cart .col-md-3{width:35%;} .cm-product-detail .shopping-cart .col-md-10{ width:60%;} .cm-issue-common{ overflow:auto; padding:0 0 5px;} .cm-issue-common dl{width:600px;} .cm-issue-common dl dt{padding:10px 0!important; margin:10px 0;} .cm-issue-common .col-md-3{ width:18%;} .cm-issue-common .col-md-2{width:20%;} .cm-issue-bidding .col-md-4{ width:100%!important;} .cm-issue-bidding .build_che_content_top{ padding-top:0!important; padding-bottom:0!important;margin-top:0; margin-bottom:0;} .cm-bulkpm-detail .table-details .col-md-5{ width:100%;} .cm-bulkpm-detail .table-details .col-md-7{ width:100%;} .cm-bulkpm-detail .table-details .control-label{width:32%;} .ms-hot-market .ms-hot-list li{ width:33%; margin-bottom:15px; } .cm-entrust-body .entrust-item .item-title h3{width:100%;} .cm-entrust-body .entrust-item .item-body>div{padding-left:0; height:auto;} .cm-entrust-body .entrust-item .basic-demand dl, .cm-entrust-body .entrust-item .basic-btn .btn-box{padding-top:0;} .cm-entrust-body .entrust-item .basic-btn .btn{width:45%; margin-right:10px;} .cm-entrust-body .screen-wrap{float:left; margin-top:15px;} .cm-flow-box li .fa-long-arrow-right{right:-40px;} } @media(max-width: 480px){ .wrapper .header-wrap .header-right .name{ display:block;} .header span{padding-left: 2%;} .logo-260{width:156px!important ; height:53px!important; } .login-container {width: 80%!important; right: 50%!important; margin-right:-40%!important;} .navbar-nav > li{width:33.33%; text-align:center;} .navbar-nav > li a{padding-left:0; padding-right:0; width:100%;} .nav-max{text-align:center;} .nav-max .nav-left{ margin-left:auto;margin-right:auto; float:inherit; display:inline-block;} .index-top-oper{width:100%; padding-top:25px;} .nav-center{ margin-top:15px;} .cm-banner .col-md-3{width:50%; margin-top:5px; margin-bottom:5px;} .cm-new-chemicals .mod-content .bg-ash{padding:0;} .cm-new-chemicals .mod-content .bg-ash >span{display: table-cell; white-space: normal; } .cm-home-body > .col-md-3{width:100%;} .seek_left_center{width:55%;margin-left:5%;} .seek_left_right{ width:100%; max-width:100%;} .seek_left_right div, .seek_left_right p{display:inline-block!important;} .seek_left_right .btn-w-m{min-width:inherit} .cm-chemical-page .chemical-list .seek_left_right p{ min-width:95px;} .cm-chemical-page .chemical-list .seek_ch_left_content{padding-bottom:50px;} .cm-chemical-page .chemical-list .seek_ch_left_content div:last-child{left:0; right:inherit; width:100%;} .cm-top-classify .search-wrap, .cm-top-classify .build_che_congtent, .seek_ch_left_content .col-md-3, .seek_ch_left_content .col-md-9{ width:100%;} .cm-top-classify .search-wrap, .seek_ch_left_content .col-md-9{ margin-top:15px;} .cm-top-classify .build_che_congtent a{width:18.5%; padding-left:2px; padding-right:2px; margin:0;} .pagination-group .pagination{width:100%; margin-top:10px!important;} .cm-bidding-inquiry .seek_left_center, .cm-bidding-inquiry .seek_left_right{ width:100%;} .cm-bidding-inquiry .seek_left_right{ background:#f5f5f5; margin:0; padding:10px;} .cm-bidding-inquiry .seek_left_right p{ vertical-align:middle; margin:0 5px;} .cm-supplier-detail .seek_ch_left_content_top > .col-md-2{ position:relative;width:100%; } .cm-supplier-detail .seek_ch_left_content_top > .col-md-10{ width:100%; padding:10px 0 0 0;} .cm-supplier-detail .seek-intro{ padding-top:10px;} .form-group .col-md-2{ width:70%;} .form-group > .control-label, .form-group .col-md-8, .form-group .col-md-6{ width:90%;text-align:left!important;} .form-group .col-sm-2{ width:40%;} .form-group .col-sm-4{ width:80%;} .register-form .col-md-9{padding:0;} .register-form .form-group .col-sm-3{ width:100%; } .register-form .form-group .col-sm-4{ width:90%; } .register-form .form-group .col-md-2{width:40%;} .register-form .form-group label{ text-align:left;} .nav-tabs{border:none;} .nav-tabs > li {width:100px; text-align:center;} .nav-tabs > li > a{ border-radius:3px; margin:5px; border:1px solid #ddd; padding:10px 0;} .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{border-color:#2A80B9; background:#2A80B9; color:#fff;} .cm-company-body .search-wrap .col-md-7{ width:100%;} .cm-company-body .build_che_left .side-menu-box > li{ width:100%; float:left; display:inline-block; position:relative;} .cm-company-body .build_che_left .side-menu-box > li .menu{ margin:0; display:none; z-index:999;} .form-group.search-uncash .col-md-2{ width:30%; padding:0;} .form-group.search-uncash .col-md-4{ width:90%; margin-bottom:5px;} .cm-choose-sub .choose-list .seek_left_right{ width:100%;} .cm-helper-page .build_che_left , .cm-helper-page .build_che_right{ width:100%;} .mod-sub-nav li{ padding-left:1%; padding-right:1%;} .cm-add-succeed .col-md-2, .cm-add-succeed .col-md-9{ width:100%;} .cm-add-succeed .col-md-2{text-align:center!important; margin:0;} .cm-product-detail .table-details .table-info, .cm-product-detail .table-details .shopping-cart{width:100%;} .cm-chemicalpro-search .precise-search .control-label{width:100%; display:inline-block;} .cm-chemicalpro-search .precise-search .radio-inline.no-margins{ margin-left:10px!important;} .cm-chemicalpro-search .precise-search .col-md-8{width:90%;} .cm-private-letter p span{padding-left:0;} .cm-private-letter p > .col-md-2, .cm-private-letter p > .col-md-7, .cm-private-letter p > .col-md-3{ width:100%; text-align:left!important; } .cm-private-letter .replay-list .text-success{ display:none;} .cm-private-letter .reply-container{width:100%;} .cm-company-intro .seek_ch_left_content_top .company-img, .cm-company-intro .seek_ch_left_content_top label {display:none;} .cm-modle-limits .limits-list div{ width:50%;} .cm-cc-manage-detail h3 span{display:block; width:100%; margin-left:0; padding-top:10px; line-height:1.7;} .cm-cc-manage-detail .cc-manage-body .col-md-4, .cm-cc-manage-detail .cc-manage-body .col-md-8{ width:100%; border:none;} .cm-cc-manage-detail .cc-manage-body .col-md-4{background:#f1f1f1;padding:10px;} .cm-cc-manage-detail .cc-manage-body .col-md-2{text-align:right!important; width:40%;} .cm-bmanage-edit .form-group .col-md-2{width:45%;} .cm-bmanage-edit .form-group .control-label{ width:100%;} .cm-change-password .form-horizontal label{display:block;width:100%;} .ms-hot-market .ms-hot-list li{ width:50%; } } @media(max-width: 380px) { .seek_left_center{width:50%!important; } .index-ico a{width:48%;} .company-product dl{margin: 10px 3%;} .cm-supplier-detail .col-md-2{width:30%;} .cm-supplier-detail .col-md-10{width:70%;} .foot ul{width:50%;} .seek_ch_left_conten-max .seek_left_center{width:50%;} ul.expmenu > li ul li {padding-left: 15px !important;} .cm-product-detail .shopping-cart .col-md-10, .cm-product-detail .shopping-cart .frind-hint .col-md-2, .cm-product-detail .shopping-cart .frind-hint .col-md-10{ width:100%;} .cm-product-detail .shopping-cart .form-group-btn label{ display:none;} .cm-chemicalpro-search .precise-search .form-group-btn .btn{ min-width:40%; width:40%;} .cm-bulkpm-detail .table-details .padding-20{padding:10px 5px;} .cm-chemical-page .seek_left_right, .cm-chemical-page .seek-right-inner{padding-left:0;} } @media(max-width: 330px) { .ibox-content{padding:0;} .seek_left_point{width:100%;} .seek_left_center{width:50%;} .seek_ch_left_conten-max .seek_left_center{width:40%;} .cm-cargo-list .btn-w-m{min-width:initial;} .cm-chemicalpro-search .precise-search .form-group-btn{ width:100%;} .modal .modal-dialog.width800{width:90%; margin:0 auto;} .ms-hot-market .ms-hot-list li{ width:80%; } }