body { margin: 0; padding: 0; font-size: 14px; color: rgb(102,102,102); } /**/ .col-xs-per20, .col-sm-per20, .col-md-per20, .col-lg-per20, .col-xs-per30, .col-sm-per30, .col-md-per30, .col-lg-per30, .col-xs-per40, .col-sm-per40, .col-md-per40, .col-lg-per40, .col-xs-per60, .col-sm-per60, .col-md-per60, .col-lg-per60, .col-xs-per70, .col-sm-per70, .col-md-per70, .col-lg-per70, .col-xs-per80, .col-sm-per80, .col-md-per80, .col-lg-per80 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col-xs-per20 { width: 20%; float: left; } .col-xs-per25 { width: 25%; float: left; } .col-xs-per30 { width: 30%; float: left; } .col-xs-per40 { width: 40%; float: left; } .col-xs-per60 { width: 60%; float: left; } .col-xs-per70 { width: 70%; float: left; } .col-xs-per80 { width: 80%; float: left; } @media (min-width: 768px) { .col-sm-per20 { width: 20%; float: left; } .col-sm-per30 { width: 30%; float: left; } .col-sm-per40 { width: 40%; float: left; } .col-sm-per60 { width: 60%; float: left; } .col-sm-per70 { width: 70%; float: left; } .col-sm-per80 { width: 80%; float: left; } } @media (min-width: 992px) { .col-md-per20 { width: 20%; float: left; } .col-md-per30 { width: 30%; float: left; } .col-md-per40 { width: 40%; float: left; } .col-md-per60 { width: 60%; float: left; } .col-md-per70 { width: 70%; float: left; } .col-md-per80 { width: 80%; float: left; } } @media (min-width: 1200px) { .col-lg-per20 { width: 20%; float: left; } .col-lg-per24 { width: 24%; float: left; } .col-lg-per24 { width: 24%; float: left; } .col-lg-per25 { width: 25%; float: left; } .col-lg-per30 { width: 30%; float: left; } .col-lg-per40 { width: 40%; float: left; } .col-lg-per60 { width: 60%; float: left; } .col-lg-per70 { width: 70%; float: left; } .col-lg-per80 { width: 80%; float: left; } } .c { overflow: hidden; } .container { width: 1200px; margin: 0 auto; padding: 0; } .l { float: left; } .r { float: right; } a { text-decoration: none; color: rgb(102,102,102); } a:focus, a:hover { color: rgb(237,2,140); text-decoration: none; } ul { list-style: none; margin: 0; padding: 0; } .blue { color: rgb(16,104,177); } a.blue:hover { color: rgb(237,2,140); } .pink { color: rgb(237,2,140); } /*top*/ .kj_top { height: 40px; line-height: 40px; background-color: rgb(245,245,245); } .kj_top_inner a { padding: 0 5px; } .kj_top_inner a img { margin-right: 5px; } /*head*/ .kj_header { height: 115px; } .kj_hd_logo { margin-top: 20px; } .kj_hd_search { margin-top: 35px; } .kj_hds_search { margin-right: 5px; width:100%; } .kj_hds_search input { height: 40px; border: 1px solid rgb(208,208,208); width: calc(100% - 60px); float: left; text-indent: 10px; outline: 0; } .kj_hds_search button { border-radius: 0; border: 0; height: 40px; line-height: 40px; text-align: center; padding: 0 20px; background-color: rgb(237,2,140); color: #fff; font-weight: bold; margin-left: -1px; float: left; outline: 0; } .kj_hds_search button i { font-size: 20px; color: #fff; } .kj_hd_contact { margin-top: 35px; display: flex; align-items: center; } .kj_hd_contact i { font-size: 28px; margin-right: 10px; color: rgb(31,45,61); vertical-align: middle; } .kj_hd_contact span { display: inline-block; font-size: 18px; color: rgb(31,45,61); } /*nav*/ .kj-topnav { height: 45px; font-size: 17px; background-color: rgb(16,104,177); } .kj-topnav .navbar-collapse { padding-left: 0px; } .kj-topnav .kj-mainnav > li { position: relative; float:left; } /*.kj-topnav .kj-mainnav > li:after { content: ""; width: 0; height: 2px; background: rgb(237,2,140); position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; } .nav > li:hover:after { width: 100%; }*/ .kj-topnav .kj-mainnav > li > a { display: inline-block; height: 45px; line-height: 45px; padding: 0 32px; color: #fff; } .kj-topnav .kj-mainnav > li > a:hover, .kj-topnav .kj-mainnav > li.active > a{ text-decoration:underline; } .kj-topnav .kj-mainnav > li:first-child > a:hover, .nav > li > a:hover, .nav > li > a:focus { background-color: rgb(16,104,177); } .kj-topnav .kj-mainnav > li li a { line-height: 31px; } .kj-topnav .kj-mainnav ul li.dropdown { position: relative; } .kj-topnav .kj-mainnav ul li.dropdown:before { content: ""; width: 0; height: 2px; background: rgb(237,2,140); position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; } .kj-topnav .kj-mainnav ul li.dropdown:after { content: "\f0da"; height: 28px; text-align: center; width: 30px; line-height: 35px; font: normal normal normal 14px/1 FontAwesome; position: absolute; bottom: 0; right: 0; } .kj-topnav .kj-mainnav ul li.dropdown:hover:before { width: 100%; } .kj-topnav .kj-mainnav ul li.dropdown:hover > ul { position: absolute; left: 215px; top: 0px; display: block; } .kj-topnav .kj-mainnav > li:first-child > a i { margin-right: 10px; } .kj-topnav .kj-mainnav > li:first-child > a { text-decoration:underline; width: 220px; padding: 0; text-align: center; } .nav .open > a { background-color: rgb(16,104,177); } /*.caret { display:none !important; }*/ .nav > li > a { padding:10px 12px; } .dropdown-menu { background-color: #fff; top:100%; width:100%; } .dropdown-menu > li a { color:rgb(102,102,102); } .dropdown-menu > li a:hover, .dropdown-menu > li a:focus { background-color:#fff; color:rgb(237,2,140); } /*banner*/ .left, .right { display: none; } .carousel-indicators li { background-color: #fff; border: 0; width: 25px; height: 7px; margin: 0 5px; border-radius:0; } .carousel-indicators .active { background-color: rgb(255,186,0); border: 0; width: 25px; height: 7px; margin: 0 5px; } /*service*/ .kj_service { margin-top: 30px; } .kj_title { height: 40px; line-height: 40px; } .kj_title span { border-left: 4px solid rgb(237,2,140); font-size: 20px; padding-left: 15px; color: rgb(51,51,51); } .kj_service .kj_title { border-bottom: 2px solid rgb(237,2,140); } .kj_service_inner { margin-top: 20px; display:flex; align-items:center; justify-content:space-between; } .kj_service_inner li { float: left; width: 20%; margin-left: 10px; text-align: center; } .kj_service_inner li:first-child { margin-left: 0; } .kj_service_inner li a { display: block; margin-bottom: 20px; font-size: 16px; color: rgb(51,51,51); } .kj_service_inner li a:first-child { max-width: 100%; height: 160px; line-height: 160px; } .kj_service_inner li a:hover { color: rgb(237,2,140); } .kj_service_inner li a img { width: 100%; max-height: 160px; } /*product*/ .kj_product { margin-top: 30px; background-color: rgb(16,104,177); padding-top: 30px; padding-bottom: 50px; } .kj_product_inner .kj_title { color: #fff; } .kj_product_inner .kj_title span { border-left: 4px solid #fff; color:#fff; } .kj_product_inner .kj_title a { color: #fff; font-size: 16px; } kj_product_info { position:relative; } .kj_product_info1 { margin-top: 5px; width:4000px; overflow:hidden; height:290px; } .kj_product_info1 li { background-color: #fff; float: left; width: 220px; margin-right: 15px; text-align: center; border: 1px solid transparent; } .kj_product_info1 li > a { display: block; max-width: 100%; text-align: center; height: 212px; line-height: 212px; } .kj_product_info1 li > a img { max-width: 100%; max-height: 212px; } .kj_pi_inner { text-align: center; padding: 15px 0; height:75px; background-color: rgb(231,231,231); } .kj_pi_inner > a { color: rgb(51,51,51); display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 98%; margin: 0 auto; } .kj_pi_inner > p { margin-top: 5px; color: rgb(102,102,102); margin-bottom: 0; } .kj_product_info1 li:hover { border: 1px solid rgb(237,2,140); transition: all 0.5s ease 0s; } .kj_product_info1 li:hover .kj_pi_inner { background-color: rgb(237,2,140); transition: all 0.5s ease 0s; } .kj_product_info1 li:hover .kj_pi_inner a, .kj_product_info1 li:hover .kj_pi_inner p { color: #fff; transition: all 0.5s ease 0s; } /*images*/ .kj_images { margin-top: 40px; text-align: center; } .kj_images > .row > div:first-child { padding:0 24px; } .kj_shipin { width:100% !important; height:361px; } .kj_images > .row { margin-left:-25px; margin-right:-5px; } .kj_images img { width: 100% !important; margin-bottom: 10px; } .kj_images .kj_video { width:100%; height:361px; } .kj_images_info { margin-left:-30px; } .kj_images_info > div { padding: 0 5px; } .kj_images_info img { width: 100% !important; margin-bottom:10px; } .kj_images_info1 > img:first-child, .kj_images_info2 > img:last-child { height:133px; } .kj_images_info1 > img:last-child, .kj_images_info2 > img:first-child { height: 217px; } /*new*/ .kj_new { margin-top: 30px; padding: 40px 0; background-color: rgb(248,248,248); } .kj_new .kj_title { background-color: rgb(16,104,177); font-size: 18px; color: #fff; padding: 0 10px; } .kj_new .kj_title a { font-size: 15px; color: #fff; } .kj_new .kj_title a:hover { color: rgb(237,2,140); } /*pinglun*/ .kj_pinglun_inner { background-color: #fff; padding: 10px 20px; height: 290px; } .kj_pinglun_inner > li { border-bottom: 1px dashed rgb(183,183,183); overflow: hidden; height: 90px; padding: 20px 0; } .kj_pinglun_inner > li:last-child { border-bottom: 0; } .kj_pinglun_inner > li > img { width: 60px; height: 60px; border-radius: 50%; float: left; } .kj_pinglu_message { float: left; margin-left: 15px; width: 465px; } .kj_pinglu_message > a { display:block; color: #000; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; } .kj_pinglu_message > a:hover { color:rgb(237,2,140); } .kj_pinglu_message > span { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; } .kj_pinglu_message > a > span { display:inline-block; vertical-align:middle; } /*tech*/ .kj_tech_inner { background-color: #fff; padding: 20px 15px; height: 290px; } .kj_ti_top { height: 85px; } .kj_ti_top > a { display: inline-block; width: 125px; height: 80px; line-height:80px; text-align:center; border: 1px solid rgb(233,233,233); } .kj_ti_top > a img { max-width: 100%; max-height:78px; } .kj_ti_title { width: 400px; margin-left: 25px; } .kj_ti_title > a { display:block; color: #000; margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; } .kj_ti_title > a:hover { color:rgb(237,2,140); } .kj_ti_title > span { display: block; line-height: 20px; font-size: 13px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; max-width: 100%; } .kj_ti_bottom { margin-top: 20px; } .kj_ti_bottom > li { height: 30px; line-height: 30px; overflow: hidden; } .kj_ti_bottom > li > i { float: left; margin-right:10px; color: rgb(203,203,203); font-size: 25px; } .kj_ti_bottom > li > a { float: left; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 450px; } .kj_ti_bottom > li > span { color:rgb(153,153,153); } /*integral*/ .kj_integral { margin-top: 30px; } .kj_ii_inner { text-align: center; border: 1px solid rgb(233,233,233); height: 330px; } .kj_ii_inner:hover { border: 1px solid rgb(237,2,140); transition: all 0.5s ease 0s; } .kj_ii_inner > a:first-child { display: block; max-width: 100%; height: 200px; line-height: 200px; text-align: center; margin-bottom: 30px; } .kj_ii_inner > a:first-child img { max-width: 100%; max-height: 200px; } .kj_ii_inner > p a { color: rgb(51,51,51); } .kj_ii_inner > p a:hover { color: rgb(237,2,140); } .kj_ii_inner > a.exchange { display: block; width: 196px; height: 36px; line-height: 36px; border: 1px solid rgb(237,2,140); border-radius: 5px; margin: 10px auto; } .kj_ii_inner > a.exchange:hover { background-color: rgb(237,2,140); color: #fff; transition: all 0.5s ease 0s; } /*friendlink*/ .kj_friendlink { margin-top: 30px; padding: 30px 0; border-top: 1px solid rgb(240,240,240); } .kj_friendlink_info { margin-top: 15px; margin-left: 10px; } .kj_friendlink_info li { float: left; margin-bottom: 15px; } .kj_friendlink_info li a { display: block; padding: 0 10px; } /*bottom*/ .kj_bottom { border-top: 1px solid rgb(240,240,240); } .kj-footer-itembox { height: 115px; padding-top: 25px; padding-bottom: 20px; } .kj-footer-itembox > li { margin: 0; padding: 0; } .kj-footer-itembox > li > p { display: inline-block; vertical-align: middle; margin-left: 10px; margin-bottom: 0; } .kj-footer-itembox > li > p b { font-weight: normal; font-size: 16px; color: rgb(51,51,51); } /*footer*/ .kj_footer { background-color: rgb(31,45,61); padding-top: 25px; padding-bottom: 30px; } .kj-footer-col dt { font-size: 24px; font-weight: normal; color: #fff; } .kj-footer-col dd { margin-top: 20px; } .kj-footer-col dd ul li { margin-bottom:10px; } .kj-footer-col dd ul li a { font-size: 18px; color: rgb(196,196,196); } .kj-footer-col dd ul li a:hover { color: rgb(237,2,140); } .kj_dinggou li:nth-child(5) a { color: rgb(237,2,140); } .kj_dinggou li:nth-child(6) a { color: rgb(237,2,140); } .kj_code dl { margin-bottom: 5px; } .kj_code > span { margin-bottom: 5px; color: rgb(237,2,140); } .kj_code > img { max-width:100%; margin-top:3px; } .kj_code > p { width: 108px; height: 26px; line-height: 26px; text-align: center; color: rgb(51,51,51); background-color: rgb(231,231,231); } /*foot*/ .kj_foot { background-color:#f0f0f0; text-align: center; line-height: 28px; padding: 10px 0; border-top: 1px solid rgb(63,75,88); color: rgb(235,235,235); } .kj-phonefooter .navbar-default { border-width: 0; background-color: #fcfcfc; box-shadow: 1px 1px 5px rgba(0,0,0,.2); } .kj-phonefooter .nav-tabs a i { color: #777; } .kj-phonefooter .nav-tabs { text-align: center; padding: 5px; } .kj-phonefooter .nav-tabs a { color: #999; text-align: center; } .kj-phonefooter .nav-tabs a:hover, .kj-phonefooter .nav-tabs a.active, .kj-phonefooter .nav-tabs a.active i { color: rgb(237,2,140); } .kj-phonefooter .nav-tabs a i { color: #777; } .kj-phonefooter .nav-tabs div.kj-addtocart-btn-bottom-col a.kj-addtocart-btn-href { display: block; font-size: 16px; margin-top: -5px; margin-bottom: -15px; margin-right: -5px; line-height: 60px; background-color: rgb(237,2,140); color: #fff; } .kj-phonefooter .nav-tabs div.kj-addtocart-btn-bottom-col { padding: 0; margin: 0; } /*fixed*/ .kj-slide-right-bar { position: fixed; top: 0; bottom: 0; width: 40px; right: 0; z-index: 9999; background-color: rgb(31,45,61); } .kj_fixed_inner { position: absolute; top: 200px; } .kj_fixed_inner ul, .kj_fixed_inner li { margin: 0; padding: 0; list-style: none; position:relative; } .kj_fixed_inner > ul > li sup { position:absolute; right:0; top:0; background-color:rgb(237,2,140); color:#fff; border-radius:20px; padding:0 4px; display:block; line-height:16px; } .kj_fixed_inner > ul > li:hover sup { background-color: rgb(31,45,61); } .kj_fixed_inner > ul > li > a { display: block; width: 40px; height: 40px; line-height: 40px; color: #fff; text-align: center; text-decoration: none; } .kj_fixed_inner > ul > li > a > i { font-size:20px; } .kj_fixed_inner > ul > li > span { position: absolute; right: 40px; top: 0; display: none; text-align: center; line-height: 40px; min-width: 130px; background-color: rgb(31,45,61); color: #fff; border-left: 2px solid rgb(237,2,140); cursor: pointer; white-space: nowrap; } .kj-user-right-index{ text-align:left!important; padding:8px; } .kj_fixed_inner > ul > li > span li { /*margin: 5px auto;*/ margin: 5px ; } .kj_fixed_inner > ul > li > span a { /*display:block;*/ height:40px; line-height:40px; color:#fff; overflow:hidden; } .kj_fixed_inner > ul > li > span a img { max-height:40px; } .kj_fixed_inner > ul > li:hover > a { background: rgb(237,2,140) url("../images/right_arrow.png") no-repeat -1px center; } .kj_fixed_inner > ul > li:hover > span { display: block; } .kj_fixed_inner .kj_returntop { margin-top: 50px; } .kj_online > li:nth-child(2) > span { width: 190px; line-height: initial; } .kj_online > li:nth-child(2) > span a { display:inline-block; margin:0 3px; } .kj_fixed_inner .weixin_content{display:flex;flex-wrap:wrap;width:190px;} .kj_fixed_inner .weixin_content li{width:90px;padding:5px;margin:0;} .kj_fixed_inner .weixin_content li em{display:block;text-align:center;font-style:normal;font-size:12px;margin-top:5px;line-height:20px;} /*page*/ .breadcrumb { background-color: #fff; margin: 10px 0; padding: 8px 0; font-size: 14px; white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis; } .breadcrumb > .active { color:rgb(16,104,177); } .breadcrumb > li + li:before { content:">"; padding:0 10px; } .kj_banner > h3 { color: rgb(16,104,177); margin-bottom:30px; margin-top:0; } .kj-main-article { margin-bottom:30px; font-size:16px; color:rgb(51,51,51); } .kj_page_inner { border:1px solid rgb(233,233,233); padding-bottom:50px; margin-bottom:70px; } .kj_page_title { height: 42px; line-height: 42px; background-color: rgb(240,240,240); padding-left:10px; color: rgb(51,51,51); font-size: 16px; } .kj_search_coa > span { display:block; margin-top:100px; margin-bottom:10px; font-size:16px; color:rgb(51,51,51); } .kj_search_coa > input { display:block; border:1px solid rgb(204,204,204); outline:0; height:40px; width:85%; text-indent:10px; } .kj_search_coa > button { display: block; margin-top: 20px; background-color: rgb(16,104,177); color:#fff; width:60px; height:35px; line-height:35px; border:0; outline:0; border-radius:5px; text-align:center; margin-bottom:20px; } .kj_coa_message { font-size: 15px; color: rgb(51,51,51); } .kj_coa_message h3 { font-size:20px; color:rgb(237,2,140); margin-top:80px; } .kj_coa_message > span { display:block; margin-top:30px; } .kj_coa_image { color:rgb(16,104,177); text-decoration:underline !important; } .largeinquiry_form .formcom-ipt { width: 97%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .largeinquiry_form .formcom-area { width: 97%; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } .largeinquiry_form .form-vcodebox { float: right; } .largeinquiry_form dl { margin-bottom: 8px; } .largeinquiry_form .formcolumn-item-ct .formcom-vcode { width: 30%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075); box-shadow: inset 0 1px 1px rgba(0,0,0,.075); -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; } /*news*/ .kj_news_yemian { margin-bottom: 70px; } .kj_ni_list li { padding: 15px 0; border-bottom: 1px solid rgb(238,238,238); } .kj_ni_list li:hover { background-color:rgb(248,248,248); } .kj_ni_list li > a { width:142px; height:90px; line-height:90px; text-align:center; } .kj_ni_list li > a img { max-width:100%; max-height:90px; } .kj_ni_list .kj_ti_title { width:720px; } .kj_ni_list .kj_ti_title > a { font-size: 20px; color: rgb(51,51,51); } .kj_ni_list .kj_ti_title > a:hover { color: rgb(237,2,140); } .kj_ni_list .kj_ti_title > span { color:rgb(153,153,153); font-size:14px; margin-top:30px; } .kj_news_inner1 { float: right; } .kj_ni_list1, .kj_ni_list2 { border:1px solid rgb(229,229,229); margin-bottom:15px; } .kj_ni_title { height:42px; line-height:42px; background-color:rgb(248,248,248); padding:0 10px; color:rgb(51,51,51); font-size:16px; } .kj_ni_title a { color:rgb(180,180,180); font-size:12px; } .kj_ni_title a:hover { color: rgb(237,2,140); } .kj_news_inner1 ul { padding: 5px 10px 10px; } .kj_news_inner1 ul li { height:40px; line-height:40px; border-bottom:1px dashed rgb(229,229,229); } .kj_news_inner1 ul li:last-child { border-bottom:0; } .kj_news_inner1 ul li a { display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; } .pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span, .pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-radius: 0; } .pagination-lg > li > a, .pagination-lg > li > span { display: block; height: 35px; line-height: 35px; text-align: center; padding: 0 10px; color: rgb(16,104,177); } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: rgb(16,104,177); border-color: rgb(16,104,177); } /*news_info*/ .kj_news_info { margin-bottom:70px; } .kj_news_info .kj-main-articleinfo-title { text-align: center; font-size: 22px; color: rgb(16,104,177); } .kj_news_info .kj-article-time { text-align: center; color: rgb(16,104,177); } .kj_news_info .kj-main-article { color: rgb(51,51,51); padding: 20px; margin-top: 10px; border-top: 2px solid rgb(222,222,222); line-height: 36px; margin-bottom:50px; } /*product_yemian*/ #ShopCartBox { display:none; } .kj_products_list { overflow: hidden; border: 0; margin-bottom: 30px; } .kj_products_list > li { float:left; width:16%; border:1px solid rgb(236,236,236); margin-left:-1px; min-height:710px; max-height:100%; position:relative; } .kj_products_list > li:first-child { margin-left: 0; } .kj_products_list > li h3 { background-color:rgb(247,247,247); font-size:20px; text-align:center; height:125px; padding-top:20px; margin:0; } .kj_products_list > li > a { position:absolute; width:105px; height:105px; left: 0; right: 0; margin: 0 auto; top: 70px; } .kj_products_list > li > a img { width:105px; height:105px; border-radius: 50%; box-shadow: 0 0 10px rgb(200,200,200); } .kj_products_list > li ul { padding:10px; margin-top:60px; } .kj_products_list > li ul li { height:36px; line-height:36px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px dashed rgb(227,227,227); text-indent:30%; } .kj_products_list > li ul li:last-child { border-bottom:0; } .kj_products_list > li ul li:hover { background-color:rgb(250,250,250); } .kj_products_list > li h3 a, .kj_products_list > li ul li a { color:rgb(51,51,51); } .kj_products_list > li h3 a:hover, .kj_products_list > li ul li a:hover { color:rgb(237,2,140); } .kj_products_title { margin-top: 10px; margin-bottom: 20px; color: rgb(16,104,177); } .kj_products_list1{ min-height:450px; } .kj_products_list1, .kj_products_list1 li { margin-bottom: 30px; } .kj_products_list1 li div { position:relative; } .kj_products_list1 li div > a { display:block; text-align:center; max-width:100%; } .kj_products_list1 li div > a img { max-width:100%; max-height:175px; } .kj_products_list1 li div > p { position:absolute; margin:0; bottom:0; height:45px; line-height:45px; font-size:16px; text-align:center; width:100%; background-color:rgba(16,104,177,.7); } .kj_products_list1 li div > p a { color:#fff; } .kj_products_list2 > li { padding:5px; width:240px; margin-bottom:10px; float:left; } .kj_products_list2 > li:hover { box-shadow:0 0 5px rgba(16,104,177,.7); transition:all 0.5s ease 0.2s; } .kj_products_list2 > li > a { display: block; height:230px; line-height:230px; text-align:center; max-width:100%; background-color:#fff; overflow:hidden; } .kj_products_list2 > li > a img { max-width:100%; max-height:230px; } .kj_pronyreprocon { padding: 5px 0 10px; font-size: 13px; } .kj_pronyname { font-size: 14px; overflow:hidden; } .kj_pronyname > a, .kj_pronyname > span { display:inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 24px; line-height: 24px; max-width:49%; } .kj_pronybhcascd { margin: 5px 0; padding-bottom: 5px; color: rgb(102,102,102); border-bottom: 1px solid rgb(229,229,229); } .kj_pronyprice ul li.pink { font-size: 16px; } .kj_products_inner { margin-bottom:40px; overflow:hidden; } .kj_pi_left { float:left; width:231px; } .kj_pi_right { float:right; width:939px; } .kj_products_content { margin-bottom: 30px; line-height: 24px; color:rgb(51,51,51); } .kj_products_content > img { margin-bottom: 10px; } .kj_products_lists { display: block; padding: 0px; border-bottom: 1px solid rgb(225,225,225); } .kj_products_lists, .kj_products_lists li { margin: 0; padding: 0; list-style: none; } .kj_products_lists > li { background-color:rgb(246,246,246); border-left: 1px solid rgb(225,225,225); border-right: 1px solid rgb(225,225,225); border-bottom:1px solid #fff; } .kj_products_lists > li:first-child { background-color:rgb(16,104,177); border:0; } .kj_products_lists > li:first-child a { color:#fff; } .kj_products_lists ul { display: none; font-size:12px; background-color:#fff; } .kj_products_lists > li > a, .kj_products_lists li > div, .kj_products_lists > li > ul > li > a { display: block; padding: 0 15px; height:35px; line-height:35px; } .kj_products_lists > li > ul > li { padding:0; } .kj_products_lists > li > ul > li > ul li { padding:10px 15px; } .kj_products_lists .carets, .kj_products_lists .carets1 { float: right; cursor:pointer; font-size:20px; } .kj_products_image { margin-top:20px; width:100%; } .kj_products_image img { max-width:100%; } .table-striped > thead > tr { background-color: #fff; } .table-striped > thead > tr td { color:rgb(51,51,51); } .table-striped > tbody > tr:nth-of-type(odd) { background-color:#fff; } .table-striped .table > tbody > tr:first-child { background-color: rgb(249,249,249); } .kj_products_message > .table-striped > tbody > tr { background-color: #fff; } .kj-productinfo-fliter dd { /* border-bottom: 1px solid #efefef;*/ /*padding-top: 10px;*/ padding-bottom: 10px; margin-left: 80px; line-height: 34px; } .kj-productinfo-fliter dt { border-bottom: 0px solid #f8f8f8; width: 60px; line-height: 35px; padding-top: 10px; padding-bottom: 0px; float: left; } .kj-productinfo-fliter dd a { padding-left: 10px; padding-right: 10px; border: 1px solid #ddd; margin-right: 10px; display: inline-block; position: relative; margin-top:10px; } .kj-productinfo-fliter dd a:hover { border-color: rgb(237,2,140); color: rgb(237,2,140); } .kj-productinfo-fliter dd a.disable { color: #cccccc; cursor: not-allowed; border: 1px dashed #dddddd; } .kj-productinfo-fliter dd a.disable:hover { border: 1px dashed #dddddd; color: #cccccc; } .kj-productinfo-fliter dd a.active { border-color: rgb(237,2,140); color: rgb(237,2,140); } .kj-productinfo-fliter dd a.active:before { content: ""; position: absolute; right: 0px; top: 0px; text-align: center; width: 0px; height: 0px; border-top: 20px solid rgb(237,2,140); border-left: 20px solid transparent; font: normal normal normal 12px/1 FontAwesome; } .kj-productinfo-fliter dd a.active::after { content: "\f00c"; color: #ffffff; position: absolute; right: 1px; top: 0px; text-align: center; width: 10px; height: 10px; font: normal normal normal 12px/1 FontAwesome; } .kj-pro-num-box { position: relative; width: 112px; height: 37px; border: 1px solid #dddddd; text-align: center; } .kj-pro-num-box button { width: 35px; height: 35px; background-color: #ffffff; position: absolute; margin: 0px; padding: 0px; top: 0px; border:0; } .kj-pro-num-box button:hover { background-color: #f8f8f8; } .kj-pro-num-box .kj-pro-num-minus { left: 0px; } .kj-pro-num-box .kj-pro-num-plus { right: 0px; } .kj-pro-num-box input { width: 40px; height: 35px; margin: 0px; padding: 0px; text-align: center; border:0; border-left: 1px solid #ddd; border-right: 1px solid #ddd; } .kj-pro-num-box-min { height: 27px; width: 85px; margin: 0px auto; } .kj-pro-num-box-min button { width: 25px; height: 25px; } .kj-pro-num-box-min input { height: 25px; width: 30px; } .tab-pane { padding-top:20px; } .table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { border-top: 0; border-bottom: 0; text-align:center; } .table > tbody > tr:last-child td { border-bottom: 0; max-width: 200px; overflow: hidden; } .table-striped .table > thead > tr > th, .table-striped .table > tbody > tr > th, .table-striped .table > tfoot > tr > th, .table-striped .table > thead > tr > td, .table-striped .table > tbody > tr > td, .table-striped .table > tfoot > tr > td { border: 0; } .kj_product_shopcart { outline: 0; border: 0; background-color: transparent; } .kj_product_shopcart .fa-cart-plus { font-size: 1.5em; color: rgb(237,2,140); } .kj_product_shopcart2021 { background: rgb(237,2,140); border-radius:30px; color:#fff !important; padding:5px 15px; } .kj_product_shopcart2021 .fa-cart-plus { color: #fff; } .kj-product-goods-ctrl-box{ padding:10px; min-height:50px; text-align:left; } .kj-product-goods-ctrl-box a{ color:rgb(237,2,140); } .kj-product-goods-ctrl-box button { float: right; } .pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { background-color: rgb(16,104,177); border-color: rgb(16,104,177); } .pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus, .pagination-lg > li > a, .pagination-lg > li > span { color: rgb(16,104,177); } .list-inline > li { max-width: 40%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .kj_table_message { display:none; background-color:#fff !important; overflow:hidden; } .kj_product_list { border-bottom:1px dashed rgb(224,224,224); display:none; } .kj_procpbh { width: 15%; float: left; text-align: left; } .kj_table_message > div { float:left; max-width:65%; overflow:hidden; } .kj_jiagekucun { float: right; width: 20%; text-align:right; } #progoodslist .kj_product_list { border-bottom:0; display:block; } /*search*/ .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #fff; border: 1px solid rgb(229,229,229); border-radius: 0; box-shadow: none; } .kj_search_product { border:1px solid rgb(229,229,229); padding:5px 10px; } .kj_sp_inner { display:none; } .kj_sp_inner:first-child { display:table-row; } .kj_sp_info1 > div, .kj_sp_info1 > a { max-width: 140px; width: 100%; display: block; } .kj_sp_info p span, .kj_sp_info p a { font-size: 18px; color: rgb(51,51,51); } .kj_sp_info p a:hover { color:rgb(237,2,140); } .kj_product_message > span { color: rgb(153,153,153); } /*product_info*/ .kj_productinfo_image { text-align: center; /*height:220px; line-height:220px; margin-bottom: 10px; border: 1px solid #ddd;*/ } /*.kj_productinfo_image img { max-width: 100%; max-height:215px; }*/ .kj_propduct_name h1 { color: rgb(51,51,51); font-size: 26px; margin: 0px; margin-bottom: 8px; padding: 0 5px; } .kj_propduct_name_h2 h2 { display: inline; font-size: 16px; margin: 0px; padding: 0px; } .kj_propduct_name_h2 { font-size: 16px; color: rgb(102,102,102); margin: 0px; padding: 5px 5px; } .kj-product-substract{ padding:8px; margin-bottom:8px; } /*.kj_product_message { margin-bottom:30px; }*/ #progoodslist { margin-bottom: 10px; } #progoodslist .table > thead > tr > th, #progoodslist .table > tbody > tr > th, #progoodslist .table > tfoot > tr > th, #progoodslist .table > thead > tr > td, #progoodslist .table > tbody > tr > td, #progoodslist .table > tfoot > tr > td { border: 0; } #progoodslist .table-striped > tbody > tr { background-color: #f9f9f9; } #progoodslist .table-striped > tbody > tr:first-child { background-color:#efefef; } .kj_product_operate { margin-bottom:10px; } .kj_product_operate a { display: inline-block; background-color: rgb(154,154,154); color: #fff; height: 30px; line-height: 30px; padding: 0 10px; min-width: 105px; text-align: center; max-width: 125px; border-radius: 20px; margin: 5px; } .kj_product_operate a:hover { background-color:rgb(16,104,177); } #progoodslist .btn { border-radius:6px; } .kj-product-content { border:1px solid rgb(229,229,229); } .kj-product-content .nav-tabs > li { border:0; border-left:1px solid rgb(229,229,229); } .kj-product-content .nav-tabs > li:first-child { border-left:0; } .kj-product-content .nav-tabs > li > a { display:block; height:40px; line-height:40px; font-size:14px; padding:0 20px; text-align:center; margin-right: 0; border:0; color:rgb(51,51,51); border-bottom:1px solid rgb(229,229,229); background-color: rgb(245,245,245); } .kj-product-content .nav-tabs > li > a:hover, .kj-product-content .nav-tabs > li.active > a, .kj-product-content .nav-tabs > li.active > a:hover, .kj-product-content .nav-tabs > li.active > a:focus { border:0; background-color:#fff; color:rgb(16,104,177); } .kj-productcontent { padding:10px 20px; } .proinfor_conttxt { line-height:45px; font-size:12px; border-bottom:1px solid rgb(238,238,238); } .proinfor_conttxt:first-child { border-top:1px solid rgb(238,238,238); } .proinfor_conttxt_tit { float: left; width: 130px; text-align: left; font-weight: bold; border-right: 1px solid rgb(238,238,238); } .proinfor_conttxt_cont { margin-left: 129px; padding-left: 10px; border-left: 1px solid rgb(238,238,238); } .kj_relate_product { margin-bottom: 30px; } .title-h3 { font-size: 20px; color: rgb(51,51,51); } .kj_relproduct { position: relative; width: 100%; } .kj-relproduct-sheet, .kj_liulan_inner { height: 262px; width: 4000px; } .kj-relproduct-sheet .kj-product-item, .kj_liulan_inner .kj-product-item { float: left; width: 190px; border: 1px solid rgb(231,231,231); margin-right: 10px; padding: 15px 10px; } .kj_relproduct_info .kj-product-item { border: 1px solid rgb(231,231,231); padding: 15px 10px; margin-bottom:10px; } .kj_relproduct_info .kj-product-item:hover, .kj-relproduct-sheet .kj-product-item:hover, .kj_liulan_inner .kj-product-item:hover { border-color:rgb(16,104,177); } .kj-product-item .caption > div, .kj-product-item .caption > a { display: block; font-size: 16px; color: rgb(51,51,51); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .kj-product-item .caption > div a { color:rgb(51,51,51); } .kj-product-item .caption > p { color:rgb(153,153,153); margin-top:5px; } .kj-product-item .caption a:hover { color: rgb(16,104,177); } .blukquote_dialog .formcom-ipt { width: 92%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; } .blukquote_dialog .formcom-area { width: 92%; height: 60px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; } .blukquote_dialog .form-vcodebox { float: right; } .blukquote_dialog .form-vcodebox img { height:34px; border:1px solid #ccc; } .blukquote_dialog dl { margin-bottom: 8px; } .blukquote_dialog .formcolumn-item-ct .formcom-vcode { width: 50%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; } .modal-content { border-radius: 0; margin-top: 222px; } .modal-header { background-color: rgb(239,245,247); border-bottom: 0; } .modal-footer { border-top: 0; } .kj-price-box .kj-price { color: rgb(237,2,140); font-size: 22px; } #lightbox-container-image-data-box { display: none !important; } .productimageitem1 { display: block; width: 275px; border: 1px solid #ddd; text-align: center; height: 275px; line-height: 275px; overflow:hidden; } .productimageitem1 > img { max-width:99%; max-height:273px; } /*reg*/ .kj_reg { height: 120px; } .kj_reg_logo { margin-top:30px; } .kj_reg_logo span { font-size: 26px; margin-left: 15px; display: inline-block; vertical-align: middle; } .kj_reg_contact { margin-top: 50px; margin-right:40px; } .kj_reg_contact i { font-size: 32px; margin-right: 10px; color: rgb(31,45,61); vertical-align: middle; } .kj_reg_contact span { display: inline-block; font-size: 22px; color: rgb(31,45,61); } .kj_reg_content { width: 400px; margin: 10px auto 30px; } /*login*/ .kj_login_content { position:relative; padding:3px 0; margin:3px 0; box-shadow:0 0 5px rgb(242,242,242); } /*user*/ .kj-selector-menu > li > a { display: block; background-color: #fff; height: 40px; line-height: 40px; color: rgb(16,104,177); text-indent: 20px; } .kj-selector-menu > li > a:hover { background-color:rgb(16,104,177); color:#fff; } /*changepwd*/ .userchgpwd_from { max-width: 450px; } .userchgpwd_from .formcolumn-item { padding-top: 5px; padding-bottom: 5px; } .userchgpwd_from .formcolumn-item .formcolumn-item-ct .formcom-ipt { padding: 4px 5px; border: #ABABAB 1px solid; box-shadow: none; font-size: 14px; font-weight: bold; width: 95%; height: 40px; } .userchgpwd_from .formcolumn-item .formcolumn-item-tit { width: 100px; line-height: 40px; text-align: right; float: left; } .userchgpwd_from .formcolumn-item .formcolumn-item-ct .formcolumn-item-tipstxt { padding-top: 5px; padding-bottom: 5px; display: block; } .userchgpwd_from .formcolumn-item .formcolumn-item-ct { margin-left: 110px; min-height: 30px; } .userchgpwd_from .formcolumn-item .formcolumn-item-ct .formcom-vcode { width: 30%; height: 40px; } /*address*/ .kj_userinfo_list { box-sizing: content-box; color: #555; line-height: 32px; border: 1px solid #ddd; padding: 15px; border-radius: 5px; margin-bottom: 10px; } .kj_userinfo_list .userinfo_default.on { color: #386eb6; } .kj_userinfo_list .userinfo_default input { opacity: 0; } .kj_userinfo_list .userinfo_default i { width: 18px; } .kj_userinfo_list .userinfo_default label { font-weight: normal; margin-left: -12.8px; cursor: pointer; } .kj_userinfo_list .userinfo_btngroup a { display: inline-block; color: #555; margin-right: 10px; } .kj_userinfo_list i { margin-right: 3px; } .kj_userinfo_list span.hidden-xs, .text-align_justify { display: inline-block; width: 70px; text-align-last: justify; -moz-text-align-last: justify; -webkit-text-align-last: justify; } .forminfo { display: none; } .forminfo .formcolumn-item { padding-top: 5px; padding-bottom: 5px; margin-bottom:10px; } .forminfo .formcolumn-item .formcolumn-item-tit { text-align: right; width: 100px; float: left; line-height: 35px; } .forminfo .formcolumn-item .formcolumn-item-ct .formcolumn-item-tipstxt { padding-top: 5px; padding-bottom: 5px; display: block; color: #ccc; } .forminfo .formcolumn-item .formcolumn-item-ct .formcom-ipt { text-indent: 8px; height: 35px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; width: 95%; max-width: 350px; } .forminfo .formcolumn-item .formcolumn-item-ct select { height: 35px; color: #555; background-color: #fff; background-image: none; border: 1px solid #ccc; margin-right: 8px; margin-left: 0px; margin-bottom: 8px; } .forminfo .formcolumn-item .formcolumn-item-ct { margin-left: 110px; } .kj_userinfo_list table tr { border-bottom:1px solid rgb(236,236,236); text-align:center; } .kj_userinfo_list thead tr { background-color: rgb(226,245,255); border-top: 5px solid rgb(16,104,177); } /*orderlist*/ .kc-uc-ordersearch-itemdiv { margin-bottom:10px; } /*orderinfo*/ .kj-order-proccess-bar { text-align: center; list-style: none; margin: 0px; padding: 0px; padding-bottom: 20px; } .kj-order-proccess-bar li { list-style: none; display: inline-grid; width: 32%; text-align: center; border-bottom: 3px solid #dddddd; margin-left: -4px; position: relative; padding-bottom: 15px; padding-top: 15px; color: #cccccc; } .kj-order-proccess-bar li.active { color: rgb(16,104,177); border-bottom-color: rgb(16,104,177); } /*message*/ .kj-msgitem-media { padding-left: 10px; padding-right: 10px; } .kj-message-headlogo { font-size: 23px; color: #ffffff; display: inline-block; text-align: center; width: 48px; height: 48px; line-height: 48px; background-color: rgb(16,104,177); border-radius: 48px; } .kj-uc-msgitem-title { font-size: 14px; } .kj-message-time { color: #999; } /*cas*/ .kj_cas_inner > li { margin-bottom:10px; } .kj_product_info .kj_cas_page li { width: auto; margin-left:0; } /*question*/ .kj_question_search { margin-bottom: 20px; padding: 0 15px; } .kj_question_search .search_toggle { width: 85px; float: left; } .kj_question_search .search_toggle select { height: 40px; width:100%; border: 1px solid rgb(208,208,208); border-right: 0; text-indent:10px; outline:0; display:none; } .kj_question_selected, .kj_question_title { position: relative; } .kj_question_title input { display: block; height:40px; width: 100%; padding: 0 5px; cursor: pointer; border: 1px solid rgb(208,208,208); border-right: 0; outline: 0; position:relative; } .kj_question_title .layui-edge { position: absolute; z-index:9; right: 10px; top: 50%; margin-top: -3px; cursor: pointer; width: 0; height: 0; border-width: 8px; border-style: dashed; border-color: transparent; overflow: hidden; vertical-align: middle; border-top-color: #c2c2c2; border-top-style: solid; transition: all .3s; display: inline-block; } .kj_search_selected .layui-edge { margin-top: -9px; transform: rotate(180deg); } .layui-form-selected .layui-edge { margin-top: -9px; -webkit-transform: rotate(180deg); transform: rotate(180deg); margin-top: -3px\9; } .kj_question_upbit { display: none; position: absolute; left: 0; top: 42px; padding: 5px 0; z-index: 999; min-width: 100%; border: 1px solid #d2d2d2; max-height: 300px; overflow-y: auto; background-color: #fff; border-radius: 2px; box-shadow: 0 2px 4px rgba(0,0,0,.12); box-sizing: border-box; } .kj_question_upbit dd { padding: 0 10px; cursor:pointer; line-height: 36px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; background-color:#fff; } .kj_question_upbit dd.active, .kj_question_upbit dd.active:hover { background-color:rgb(237,2,140); color:#fff; } .kj_question_upbit dd:hover { background-color: #f2f2f2; } .kj_question_search > input { height: 40px; border: 1px solid rgb(208,208,208); width: 400px; float: left; text-indent: 10px; outline: 0; } .kj_question_search button { border-radius: 0; width:50px; border: 0; height: 40px; line-height: 40px; text-align: center; background-color: rgb(237,2,140); color: #fff; font-weight: bold; margin-left: -1px; float: left; outline: 0; } .kj_question_list { margin-bottom: 60px; margin-top: 30px; } .kj_question_list li { padding: 15px; border-bottom: 1px solid rgb(238,238,238); border-radius:10px; border:1px solid #dddddd; background-color:#f8f8f8; margin-bottom:15px; } .kj_question_list li:hover { background-color: rgb(248,248,248); } .kj_ql_inner > a { display: block; color: rgb(51,51,51); margin-bottom: 5px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 100%; font-size: 20px; } .kj_ql_inner > a>span{ background-color:rgb(237,2,140); color:#ffffff; border-radius:5px; padding:5px;font-size:14px; } .kj_ql_inner > a:hover { color: rgb(237,2,140); } .kj_ql_inner > p { line-height: 24px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; max-width: 100%; } .kj_ql_time { color: rgb(153,153,153); font-size: 14px; margin-top: 20px; } /*question_info*/ .kj_question_info { border-bottom: 1px solid #ddd; padding-left: 15px; font-size: 12px; } .kj_question_info:last-child { border-bottom:0; } .kj_question_info td { padding:10px 0; } .kj_question_info h1 { font-size: 12px; line-height: 26px; font-weight:bold; margin-top: 0; } .kj_qi_time { color:rgb(153,153,153); } .kj_question_info h2 { font-size: 20px; line-height: 26px; margin-bottom: 5px; border-top: 1px solid #dddddd; padding-top: 10px; } .kj-productcontent h2 { font-size: 12px; font-weight: bold; line-height: 26px; margin-bottom: 5px; border-top: 1px solid #dddddd; padding-top: 10px; margin-top: 10px; } .kj_qi_qutofcas { margin-top:10px; } .kj_qi_inner { margin-top: 10px; line-height: 26px; font-size: 12px; color: #333; } .kj_userspan { display: block; font-size: 16px; line-height: 30px; margin-top: 10px; } .kj_Timesapn { display:block; color: rgb(153,153,153); } .kj_divcontent { margin: 10px 0 0; padding-bottom:10px; line-height: 24px; color: #333; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } .kj_qi_answer { margin-top:20px; } .kj_textarea { height:100px; outline:0; width:100%; text-indent:10px; } .btnreply { border-radius: 5px; border: 0; height: 30px; line-height: 30px; text-align: center; padding: 0 20px; background-color: rgb(237,2,140); color: #fff; font-size: 12px; font-weight: bold; outline: 0; } #quetiondiv.blukquote_dialog dl { width:100%; display:block; height:auto; margin-bottom:10px; } .spproductno { margin-left:10px; } .kj-user-center { margin-bottom: 60px; } .kj-user-words-details div { margin: 10px 0; } @media (max-width: 1200px) { .container { width: 970px !important; } .kj_hd_contact { margin-top: 35px; } .kj_hd_contact i { font-size: 28px; margin-right: 5px; } .kj_hd_contact span { font-size: 16px; } .kj-topnav .kj-mainnav > li > a { padding: 0 16px; } .kj_service_ininer li { width: 186px; } .kj_product_info1 li { width: 230px; } .kj_shipin { height: 300px; } .kj_images > .row > div:first-child { padding: 0 20px; } .kj_images_info { margin-left: -25px; } .kj_images .kj_video { height: 300px; } .kj_images_info1 > img:first-child, .kj_images_info2 > img:last-child { height: 107px; } .kj_images_info1 > img:last-child, .kj_images_info2 > img:first-child { height: 174px; } .kj_pinglu_message { width: 350px; } .kj_ti_title { width: 300px; margin-left: 10px; } .kj_ti_bottom > li > a { max-width: 325px; } /*news*/ .kj_ni_list .kj_ti_title { width: 560px; } .kj_pi_left { width: 200px; } .kj_pi_right { width: 750px; } /*product_info*/ .kj-relproduct-sheet .kj-product-item, .kj_liulan_inner .kj-product-item { width: 185px; } .productimageitem1 { width: 218px; height: 218px; line-height: 218px; } .productimageitem1 > img { max-height:216px; } } @media (min-width: 992px) { .blukquote_dialog dl { width: 48%; height: 65px; float: left; display: inline-block; } .blukquote_dialog .formcolumn-item1 { width: 98%; } .largeinquiry_form { padding-bottom: 20px; } .largeinquiry_form dl { width: 48%; height: 65px; float: left; display: inline-block; } .largeinquiry_form .formcom-ipt, .largeinquiry_form .formcom-area { width: 95%; } .largeinquiry_form .modal-footer { clear: both; } } @media (max-width: 991px) { .container { width: 750px !important; } #mobilesearchbox .input-group { width: 620px; } .kj_banner { margin-top: 110px !important; } .kj_service_inner li { width: 242px; margin-bottom: 20px; } .kj_product_info1 li { width: 240px; } .kj_service_inner li:nth-child(4) { margin-left: 0; } .kj_shipin { height: 420px; margin-bottom: 30px; } .kj_images img { width: auto; max-width: 100%; } .kj_images .kj_video { height: 360px; margin-bottom: 30px; } .kj_images_info1 > img:first-child, .kj_images_info2 > img:last-child { height: 135px; } .kj_images_info1 > img:last-child, .kj_images_info2 > img:first-child { height: 220px; } .kj_pinglun { margin-bottom: 20px; } .kj_pinglu_message { width: 630px; } .kj_ti_title { width: 580px; } .kj_ti_bottom > li > a { max-width: 600px; } .kj_integral_inner > li { margin-bottom: 20px; } .kj_friendlink { margin-bottom: 60px; } /*page*/ .kj_search_coa > span, .kj_coa_message h3 { margin-top: 30px; } /*news*/ .kj_news_inner1 { float: left; margin-bottom: 20px; } /*product_yemian*/ .kj_products_list { border-left:0; } .kj_products_list > li:nth-child(3n+1) { margin-left: 0; } .kj_products_list > li > a, .kj_products_list > li > a img { width: 85px; height: 85px; } .kj_products_list > li ul li { text-indent: 20%; } .kj_products_list1 { margin-bottom: 60px; } .kj_pi_right { float: none; width: 100%; } /*search*/ /*product_info*/ .kj-relproduct-sheet .kj-product-item, .kj_liulan_inner .kj-product-item { width: 180px; } .productimageitem1 { width: 275px; height: 275px; line-height: 275px; margin:10px auto; } .productimageitem1 > img { max-height:273px; } /*reg*/ .kj_reg_content { margin-bottom: 80px; } } .kj_product_message div{ display:inline; } @media (max-width: 767px) { .kj_coupon{height:auto !important;padding-bottom:20px;} .kj_coupon .col-lg-3{padding-left:15px !important;} /* .kj_coupon .col-lg-3:first-child{justify-content:left;}*/ .kj_procpbh { width: initial; display: block; float: initial; } .kj_table_message > div{ display:block; float:initial; max-width:initial; } .container { width: 96% !important; } .row { margin-left: 0; margin-right: 0; } #mobilesearchbox { position: absolute; left: 110px; right: 80px; top: 0; padding: 0; border-width: 0; } #mobilesearchbox .input-group { width: auto; } .kj_banner { margin-top: 60px !important; } .kj_service_inner li { width: 90%; float: none; margin-left: 5% !important; } .kj_product_info1 li { width: 145px; } .kj_shipin { height: 220px; } .kj_images > .row { margin-left: 0; margin-right: 0; } .kj_images .kj_video { height: 240px; } .kj_images_info1 > img:first-child, .kj_images_info2 > img:last-child, .kj_images_info1 > img:last-child, .kj_images_info2 > img:first-child { height: auto; } .kj_pinglu_message { width: 160px; } .kj_ti_top > a { width: 100px; } .kj_ti_title { width: 135px; } .kj_ti_bottom > li > a { max-width: 195px; } .kj_ii_inner > a.exchange { width: 90%; } /*pages*/ .largeinquiry_form #ORDERPOST { width: 100%; } /*news*/ .kj_news_inner1 .row { margin-left:-15px; margin-right:-15px; } .kj_ni_list li > a { width:110px; } .kj_ni_list .kj_ti_title { width:200px; } /*product_yemian*/ .kj_products_list > li { width:33.3%; border-bottom:1px solid rgb(236,236,236); margin-bottom:10px; } .kj_products_list1 li div > p { height:35px; line-height:35px; font-size:14px; } .kj_products_list2 > li { float: none; width: 95%; margin: 10px auto; } /*search*/ .kj_search_product { margin-top: 0; } .kj_sp_info1 > a { max-width: 100%; } .kj_sp_inner { display: none !important; } .kj_sp_inner:first-child { display: block !important; } /*product_info*/ .kj-product-content .nav-tabs > li > a { font-size:14px; } .kj_product_message { margin-bottom: 30px; } /*.kj-relproduct-sheet { width:100%; }*/ .kj-relproduct-sheet .kj-product-item, .kj_liulan_inner .kj-product-item { width: 100%; max-width: 180px; } /*reg*/ .kj_reg_content { width:100%; } /*user*/ .kj-selector-menu { margin-bottom:10px; } /*changepwd*/ .userchgpwd_from { max-width: initial; } .userchgpwd_from .formcolumn-item { padding-top: 0px; padding-bottom: 0px; } .userchgpwd_from .formcolumn-item dt.formcolumn-item-tit { float: initial; text-align: left; line-height: 30px; } .userchgpwd_from .formcolumn-item dd.formcolumn-item-ct { margin-left: 0px; } .userchgpwd_from .formcolumn-item dd.formcolumn-item-ct .changepwdbtn { display: block; width: 95%; } /*question*/ .kj_question_search > input { width:auto; } /*cas*/ .kj_question_search button { width:40px; } /* Force table to not be like tables anymore */ .kj_products_message table, .kj_products_message thead, .kj_products_message tbody, .kj_products_message th, .kj_products_message td, .kj_products_message tr { } /* Hide table headers (but not display: none;, for accessibility) */ .kj_products_message thead tr { position: absolute; top: -9999px; left: -9999px; } .kj_products_message tr { border: 1px solid #ccc; margin-bottom: 10px; margin-top: 10px; } .kj_products_message td { /* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; white-space: normal; text-align: left !important; } .table > tbody > tr:last-child td { max-width: 360px; overflow: hidden; } .kj_sp_info1 img{ width:100px !important; max-width:100px !important; } .kj_sp_info p a{ font-size:16px; } .kj_product_message{ font-size:14px; margin-bottom:0px !important; padding:0px 5px; } .kj_search_product{ border-width:0px !important; border:none !important; padding:0px !important; } .kj_search_product .table { border-collapse: initial; border-spacing:initial; } .kj_search_product .table td { border-width: 0px !important; border-bottom: 0px !important; padding:0px; padding-top:8px; padding-bottom:8px; } .kj_products_message tr{ border:none !important; } .kj_product_message div{ display:block; } } .kj-product-fliter dt { width: 40px; float: left; line-height: 35px; } .kj-product-fliter .kj-prop-fliter-line{ margin-left:50px; } .kj-product-fliter .kj-prop-fliter-line a{ display:inline-block; margin-right:8px; padding-left:5px; padding-right:5px; } .kj-product-fliter .kj-fliter-item-href-viewon{ background-color:rgb(237,2,140); color:#fff; } .kj-product-fliter .kj_product_show{ float:right; } .kj-product-fliter .kj-prop-fliter-line { line-height: 35px; overflow:hidden; margin-bottom:5px; height:35px; } .kj-product-fliter{ margin-bottom:0px; } .kj_wenda { border: 2px solid rgb(223,223,223); padding-left:15px; padding-right:15px; } .kj-casinfo-product-box { border: 2px solid rgb(223,223,223); padding-left: 15px; padding-right: 15px; } .kj-caspro-title-tr td { border-bottom: 2px solid rgb(244,244,244) !important; line-height:30px !important; } .kj-casinfo-product-box .kj_product_list table tr td { background-color: rgb(249,249,249) !important; } .kj-casinfo-product-box .kj-caspro-goods-tr>td{ padding:0px; } .kj-casinfo-product-box .kj_product_list table tr:first-child td { background-color: rgb(240,240,240) !important; font-weight: bold; } .kj_wenda .title-h3 { border-bottom: 2px solid rgb(223,223,223); padding-bottom: 15px; } .kj_question_info-title{ font-size:18px;font-weight:normal; padding-left:10px; } .kc-uc-ordersearch-itemdiv .btn-kj-uc-btn { border-width: 0px; background-color: rgb(237,2,140); color: #fff; } .kj_coupon {background-color:#f5f5f5 !important;padding-top:35px;height:220px;background-position:left 15px center !important;margin-top:25px; } .kj_coupon .col-lg-3{height:137px;display:flex;align-items:center;justify-content:center;padding:0;background: url('../images/couponbg.png') no-repeat center;} .kj_coupon .col-lg-4{height:137px;display:flex;align-items:center;justify-content:center;padding:0;background: url('../images/couponbg.png') no-repeat center;} .coupon-left-no{background:unset !important;} .kj_coupon .couponinfo{display:flex;height:60px;align-content:center;justify-content:center;} .couponleft, .couponright { overflow: hidden; float: left; font-size:15px; } .couponleft{color:#fff;text-align:center;margin-right:10px;margin-left:20px;padding-top:8px;} .couponleft span{font-size:46px;} .couponright{color:#b73756;} .couponright a{display:block;width:85px;height:30px;text-align:center;line-height:30px;background:#fff;font-size:16px;border-radius:10px;margin-top:8px;color:#ff6d90;cursor:pointer;} .couponright span{display:block;width:85px;height:30px;text-align:center;line-height:30px;background:#fff;font-size:16px;border-radius:10px;margin-top:8px;color:#ff6d90;} .couponright img{position:absolute;top:40px;right:15px;} .kj_coupon .jfb{position:absolute;bottom:2px;font-size:12px;} .eachcoupon{padding:5px;overflow:hidden;background:#f9f9f9;} .p-coupon { position: absolute; bottom: 28px; width: 100%; height: 50px; } .p-coupon a { line-height: 50px; padding: 10px 20px; color: #fff; border-radius: 5px; cursor: pointer; } .p-coupon .p-coupon-l { width: 50%; float: left; text-align: right; padding-right: 15px; } .p-coupon .p-coupon-r { width: 50%; float: left; text-align: left; padding-left: 15px; } .p-coupon .p-coupon-l a { background: #ff2d7e; } .p-coupon .p-coupon-r a { background: #febe1c; } nav.text-center{ clear:both; } .kj_banner .carousel-inner > .item a { height: 700px; } @media screen and (max-width: 1920px) { .kj_banner .carousel-inner > .item a { height:550px!important; } } @media screen and (max-width: 768px) { .kj_banner .carousel-inner > .item a { height: 230px!important; } } .kj-header { font-size: 20px; } .kj-header::after { content: ""; display: block; margin-top: 15px; width: 40px; height: 5px; background-color: #e5007f; margin-bottom: 15px; } .kj-lianxi { font-size: 18px; letter-spacing:2px; line-height: 32px; } .kj-jizhi{ color:#fff; } .kj-jizhi a{ color:#fff; } .kj-jizhi .kj-erweima { display: flex; flex-wrap:wrap; margin-top: 30px; } .kj-erweima img{ list-style: none; width:80px !important; margin-bottom:20px; height:auto !important; margin-right: 20px; } .kj_footer_inner{ display:flex; padding-top:30px; align-items:flex-start; justify-content:space-between; flex-wrap:wrap; } .kj-jizhi a:hover{ color: rgb(237,2,140) } #kj_code { flex: 0 0 345px; margin-left: 120px; } .kj_foot_inner { color: rgb(31,45,61); font-size: 12px; line-height:22px; } .bottom_link{ display:flex; justify-content:center; } .bottom_link a{ display:flex; font-size:12px; align-items:center; } .bottom_link a:last-child::after{ display:none; } .bottom_link a::after { content: ""; width: 1px; height: 12px; background-color:#999; margin:0 10px; } .kj_foot_inner a { color: rgb(31,45,61); } .kj_foot_inner a:hover{ text-decoration:underline; } .kj-gettop { background-color:#fff; height: 64px; width: 64px; box-shadow: 0 0 10px #bdd1ec; display: flex; align-items: center; border-radius: 50%; margin-top: 10px; justify-content: center; cursor: pointer; } .kj-gettop:hover { background-color: #ed028c; color: #fff; } .kj-gettop i { font-size: 26px; } .kj-rightBox { width: 65px; position: fixed; right: 10px; z-index:9999; top: 50%; transform: translateY(-50%); font-size: 14px; } .kj-rightBox ul { padding: 35px 0; background-color:#fff; margin: 0; border-radius: 30px; box-shadow: 0 0 10px #bdd1ec; position: relative; } .kj-rightBox ul a { display: block; color: #333; margin-top: 2px; text-decoration: none; } .kj-rightBox ul li { text-align: center; list-style: none; width: 65px; } .kj-rightBox ul li::after { content: ""; display: block; width: 70%; margin: 10px auto; border-bottom: 1px solid #b1b1b1; } .kj-rightBox ul li:last-child::after { display: none; } .kj-rightBox ul li i { font-size: 24px; } .kj-rightBox ul li:hover { color: #ed028c; } .kj-rightBox ul li:hover a { color: #ed028c; } .kj-boxIn { top: 0; position: absolute; right: 65px; width: 260px; padding-right: 15px; } .kj-boxIn2 { background-color: rgb(25 85 137 / 90%); padding: 13px; width:100%; border-radius: 10px; } .kj-top { color: #fff; display: flex; align-items: flex-start; justify-content: space-between; margin-bottom: 15px; } .kj-top div { text-align: left; font-size: 13px; font-weight: bold; line-height: 20px; } .kj-Inbix { width: 105px; height: 30px; margin-bottom: 10px; display: flex; align-items: center; } .kj-Inbix:hover div { display: none; } .kj-Inbix div { width: 105px; height: 30px; border-radius: 5px; display: flex; align-items: center; background-color: #2b82df; color: #fff; padding: 0px 10px; } .kj-rightBox .kj-Inbix div i { font-size: 20px; margin-right: 15px; } .kj-Inbix span { display: none; } .kj-rightBox ul li .kj-Inbix span a { display: flex; align-items: center; height: 30px; color: #fff; justify-content: center; font-size: 12px; background-color: #34a2ff; } .kj-rightBox ul li .kj-Inbix span a:hover { background-color: #ed028c; } .kj-rightBox ul li .kj-Inbix span a:first-child { width: 50%; border-top-left-radius: 5px; padding: 0 5px; border-bottom-left-radius: 5px; } .kj-rightBox ul li .kj-Inbix span a:last-child { padding: 0 5px; width: 50%; border-top-right-radius: 5px; border-bottom-right-radius: 5px; } .kj-Inbix:hover span { display: flex; width: 105px; } .kj-bottom .kj-Inbix:last-child { width: 100%; flex: 0 0 100%; } .kj-bottom .kj-Inbix.kj-tebie { width: 100%; flex: 0 0 100%; } .kj-bottom .kj-Inbix:last-child div { width: 100%; justify-content: left; } .kj-bottom .kj-Inbix.kj-tebie div { width: 100%; justify-content: left; } .kj-bottom .kj-Inbix:last-child span { width: 100%; } .kj-bottom .kj-Inbix.kj-tebie span { width: 100%; } .kj-bottom .kj-Inbix:last-child span a { width: 100% !important; padding: 0 !important; } .kj-bottom .kj-Inbix.kj-tebie span a { width: 100% !important; padding: 0 !important; } .kj-bottom { display: flex; justify-content: space-between; flex-wrap: wrap; } .kj-qq .kj-boxIn { display: none; } .kj-qq:hover .kj-boxIn { display: flex; } .kj-rightBox ul img { position: absolute; display: none; top: 0; display: none; right: 265px; border-radius: 6px; border: 5px solid #333; } .kj-bottom .kj-Inbix span a:hover img { display: block; } .kj-tel-hotline { position: relative; } .kj-tel-hotline:hover .kj-hotline { display: block; } .kj-hotline { position: absolute; right: 65px; bottom: 0; padding-right: 10px; display: none; } .kj-hotlineIn { padding: 20px; width: 270px; color: #fff; border-radius: 10px; text-align: left; background-color: rgb(25 85 137 / 90%); } .kj-header2 { font-size: 24px; line-height:initial; letter-spacing: 2px; margin-bottom: 20px; font-weight: bold; } .kj-rightBox ul li s{ text-decoration:none; margin-top:5px; display:block; } .kj-rightBox .kj-header2 i { font-weight: normal; font-size: 40px; margin-right: 15px; } .kj-content { font-size: 16px; letter-spacing: 1px; line-height: 28px; } .kj-rightBox ul li .kj-content a { color: #fff; display: inline-block; } .kj-rightBox ul li .kj-content a:hover { color: #ed028c; } .kj-shopcart-count { position: absolute; right: -10px; top: -6px; background-color: rgb(237,2,140); color: #fff; line-height: 16px; border-radius: 20px; padding: 0 4px; display: block; font-size: 12px; } .kj-shopcart{ position:relative; } .kj-rightBox ul img{ width:140px !important; height:auto !important; } @media screen and (max-width: 1500px) { .kj-rightBox { top:60%; transform: translateY(-50%) scale(0.8); } } @media screen and (max-width: 1400px) { .container { width: 1170px; } } @media screen and (max-width: 1200px) { .container{ width:970px; } } @media screen and (max-width: 992px) { .container { width: 750px; } } #agree a{ color:rgb(16,104,177); }