@media(min-width:1430px){ .container{width:1430px;} } body{ --bgColor: #063ff4; --bgHoverColor: #2d84dd; --fontColor: #063ff4; --fontHoverColor: #2d84dd; } i,em{font-style:normal} .disN{display:none;} .disB{display:block;} a{transition:all 0.2s linear 0s;} img{vertical-align:bottom;image-rendering:-webkit-optimize-contrast;} input[type=text],textarea{font-family:Arial, Helvetica, sans-serif;-webkit-appearance: none;} .nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background: none; border:0; } @font-face { font-family: 'iconfont'; src: url('../fonts/iconfont.woff2?t=1628666875768') format('woff2'), url('../fonts/iconfont.woff?t=1628666875768') format('woff'), url('../fonts/iconfont.ttf?t=1628666875768') format('truetype'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .noPro{text-align:center;width:100%;} .noPro img{height:150px;margin-bottom:30px;} .noPro span{display:block;font-size:14px;color:#999;} /*index header*/ /*header*/ .header_logo_search{border-top:7px solid var(--bgColor);padding:22px 0 16px 0;} .header_logo_search .container{display:flex;flex-wrap: wrap;align-items:center;} .header_logo_search .container:before,.header_logo_search .container:after{display:none;} .header_logo_search .logo_btn img{max-width:100%;} .header_logo_search .right_info{flex:1;display:flex;justify-content: flex-end;flex-wrap: wrap;} .header_logo_search .tel_mail_box{width:100%;display:flex;justify-content:flex-end;flex-wrap: wrap;} .header_logo_search .tel_mail_box span{display:flex;align-items:center;font-size:14px;color:#333333;height:34px;margin-right:20px;} .header_logo_search .tel_mail_box span i{color:#222222;width:27px;} .header_logo_search .tel_mail_box span a{color:#333;} .header_logo_search .tel_mail_box span a:hover{color:var(--fontColor);text-decoration:underline;} .header_logo_search .tel_mail_box .language_btn{display:flex;align-items:center;height:34px;position:relative;padding-left:24px;z-index:200;} .header_logo_search .tel_mail_box .language_btn:before{content:"";width:1px;height:20px;background:#cccccc;position:absolute;top:50%;transform:translateY(-50%);left:0;} .header_logo_search .tel_mail_box .language_btn i{color:#222222;margin-right:8px;} .header_logo_search .tel_mail_box .language_btn .btn_box{display:flex;align-items:center;justify-content: space-between;height:34px;position:relative;} .header_logo_search .tel_mail_box .language_btn .btn_box a{font-size:14px;color:#333;} .header_logo_search .tel_mail_box .language_btn .btn_box i{color:#d1cdcc;font-weight:bold;} .header_logo_search .tel_mail_box .language_btn .select_btn{position:absolute;top:100%;right:0;background:#f1f1f1;width:80px;display:none;} .header_logo_search .tel_mail_box .language_btn .select_btn a{display:block;width:100%;height:30px;line-height:30px;text-align:center;font-size:14px;color:#333;} .header_logo_search .tel_mail_box .language_btn .select_btn a:hover{background:#ddd;color:var(--fontColor);} .header_logo_search .tel_mail_box .language_btn .btn_box:hover .select_btn{display:block;} .header_logo_search .search_nav{width:100%;display:flex;flex-wrap: wrap;justify-content: flex-end;} .header_logo_search .search_box{position:relative;margin-left:10px;z-index:100;} .header_logo_search .search_box i{color:var(--fontColor);font-size:20px;line-height:46px;font-weight:600;cursor:pointer;} .header_logo_search .search_form{height:50px;width:500px;overflow:hidden;align-items:center;position:absolute;top:100%;right:0;display:none;} .header_logo_search .search_form input{border:1px solid #dedede;display:inline-block;flex:1;height:50px;line-height:50px;margin:0;font-size:14px;color:#333;padding:0 10px;border-right:0;transition:all 0.2s linear 0s;} .header_logo_search .search_form input:focus{border:1px solid #999;border-right:0;} .header_logo_search .search_form input::-webkit-input-placeholder{color:#999999;} /* WebKit browsers */ .header_logo_search .search_form input::-moz-placeholder{color:#999999;} /* Mozilla Firefox 4 to 18 */ .header_logo_search .search_form input:-moz-placeholder{color:#999999;} /* Mozilla Firefox 19+ */ .header_logo_search .search_form input:-ms-input-placeholder{color:#999999;}/* Internet Explorer 10+ */ .header_logo_search .search_form button{padding:0;border:0;display:inline-block;height:52px;width:52px;text-align:center;line-height:52px;transition:all 0.2s linear 0s;color:#fff;background:linear-gradient(to top, #0834f7, #2d84dd);} .header_logo_search .search_form button i{color:#fff;} .header_logo_search .search_form button:hover{background:linear-gradient(to bottom, #0834f7, #2d84dd);} /*手机端搜索*/ .phone_search_box{border-bottom:1px solid #dedede;background:#f9f9f9;} .phone_search_box .container{padding-top:10px;padding-bottom:10px;} .phone_search_box #mobilesearchbox{height:38px;width:100%;float:left;;} .phone_search_box #mobilesearchbox input{display:inline-block;width:calc(100% - 50px);height:38px;line-height:38px;border:2px solid var(--bgColor);padding:0 10px;margin:0;border-radius:30px 0 0 30px;font-size:13px;color:#333;float:left;} .phone_search_box #mobilesearchbox button{padding:0;border:0;display:inline-block;height:38px;width:50px;text-align:center;line-height:38px;background:var(--bgColor);border-radius:0 30px 30px 0;font-size:16px;color:#fff;float:left;} /*导航栏*/ .kj-navbar{margin-bottom:0;border:0;border-radius:0;z-index:10;min-height:46px;} .kj-navbar .navbar-header{display:none;} .kj-navbar .navbar-collapse{padding:0;} .kj-navbar .navbar-nav{width:100%;display:flex;justify-content:space-between;} .kj-navbar .navbar-nav:before,.kj-navbar .navbar-nav:after{display:none;} .kj-navbar .navbar-nav >li >a{font-size:17px;color:#333333;font-weight:600;padding:0;margin:0 25px;height:46px;line-height:46px;} .kj-navbar .navbar-nav >li >a >span{margin-left:5px;} .kj-navbar .navbar-nav >li:hover >a{background:none;color:var(--fontColor);} .kj-navbar .navbar-nav >li >a:focus{background:none;color:var(--fontColor);} .kj-navbar .navbar-nav >li.active > a{background:none;color:var(--fontColor);} .kj-navbar .navbar-nav li ul{border:0;padding:5px 0 10px 0;left:50%;transform: translateX(-50%);min-width:100%;top:100%;box-shadow:0 0 10px rgba(0,0,0,0.3);} .kj-navbar .navbar-nav li ul li a{color:#333;height:40px;line-height:40px;font-size:15px;text-align:center;padding:0 15px;} .kj-navbar .navbar-nav li ul li:hover> a{color:#fff;background:var(--bgColor);} /*footer*/ .footer_box{margin-top:100px;background:#222222;} .footer_box .footer_nav{display:flex;justify-content:space-between;padding:55px 0;} .footer_box .fast_links{width:270px;} .footer_box .fast_links a{font-size:16px;color:#ffffff;line-height:32px;margin-top:10px;display:flex;align-items:center;} .footer_box .fast_links a:first-child{margin-top:0;} .footer_box .fast_links a:before{content: "";border-top:8px solid transparent;border-left:8px solid #fff;border-bottom:8px solid transparent;margin-right:17px;} .footer_box .fast_links a:hover{text-decoration:underline;} .footer_box .footer_nav .contact_us{flex:1;} .footer_box .footer_nav .contact_us .title{font-size:22px;color:#fff;line-height:32px;margin-bottom:15px;} .footer_box .footer_nav .contact_us span{display:flex;align-items:flex-start;line-height:32px;font-size:14px;color:#ffffff;} .footer_box .footer_nav .contact_us span a{color:#fff;flex:1;} .footer_box .footer_nav .contact_us span a:hover{text-decoration:underline;} .footer_box .footer_nav .code_box{width:150px;display:none;} .footer_box .footer_nav .code_box .title{font-size:22px;color:#fff;line-height:32px;margin-bottom:15px;text-align:center;} .footer_box .footer_nav .code_box img{max-width:100%;max-height:100%;} .footer_box .footer_copyright{padding:13px 0;background:#000000;} .footer_box .footer_copyright .container{display:flex;align-items:flex-start;} .footer_box .footer_copyright span{font-size:14px;color:#ffffff;line-height:28px;width:80%;} .footer_box .footer_copyright span:nth-child(2){margin-left:auto;width:20%;text-align:right;} .footer_box .footer_copyright span a{color:#fff;} .footer_box .footer_copyright span a:hover{text-decoration:underline;} /*float*/ .float_box{position:fixed;right:1px;top:50%;transform:translateY(-50%);transition:all 0.2s linear 0s;z-index:1000;} .float_box ul{display:inline-block;width:100%;} .float_box ul li{position:relative;display:block;width:64px;height:64px;background:#9fa1a2;text-align:center;vertical-align:bottom;margin-bottom:2px;transition:all 0.2s linear 0s;cursor:pointer;border-radius:3px;} .float_box ul li i{font-size:26px;color:#fff;display:block;line-height:30px;transition:all 0.2s linear 0s;padding-top:7px;} .float_box ul li#weixin{display:none;} .float_box ul li span{font-size:12px;color:#fff;line-height:20px;} .float_box ul li:last-child{margin-top:20px;} .float_box ul li:hover{background:var(--bgHoverColor);} .float_box ul li:hover i{color:#fff;} .float_box ul li .qq_box{position:absolute;right:64px;top:0;display:none;background:#fff;padding:10px 12px;box-shadow:0 3px 8px rgba(0,0,0,0.15);border-radius:3px;} .float_box ul li .qq_box a{margin-top:8px;font-size:14px;color:#fff;display:flex;align-items:center;width:110px;height:30px;justify-content:center;line-height:30px;transition:all 0.2s linear 0s;background:var(--bgHoverColor);border-radius:30px;} .float_box ul li .qq_box a:hover{background:var(--bgColor);} .float_box ul li .qq_box a:active{position:relative;top:2px;} .float_box ul li .qq_box a:first-child{margin-top:0;} .float_box ul li .tel_box{align-items:center;display:none; position:absolute;right:64px;top:0;padding:16px 16px 8px 16px;font-size:14px;background:#fff;line-height:28px;width:240px;box-shadow:0 3px 8px rgba(0,0,0,0.15);overflow:hidden;} .float_box ul li .tel_box:before{content:"";width:100%;height:6px;background:var(--bgHoverColor);position:absolute;top:0;left:0;} .float_box ul li .tel_box i{font-size:42px;color:#d3d3d3;margin-right:10px;padding-top:0;} .float_box ul li .tel_box span{ font-size:22px;line-height:28px;text-align:left; color:var(--fontHoverColor); } .float_box ul li .tel_box span em{display:block;color:#aaa;font-size:14px;} .float_box ul li .code_box{padding:10px;background:var(--bgHoverColor);position:absolute;right:64px;top:0;display:none;box-shadow:0 3px 8px rgba(0,0,0,0.15);border-radius:3px;} .float_box ul li .code_box img{width:100px;} .float_box ul li .code_box span{line-height:18px;color:#fff;margin-top:5px;display:block;font-size:12px;} .float_box ul li#qqbox:hover .qq_box{display:block;} .float_box ul li#ftel:hover .tel_box{display:flex;} .float_box ul li#weixin:hover .code_box{display:block;} .phone_top{display: none;position: fixed;bottom: 60px;right: 10px;z-index: 1000;width: 40px;height: 40px;background: var(--bgHoverColor);border-radius: 50%;text-align: center;line-height: 40px;} .phone_top i {color: #fff;font-size: 20px;} /*index*/ #banner-swiper .swiper-pagination{bottom:30px;} #banner-swiper .swiper-pagination-bullet{width:12px;height:12px;background:none;opacity:0.6;margin:0 5px;border-radius:50%;border:1px solid #fff;} #banner-swiper .swiper-pagination-bullet-active{background:#fff;} #banner-swiper .swiper-wrapper .img_btn {display:block;width:100%;height:37.5vw;} .index_product_cata{padding-top:92px;padding-bottom:65px} .index_product_cata ul{display:flex;flex-wrap: wrap;} .index_product_cata ul li{height:300px;padding:0 30px;margin-right:35px;margin-bottom:35px;width:calc((100% - 70px)/3);background:#fafafa;transition:all 0.2s linear 0s;display:flex;flex-direction:column;align-items:center;justify-content:center;} .index_product_cata ul li:nth-child(3n){margin-right:0;} .index_product_cata ul li .img_btn{display:flex;align-items:center;justify-content:center;height:120px;} .index_product_cata ul li .img_btn img{max-width:100%;max-height:100%;} .index_product_cata ul li .name_btn{margin:22px 0 10px 0;font-size:18px;color:#333333;text-align:center;font-weight:bold;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;height:32px;} .index_product_cata ul li .brief_text{text-align:center;font-size:14px;color:#999999;line-height:24px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;} .index_product_cata ul li:hover{background:#fff;box-shadow:0 0 10px rgba(207,207,207,0.3)} .index_product_cata ul li:hover .name_btn{color:var(--fontHoverColor);} .index_about_box{background:url("../images/index_about_bg.jpg") no-repeat center top;padding-top:67px;} .index_about_box h1{text-align:center;font-weight:bold;position:relative;color:#fff;font-size:32px;line-height:72px;} .index_about_box h1:after{width:62px;height:1px;content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:#fff;} .index_about_box h6{font-size:16px;color:#fff;text-align:center;line-height:30px;margin-top:10px;} .index_about_box .index_num{background:#fff;box-shadow:0 0 7px rgba(207,207,207,0.4);border-radius:20px;margin-top:35px;height:190px;display:flex;flex-wrap:wrap;} .index_about_box .num_list{width:calc(100% / 3);position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;} .index_about_box .num_list:before{content:"";width:1px;height:100px;background:#eeeeee;position:absolute;top:50%;left:0;transform:translateY(-50%);} .index_about_box .num_list:first-child:before{width:0;} .index_about_box .num_list .text{font-size:16px;color:#666666;line-height:26px;} .index_about_box .num_list .num{margin-bottom:15px;} .index_about_box .num_list .timer{font-size:45px;color:#dd0000;font-family:Bahnschrift;line-height:50px;} .index_about_box .num_list .topText{color:#dd0000;font-size:28px;} .index_about_box .num_list .footerText{color:#333333;font-size:16px;vertical-align:bottom;display:inline-block;margin:0 0 8px 5px;} .index_news_box{background:url("../images/index_news_bg.png") no-repeat center;padding-top:60px;} .index_news_box .title{position:relative;text-align:center;line-height:68px;font-size:32px;color:#333333;font-weight:bold;margin-bottom:55px;} .index_news_box .title:after{width:62px;height:1px;content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);background:var(--bgColor);} .index_news_box .index_news{display:flex;flex-wrap: wrap;align-items:flex-start;} .index_news_box .index_news .news_left{width:calc((100% - 45px)/2);background:rgba(243,243,247,0.6);padding:38px;margin-right:45px;transition:all 0.2s linear 0s;} .index_news_box .index_news .news_left .name_btn{display:block;font-size:18px;color:#333333;font-weight:bold;line-height:30px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;} .index_news_box .index_news .news_left .time{font-size:15px;color:#333333;line-height:38px;} .index_news_box .index_news .news_left .brief_text{font-size:15px;color:#666666;line-height:23px;height:46px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;margin-bottom:40px;} .index_news_box .index_news .news_left .img_btn{width:100%;height:338px;display:block;} .index_news_box .index_news .news_left:hover{background:rgba(243,243,247,0.9);} .index_news_box .index_news .news_left:hover .name_btn{color:var(--fontHoverColor);text-decoration:underline;} .index_news_box .index_news ul{width:calc((100% - 45px)/2);} .index_news_box .index_news ul li{border-bottom:1px solid #d6d6d6;padding:20px 0 36px 0;width:100%;display:block;vertical-align:bottom;} .index_news_box .index_news ul li:first-child{padding-top:0;} .index_news_box .index_news ul li .name_btn{display:block;font-size:16px;color:#333333;line-height:30px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;} .index_news_box .index_news ul li .time{font-size:14px;color:#333333;line-height:38px;} .index_news_box .index_news ul li .brief_text{font-size:14px;color:#999999;line-height:24px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;} .index_news_box .index_news ul li:hover .name_btn{color:var(--fontHoverColor);text-decoration:underline;} /*面包屑*/ .page_map{color:#666666;line-height:26px;padding-top:13px;padding-bottom:13px;display:flex;align-items:center;font-size:14px;} .page_map span{color:#666666;} .page_map span i{color:#383838;margin-right:5px;font-size:12px;} .page_map .breadcrumb{background:none;padding:0;margin:0;display:inline-block;} .page_map .breadcrumb a{color:#666666;} .page_map .breadcrumb a:hover{text-decoration:underline;} .page_map .breadcrumb > li + li:before{color:#666666;} .page_map .breadcrumb .active{color:var(--fontColor);} .page_map .breadcrumb .active span{color:var(--fontColor);} /*分页*/ .kj-page{text-align:center;} .kj-page .pagination{margin:40px 0 20px 0;} .kj-page .pagination > li > a,.kj-page .pagination > li > span{font-size:13px;margin:3px;padding:0;width:40px;height:28px;line-height:26px;border-radius:5px;color:#999;} .kj-page .pagination > li > a:hover,.kj-page .pagination > li > span:hover{background:var(--bgHoverColor);color:#fff;border-color:var(--bgHoverColor);} .kj-page .pagination > li.active > a{background:var(--bgHoverColor);color:#fff;border-color:var(--bgHoverColor);} /*产品列表*/ .page_banner{height:16.5vw;} .page_banner .container{height:100%;display:flex;align-items:center;justify-content:center;} .page_banner h1{font-size:48px;color:#fff;} .product_container .product_cate{margin:15px 0 50px 0;display:flex;flex-wrap: wrap;} .product_container .product_cate a{color:#333333;width:calc((100% - 100px)/6);margin-right:20px;height:200px;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;} .product_container .product_cate a:nth-child(6n){margin-right:0;} .product_container .product_cate a img{max-width:100%;max-height:100%;} .product_container .product_cate a em{font-size:16px;line-height:30px;margin-top:14px;display:block;} .product_container .product_cate a:hover{box-shadow:0 0 10px rgba(207,207,207,0.5);color:var(--fontHoverColor);} .product_container .product_cate a.active{box-shadow:0 0 10px rgba(207,207,207,0.5);color:var(--fontHoverColor);} .kj-product-list thead tr th{padding:0 25px;background:var(--bgColor);line-height:50px;color:#fff;border-bottom:0;text-align:center;} .kj-product-list thead tr th:nth-child(3){text-align:left;} .kj-product-list tbody tr td{padding:30px 25px;border-top:0;border-bottom:1px solid #f0f0f0;text-align:center;font-size:14px;color:#333333;vertical-align:middle;transition:all 0.2s linear 0s;} .kj-product-list tbody tr:nth-child(odd) td{background:#fafafa;} .kj-product-list tbody tr td:nth-child(3){text-align:left;} .kj-product-list tbody tr td .img_btn{display:flex;align-items:center;justify-content:center;height:46px;transition:all 480ms ease 0s;overflow:hidden;} .kj-product-list tbody tr td .img_btn img{max-width:100%;max-height:100%;mix-blend-mode: multiply;transform:scale(1,1);transition-duration:400ms;transition-timing-function:ease-out;} .kj-product-list tbody tr td a{color:#333;} .kj-product-list tbody tr td .more_btn{color:#e50707;} .kj-product-list tbody tr td a:hover{color:Var(--fontHoverColor);} .kj-product-list tbody tr td .more_btn:hover{color:#e50707;text-decoration:underline;} .kj-product-list tbody tr:hover td{background:#f1f1f1;} .kj-product-list tbody tr:hover td .img_btn img{transform:scale(0.9,0.9);-moz-transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);-o-transform:scale(0.9,0.9);} /*产品详情*/ .product_desc_container{display:flex;flex-wrap: wrap;margin-top:25px;align-items: flex-start;} .product_desc_container .product_left{width:235px;margin-right:30px;} .product_desc_container .product_left a{display:flex;margin-bottom:5px;padding:0 20px 0 25px;height:50px;align-items:center;justify-content: space-between;background:#f3f3f3;border-radius:3px;font-size:16px;color:#333333;} .product_desc_container .product_left a i{color:#999999;} .product_desc_container .product_left a:hover{background:var(--bgColor);color:#fff;} .product_desc_container .product_left a:hover i{color:#fff;} .product_desc_container .product_left a.active{background:var(--bgColor);color:#fff;} .product_desc_container .product_left a.active i{color:#fff;} .product_desc_container .product_left a:active{position:relative;top:2px;} .product_desc_container .product_right{width:calc(100% - 265px);} .product_info_details{display:flex;flex-wrap: wrap;} .product_info_details .left_box{width:390px;height:390px;margin-right:45px;display:flex;justify-content:center;align-items:center;border:1px solid #dcdcdc;} .product_info_details .left_box img{max-width:100%;max-height:100%;} .product_info_details .right_box{width:calc(100% - 455px);} .product_info_details .right_box .product_title{line-height:44px;font-size:36px;color:#333;margin-top:12px;} .product_info_details .right_box .product_cusmo{line-height:36px;font-size:14px;color:#333333;margin-top:8px;margin-bottom:18px;} .product_info_details .right_box .pro_desc_baseinfo{display:flex;flex-wrap: wrap;} .product_info_details .right_box .base_info{display:flex;align-items:center;line-height:32px;font-size:15px;color:#333333;width:calc(100% / 3);padding:6px 0;} .product_info_details .right_box .base_info.base_info_all{width:100%;} .product_info_details .right_box .base_info label{width:85px;color:#999;font-weight:normal;} .product_info_details .right_box .base_info span{flex:1;} .product_info_details .right_box .base_info.base_info_all.long_box{display:flex;position:relative;align-items:flex-start;} .product_info_details .right_box .base_info.base_info_all.long_box label{width:65px;} .product_info_details .right_box .base_info.base_info_all.long_box span{flex:1;height:32px;overflow:hidden;} .product_info_details .right_box .base_info.base_info_all.long_box a{color:#e20000;font-weight:bold;display:none;} .product_info_details .right_box .base_info.base_info_all.long_box .long_none{height:auto;position:absolute;top:0;left:45px;z-index:100;width:calc(100% - 100px);z-index:100;display:none;} .product_info_details .right_box .footer_info{margin-top:30px;} .product_info_details .right_box .footer_info a{border-radius:3px;display:block;width:195px;height:45px;text-align:center;line-height:45px;background:var(--bgColor);font-size:15px;color:#fff;} .product_info_details .right_box .footer_info a:hover{background:var(--bgHoverColor);} .product_info_details .right_box .footer_info a:active{position:relative;top:2px;} .product_desc_info{margin-top:35px;border:1px solid #dcdcdc;} .product_desc_info .title{width:100%;height:58px;background:linear-gradient(to top, #f6f6f6, #fefefe);} .product_desc_info .title h1{line-height:58px;display:inline-block;padding:0 52px;background:#fff;font-size:18px;color:#333333;font-weight:bold;position:relative;} .product_desc_info .title h1:before{content:"";width:100%;height:2px;background:var(--bgColor);position:absolute;top:-1px;left:0;} .product_desc_info .pro_desc_text{font-size:16px;color:#333333;line-height:30px;padding:25px 30px;border:1px solid #f1f1f1;border-top:0;} .product_desc_info .pro_desc_text img{max-width:100%;max-height:100%;} .product_desc_info .table-responsive{padding:35px;} .product_desc_info .kj-table{margin:0;} .product_desc_info .kj-table tr th{font-size:14px;color:#999999;width:100px;line-height:24px;padding-top:12px;padding-bottom:12px;font-weight:normal;border:0 !important;} .product_desc_info .kj-table tr td{font-size:14px;color:#333;vertical-align:middle;border:0;} .product_related{margin-top:40px;} .product_related .title{color:#333333;font-size:24px;line-height:40px;margin-bottom:15px;font-weight:bold;} .product_related .swiper-slide{border:1px solid #dcdcdc;height:350px;overflow:hidden;transition:all 0.2s linear 0s;} .product_related .swiper-slide .img_box{height:260px;border-bottom:1px solid #dcdcdc;display:flex;justify-content:center;align-items:center;padding:10px;transition:all 480ms ease 0s;overflow:hidden;} .product_related .swiper-slide .img_box img{max-width:100%;max-height:100%;mix-blend-mode: multiply;transform:scale(1,1);transition-duration:400ms;transition-timing-function:ease-out;} .product_related .swiper-slide .name_btn{display:block;padding:0 12px;margin-top:15px;} .product_related .swiper-slide .name_btn em{overflow:hidden;text-overflow: ellipsis;white-space:nowrap;transition:all 0.2s linear 0s;display:block;font-size:15px;color:#333333;line-height:24px;} .product_related .swiper-slide .name_btn em:first-child{font-weight:bold;} .product_related .swiper-slide:hover .name_btn em{color:var(--fontColor);} .product_related .swiper-slide:hover .img_box img{transform:scale(0.9,0.9);-moz-transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);-o-transform:scale(0.9,0.9);} .product_related .swiper-button-next,.product_related .swiper-button-prev{width:35px;height:35px;border-radius:50%;background:rgba(61,61,61,0.2);text-align:center;line-height:35px;} .product_related .swiper-button-next:after,.product_related .swiper-button-prev:after{font-size:20px;color:#fff;} .product_related .swiper-button-next{right:0;} .product_related .swiper-button-prev{left:0;} .product_related .swiper-button-next:hover,.product_related .swiper-button-prev:hover{background:rgba(61,61,61,0.8);} /*项目与案例*/ .case_list_box{margin-top:20px;} .case_list_box .case_item{padding:60px 0;border-top:2px dashed #e7e7e7;display:flex;flex-wrap:wrap;} .case_list_box .case_item:first-child{padding-top:0;border-top:0;} .case_list_box .case_item .left_img{width:395px;margin-right:50px;} .case_list_box .case_item .left_img .image_box .box{width:100%;} .case_list_box .case_item .left_img .image_box .tb-booth{position:relative;z-index:1;width:100%;height:265px;border:1px solid #dcdcdc;} .case_list_box .case_item .left_img .image_box .tb-pic a{display:flex;align-items:center;justify-content:center;height:100%;width:100%;padding:10px;} .case_list_box .case_item .left_img .image_box .tb-booth a {padding:0;} .case_list_box .case_item .left_img .image_box .tb-pic a img{vertical-align:middle;max-width:100%;max-height:100%;} .case_list_box .case_item .left_img .image_box .tb-thumb{margin:10px 0 0;overflow:hidden;} .case_list_box .case_item .left_img .image_box .tb-thumb li{float:left;height:82px;width:127px;margin:0 6px 0 0;overflow:hidden;padding:1px;border:1px solid #dcdcdc;} .case_list_box .case_item .left_img .image_box .tb-s40, .tb-s40 a{height:80px;width:125px;} .case_list_box .case_item .left_img .image_box .tb-s40, .tb-s40 a img{max-width:100%;max-height:100%;} .case_list_box .case_item .left_img .image_box .tb-thumb .tb-selected{border-color:var(--bgColor);} .case_list_box .case_item .left_img .image_box .tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;} div.zoomDiv{z-index:999;position:absolute;top:0;left:0;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;} div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;width:100px !important;height:100px !important;} .case_list_box .case_item .right_info{width:calc(100% - 445px);} .case_list_box .case_item .right_info .case_baseinfo{font-size:16px;color:#333333;line-height:40px;margin-bottom:22px;} .case_list_box .case_item .right_info .kj-table{margin-bottom:0;border:1px solid #dcdcdc;} .case_list_box .case_item .right_info .kj-table tr th{background:var(--bgColor);color:#fff;line-height:22px;padding:12px 28px;border-right:1px solid #dcdcdc;border-bottom:0;vertical-align:middle;} .case_list_box .case_item .right_info .kj-table tr td{color:#333;line-height:25px;padding:18px 28px;border-right:1px solid #dcdcdc;border-top:1px solid #dcdcdc;vertical-align:middle;} /*文章*/ .about_title{font-size:26px;color:#333333;font-weight:bold;position:relative;line-height:72px;} .about_title:after{content:"";width:50px;height:3px;background:var(--bgColor);position:absolute;bottom:0;left:0;} .about_box{display:flex;flex-wrap: wrap;margin-top:35px;} .about_article{font-size:15px;color:#666666;line-height:28px;width:100%;} .about_article img{max-width:100%;max-height:100%;} /*新闻列表*/ .news_list_box .news_list{display:flex;flex-wrap: wrap;} .news_list_box .news_list li{margin-right:30px;margin-bottom:30px;width:calc((100% - 60px)/3);border:1px solid #e4e4e4;} .news_list_box .news_list li:nth-child(3n){margin-right:0;} .news_list_box .news_list li .img_box{width:100%;height:265px;transition:all 480ms ease 0s;overflow:hidden;border-bottom:1px solid #e4e4e4;padding:10px;} .news_list_box .news_list li .img_box a{width:100%;height:100%;display:block;transform:scale(1,1);transition-duration:400ms;transition-timing-function:ease-out;} .news_list_box .news_list li .info_box{padding:0 15px;background:#fff;} .news_list_box .news_list li .info_box .name_btn{margin:25px 0;line-height:25px;height:50px;font-size:16px;color:#333333;width:100%;overflow:hidden;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;} .news_list_box .news_list li .info_box .news_footer{border-top:1px solid #e2e2e2;display:flex;justify-content: space-between;height:60px;align-items:center;} .news_list_box .news_list li .info_box .news_footer .time{font-size:14px;color:#666666;} .news_list_box .news_list li .info_box .news_footer .more_btn{color:#999999;width:84px;border-radius:30px;display:flex;align-items:center;justify-content:center;height:32px;font-size:12px;} .news_list_box .news_list li .info_box .news_footer .more_btn i{font-size:12px;margin-left:3px;} .news_list_box .news_list li .info_box .news_footer .more_btn:hover{background:var(--bgColor);color:#fff;border-color:var(--bgColor);} .news_list_box .news_list li .info_box .news_footer .more_btn:active{position:relative;top:2px;} .news_list_box .news_list li:hover .img_box a{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);} .news_list_box .news_list li:hover .info_box .name_btn{color:var(--fontColor);} .kj_news_active{background:#fff;border-radius:5px;padding:30px 30px 40px 30px;margin-top:20px;} .kj_news_active .kj-main-articleinfo-title{font-size:30px;color:#333;margin-bottom:12px;line-height:36px;} .kj_news_active .kj-article-time{color:#999;} .kj_news_active .kj-article-content{color:#333; padding-bottom:50px; margin-bottom: 20px; border-bottom: 1px solid rgb(242,242,242); line-height: 30px;margin-top:20px;} .kj_news_active .kj-article-content img{max-width:100%;vertical-align:bottom;} .kj_news_active .kj-article-bottom span{display:block;line-height:32px;} .kj_news_active .kj-article-bottom a{color:#333;} .kj_news_active .kj-article-bottom a:hover{color:var(--fontColor);text-decoration:underline;} .kj_news_active .kj_news_product{margin:0 auto;display:block;height:42px;line-height:42px;padding:0 15px;background:#255288;font-size:14px;color:#fff;width:130px;text-align:center;} .kj_news_active .kj_news_product:hover{background:#a60e07} .kj_news_active .kj_news_product:active{position:relative;top:2px;} /*联系我们*/ .contact_us_box{display:flex;flex-wrap:wrap;} .contactUs_info{display:flex;justify-content: space-between;align-items:flex-start;margin-top:30px;width:50%;flex-wrap:wrap;} .contactUs_info .code_box{width:150px;text-align:center;border-top:3px solid var(--bgColor);background:#f1f1f1;margin-top:30px;display:none;} .contactUs_info .code_box img{max-width:100%;} .contactUs_info .code_box span{display:block;font-size:14px;color:#333333;line-height:32px;} .contactUs_info .left{width:100%;} .contactUs_info .left h1{font-size:24px;font-weight:bold;color:#333;line-height:50px;position:relative;margin-bottom:20px;} .contactUs_info .left h1:after{content:"";width:60px;height:3px;background:var(--bgColor);position:absolute;bottom:-3px;left:0;} .contactUs_info .left .text_box{font-size:15px;color:#333;line-height:32px;} .contactUs_info .left .text_box a{color:#333;} .contactUs_info .left .text_box a:hover{color:var(--fontColor);text-decoration:underline;} .contact_us_box .map_box{width:50%;height:415px;background:#f1f1f1;margin-top:30px;} /*大包装询价*/ #blukquote_dialog .formcolumn-item{display:flex;align-items:center;margin-bottom:12px;} #blukquote_dialog .formcolumn-item dt{font-size:14px;color:#555;margin-right:10px;width:80px;} #blukquote_dialog .formcolumn-item dd{width:calc(100% - 100px);position:relative} #blukquote_dialog .formcolumn-item dd input{width:90%;height:38px;line-height:38px;padding:0 10px;border:1px solid #dedede;border-radius:3px;box-shadow:none;transition:border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;} #blukquote_dialog .formcolumn-item dd input:focus{border:1px solid #66afe9;outline:0 none;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6)} #blukquote_dialog .formcolumn-item dd textarea { width: 90%; height: 150px; padding: 5px 10px; border: 1px solid #dedede; border-radius: 3px; box-shadow:none; transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s; resize:none; } #blukquote_dialog .formcolumn-item dd textarea:focus{border:1px solid #66afe9;outline:0 none;box-shadow:0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 6px rgba(102, 175, 233, 0.6)} #blukquote_dialog .formcolumn-item dd .form-vcodebox img{height:38px;} #blukquote_dialog .formcolumn-item-ct{display:flex;line-height:38px;} #blukquote_dialog .formcolumn-item dd .form-vcodebox{width:110px;order:1;height:38px;margin-left:10px;} #blukquote_dialog .formcolumn-item dd .formcom-vcode{width:20%;} #blukquote_dialog .formcolumn-item dd .required{order:3;margin-left:10px;font-weight:bold;} #blukquote_dialog .formcolumn-item.formcolumn-item-tips{margin-bottom:0;} #blukquote_dialog .formcolumn-item.formcolumn-item-tips .text{font-size:12px;color:#FF0D0D;} #blukquote_dialog .formcolumn-item dd .formcolumn-item-tips{order:4;} #blukquote_dialog .modal-footer{border-top:0;padding:20px 0 ;text-align:center;} #blukquote_dialog .modal-footer input{background:var(--bgColor);color:#fff;width:40%;padding:0;font-size:16px;height:40px;transition:all 0.2s linear 0s;} #blukquote_dialog .modal-footer input:hover{background:var(--bgHoverColor)} #blukquote_dialog .modal-footer input:hover{color:#fff;} /*品牌列表*/ .brand_list_ul{display:flex;flex-wrap: wrap;margin-top:20px;} .brand_list_ul li{border:1px solid #ddd;height:128px;position:relative;width:calc(100% / 6);margin-left:-1px;margin-top:-1px;background:#fff;} .brand_list_ul li .img_btn{display:flex;align-items:center;justify-content:center;width:100%;height:90px;padding:10px;transition:all 480ms ease 0s;} .brand_list_ul li .img_btn img{max-width:100%;max-height:100%;transform:scale(1,1);transition-duration:400ms;transition-timing-function:ease-out;} .brand_list_ul li .name_btn{display:block;padding:0 10px;font-size:14px;color:#333333;line-height:20px;text-align:center;} .brand_list_ul li:hover .img_btn img{transform:scale(0.9,0.9);-moz-transform:scale(0.9,0.9);-webkit-transform:scale(0.9,0.9);-o-transform:scale(0.9,0.9);} .brand_list_ul li:hover .name_btn{color:var(--fontColor);}