.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

@media (min-width:768px) {
    .container {
        width: 750px;
    }
}

@media (min-width:992px) {
    .container {
        width: 970px;
    }
    #myModal .modal-dialog{ width: 900px;}
}

@media (min-width:1200px) {
    .container {
        width: 1230px;
    }
}

ol, ul {list-style:none;}
.fl{ display: inline; float: left;}
.fr{ display: inline; float: right;}

.textellipsis{display:block;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}

.about_wrapper{}
.active_title{ clear: both; overflow:hidden; margin-bottom:10px; padding-bottom:10px;font-size:24px; text-transform: uppercase; border-bottom: 1px solid #ddd;color: #969696;}
.active_title .fl{ padding-left: 0;}
a{ color: #6c6c6c;}

/*.about-tap{width: 850px;}*/
.about-tap .nav-tabs{ border-bottom: 0;}
.about-tap .nav-tabs > li{ display: inline-block; float:left;}
.about-tap .nav-tabs > li.active > a,.about-tap .nav-tabs > li.active > a:hover,.about-tap .nav-tabs > li.active > a:focus{
    border: none;
    border-bottom: 5px solid #BF0008;
    color: #969696;
}
.about-tap .nav-tabs > li > a{display: inline;margin:0 10px 0 0; padding: 0 10px 10px 10px;  border:1px solid #fff; cursor: pointer;  background: #fff; color: #969696;}
.about-tap .nav-tabs{display: block; clear: both; height: 35px; }
.about-tap .tab-content{clear: both; overflow: hidden; padding:20px 0;}
.right-partner-title{ margin-top: 15px;font-size: 22px; color: #969696;border-bottom: 1px solid #ddd;}
.partner-link{ margin-top: 20px;}
.partner{ margin-bottom: 20px;}

.res-product2{ clear: both; overflow: hidden;}

.contact-wrapper p{ margin-top: 20px; color: #969696;}
.contact-demo,.big-contact-demo{ padding: 20px; border-radius: 5px; margin-top: 10px; margin-bottom: 50px; }
.header-contact{ padding-bottom:10px;border-bottom: 1px solid #000;}
.header-contact h2{ font-size: 18px; margin: 0;}
.content-contact{ clear: both; overflow: hidden;}
.content-contact ul{ display: block;}
.content-contact li{ display: inline; float: left; margin-top: 10px; padding-left: 40px; font-size: 14px; width: 45%;}
.big-contact{ padding-top: 66px; font-size: 18px; background:url("../images/contact_03.jpg"/*tpa=http://www.ckbhk.com/assets/e33850e/images/contact_03.jpg*/) no-repeat; }
.email-contact{ background:url("../images/contact_03-02.png"/*tpa=http://www.ckbhk.com/assets/e33850e/images/contact_03-02.png*/) no-repeat left center;}
.fax-contact{background:url("../images/contact-fax.png"/*tpa=http://www.ckbhk.com/assets/e33850e/images/contact-fax.png*/) no-repeat left center;}
.tel-contact{background:url("../images/contact-tel.png"/*tpa=http://www.ckbhk.com/assets/e33850e/images/contact-tel.png*/) no-repeat left center;}
.logo-bg{ min-height: 58px; background: url("../images/contact2_07.jpg"/*tpa=http://www.ckbhk.com/assets/e33850e/images/contact2_07.jpg*/) no-repeat right bottom;}
.bg-00{ background: #c9d6df;}
.bg-01{ background: #def9ce;}
.bg-02{ background: #e8d5e9;}
.bg-03{ background: #dcdcdc;}

.download_wrapper{}
.download_wrapper p{ margin-top: 10px;}
.btn-go{ padding:6px 15px;background:#e8e8e8 url("../images/download_03.jpg"/*tpa=http://www.ckbhk.com/assets/e33850e/images/download_03.jpg*/) no-repeat center;}
.download-table > tbody > tr > th{ border-top: none; border-bottom: 1px solid #000;}
.download-table > tbody > tr > td{ border-top:none;}

/* new pages css*/
.new-wrap{ min-height: 700px;}
.new-title{ margin-top: 50px;}
.new-title h1{ display: inline; float: left; margin: 0; font-size: 24px;}
.post-time-info{ display: inline; float: right; font-size: 11px; color: #969696;}
.post-time-info span,.new-title h1 a:hover{ color: #ffa500;}
.new-content{ clear: both; overflow: hidden; padding:10px 0; }
.new-sep{ margin-top:5px;}
.page-pre-next a{ display: inline-block; width: 80px; padding: 5px 0; text-align:center; text-transform: uppercase; color: #fff; background: #860c0b; font-size: 12px;}
.page-pre-next a:hover{ color: #fff; text-decoration: none;}
.category{ margin-top: 20%;padding: 30px 0;}
.category h2{ margin: 0 0 15px; font-size: 24px; color: #7b7b7b;}
.bg-container{ overflow: hidden; clear: both; background: #f2f2f2;}
.category-li li{ padding:0 0 0 15px; background:url("../images/categoryli_03.jpg"/*tpa=http://www.ckbhk.com/assets/e33850e/images/categoryli_03.jpg*/) no-repeat left center;  }
.category-li li a{ color: #ffa500;}
.category-li li a:hover{ color: #000; text-decoration: none;}
.category-li li a span{ color: #000;}
.new-right{ margin: 0 auto; width: 226px;}
.new-right li{ margin-top: 15px;text-align: left;}
.new-right li span{ display: block; text-align: left; font-size: 18px;}
.new-right li img{ width: 226px; height: 185px;}
.newstbot{ margin-top: 20px;}
.newstbot .post-time-info,.newstbot h1{ float: none; display: block;}
.newstbot h1,.newstbot h1 a{ color: #7b7b7b; text-decoration: none;}

.article-demo h2,.article-demo h2 a{ font-size: 24px; color: #b0b0b0; text-align: left;}
.new-list-content{ display: block;}
.more-link{display: inline-block; border-radius: 5px; width: 80px; padding: 10px 0; text-align:center; text-transform: uppercase; color: #fff; background: #860c0b; font-size: 12px;}
a.more-link:hover{color: #fff; text-decoration: none;}
.new-txt p{ margin-top: 15px;}
.new-more{ margin-top: 15px;}
.post-date{ padding:0 0 0 20px; color: #ffa500; background: url("../images/new_02_02_07.jpg"/*tpa=http://www.ckbhk.com/assets/e33850e/images/new_02_02_07.jpg*/) no-repeat left center; }

/* product page css */
.page-go{ clear: both; overflow: hidden;}
.page-go a,.page-go span{ margin-left: 10px;}
.page-go a{ color: #969696;}
.page-go a:hover{ color: #860c0b; text-decoration: none;}
.page-go span{ color: #860c0b;}
.go-number-page{}
.btn-go{ overflow: hidden; padding: 0; width: 30px; height: 25px; line-height: 25px; background: #860c0b; color: #fff; border: none;}
.input-to-page{ margin-right: 10px; width: 50px;}
.product-p{ display:block;overflow: hidden; padding: 2px; border: 1px solid #ddd;}
.product-p img{ width: 256px; height: 175px;}
.pro-list{margin: 20px 19px;}
.pro-list span{ display: block;}
.pro-list .name{ display: block; width: 200px;text-overflow:ellipsis; white-space:nowrap; overflow:hidden;font-size: 30px; color:#969696;}
.pro-info{ margin-top: 10px; padding:0 0 0 15px;background: url("../images/cscscs1_04.jpg"/*tpa=http://www.ckbhk.com/assets/e33850e/images/cscscs1_04.jpg*/) no-repeat left center;}
.new_tab-content .CKB-table > tbody > tr > td{ color: #000; font-size: 14px;}
.pro-category h3{ margin-top: 10px; margin-bottom: 5px;  padding:0 0 0 20px; font-size: 16px; color: #6b6b6b; font-weight: normal; text-transform: uppercase; cursor: pointer;background: url("../images/product-v_09-04.jpg"/*tpa=http://www.ckbhk.com/assets/e33850e/images/product-v_09-04.jpg*/) no-repeat left center;}
.pro-category dt{margin: 5px 0; padding:0 0 0 20px; font-size: 18px; text-transform: uppercase;font-weight: normal;  color: #6b6b6b; cursor: pointer; background: url("../images/product-v_03.jpg"/*tpa=http://www.ckbhk.com/assets/e33850e/images/product-v_03.jpg*/) no-repeat left center;}
.pro-category dt a{ color: #6b6b6b; text-decoration: none;}
.pro-category dd{ display: none;}
.pro-category dd a{color: #b2b1b1; text-transform: uppercase;}
.pro-category dd a:hover{ color:#6b6b6b; text-decoration: none; }
.cate-level-3{ margin-left: 20px; display: none; line-height: 23px;}
.pro-category dt.activeLevel{ padding:0 0 0 20px;  background: url("../images/product-v_06.jpg"/*tpa=http://www.ckbhk.com/assets/e33850e/images/product-v_06.jpg*/) no-repeat left center;}
.pro-category h3.activeLevel{ padding:0 0 0 20px; background: url("../images/product-v_09.jpg"/*tpa=http://www.ckbhk.com/assets/e33850e/images/product-v_09.jpg*/) no-repeat left center;}
.searchProducts input{ border: 1px solid #000; border-radius:0; width: 180px; height: 30px; line-height: 30px; }
.searchProducts button{overflow:hidden;border: 1px solid #000;border-radius:0; width: 34px; height: 30px; line-height: 30px; background: url("../images/search-btn.jpg"/*tpa=http://www.ckbhk.com/assets/e33850e/images/search-btn.jpg*/) no-repeat center;}
.pro-category .active-cate{ color: #ffa500;}
.no-data{ margin-top: 20px; padding: 30px 0;color: #860c0b; font-size: 24px; text-align: center;}
.no-data i{ font-size: 18px;}
.enclosure img{ width: 162px;}
#showArea{ margin-top: 15px;}
#showArea img{ width: 150px;}
.pdfs li{ display: inline; float: left; width: 300px;}
.MagicZoom img{ width: 650px; cursor: pointer;}
.units .datelist{ height: 30px;}
.info-wrap{overflow: hidden; white-space: normal; word-break: break-all; word-wrap: break-word;}

/* about us page css*/
.team-group{ display: none; position: absolute; width: 170px; z-index: 1000; padding:15px 0;  border: 1px solid #ddd; background: #fff;}
.team-group li{ margin: 0 15px; border-bottom: 1px solid #ddd;}
.team-group li a{ display: block; font-size: 12px; line-height: 18px; color: #6f6f6f; text-decoration: none;}
.team-group li a:hover{color: #ffa500;}
.person{margin-bottom: 18px;}
.person > span{ font-size: 14px;}
.person a{ color: #333;}
.person a:hover{ text-decoration: none;}
.member{ position: relative; margin-right: 35px;}
.member span{ position: absolute; bottom: 0; z-index: 12; display: block; width: 100%; height: 38px; line-height: 38px; background: #000; opacity: 0.7;}
.member span em{ display: block; color: #fff; font-style: normal; margin-right: 10px; text-align: right;}
.person-title{color: #ffa500; font-size: 24px;}
.certifications li{ margin-top: 20px; margin-bottom: 20px; text-align: center;}
.certifications li span{ width: 235px;}
.certifications li img{margin-bottom:10px;width: 235px; height: 123px;}
.certifications li a{ color: #696969; text-decoration: none;}
.certifications li a:hover{ color: #ffa500;}
#messages .new-title h1{ font-size: 14px;}
#messages .new-title h1 a{ color:#969696; text-decoration: none;}
#messages .new-title h1 a:hover{ color: #ffa500;}
#messages .sep2{ border-bottom: 1px solid #ddd;}
.careers p{ margin-top: 20px;color: #969696;}
.photo-list li{ margin-bottom: 15px;}
.photo-list li a{ display: block; overflow: hidden; border: 5px solid #d2d2d4;}
.photo-list li a:hover{border: 5px solid #ffa500;}
.photo-list li img{ width: 100%;}
.p-about{ margin-top: 20px;}
.p-about p{ font-family: "Microsoft YaHei","sans serif", tahoma, verdana, helvetica; color: #969696; line-height: 25px;}
.person .member img{ width: 165px; height: 155px;}
.person .big-manage img{ width: 388px; height: 365px;}
.tab-content #home img{ width: 100%;}


/* contact page css */
.contact-fl{ display: inline; float: left; width: 500px;}
.contact-fr{ display: inline; float: left; margin-left: 77px; width: 510px;}

.searchNewList a{ font-size: 14px; color: #7b7b7b;}
.searchNewList a:hover{ color: #ffa500; text-decoration: none;}
.searchNewList h1{ margin: 0; padding: 0px; font-size: 24px;}


.item-about .dropdown-menu{ text-align: left;}
.contact-demo a{ color: #333; text-decoration: none;}
.contact-demo a:hover{color: #ffa500; }
.clickImgShow{ cursor: pointer;}