@media(min-width:1470px){
    .container{width:1470px;}
}
i,em{font-style:normal}
.disN{display:none;}
.disB{display:block;}
body{
    background: #f7f7f7;
    --bgColor: #015cad;
    --bgHoverColor: #42922e;
    --fontColor: #015cad;
    --fontHoverColor: #42922e;
}
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;}
input[type=text],textarea{font-family:Arial, Helvetica, sans-serif;-webkit-appearance: none;}
input::-webkit-input-placeholder{color:#999999;} /* WebKit browsers */
input::-moz-placeholder{color:#999999;} /* Mozilla Firefox 4 to 18 */
input:-moz-placeholder{color:#999999;} /* Mozilla Firefox 19+ */
input:-ms-input-placeholder{color:#999999;}/* Internet Explorer 10+ */
textarea::-webkit-input-placeholder{color:#999999;} /* WebKit browsers */
textarea::-moz-placeholder{color:#999999;} /* Mozilla Firefox 4 to 18 */
textarea:-moz-placeholder{color:#999999;} /* Mozilla Firefox 19+ */
textarea:-ms-input-placeholder{color:#999999;}/* Internet Explorer 10+ */
.flex_v_center{display:flex;align-items:center;}
.flex_l_center{display:flex;justify-content:center;}
.flex_center{display:flex;justify-content:center;align-items:center;}
.flex_wrap{display:flex;flex-wrap: wrap;}

@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;}
.kj-noproduct-search p{display: block;line-height:20px;text-align: center;margin-bottom: 120px;padding:10px;}

/*大包装询价*/
#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:0 0 50px 0;}
#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;}

/*index header*/
.header_logo_search{position:fixed;z-index:100;width:100%;min-height:120px;background:rgba(255,255,255,0.4)}
.header_logo_search .container{display:flex;flex-wrap: wrap;align-items:center;}
.header_logo_search .container:after,.header_logo_search .container:before{display:none;}
.header_logo_search .logo_btn{width:280px;}
.header_logo_search .logo_btn img{max-width:100%;max-height:100%}
.header_logo_search .right_box{margin-left:auto;display:flex;flex-direction:column;justify-content:flex-end;}
.header_logo_search .search_form_box{display:flex;align-items:center;margin-top:20px;justify-content:flex-end;}
.header_logo_search .search_form_box .language_box{position:relative;margin-left:15px;z-index:130;}
.header_logo_search .search_form_box .language_select{width:120px;height:40px;background:#fff;border-radius:5px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;}
.header_logo_search .search_form_box .language_select span{font-size:16px;color:#666666;}
.header_logo_search .search_form_box .language_select i{color:var(--fontColor);display:inline-block;font-weight:bold;font-size:14px;}
.header_logo_search .search_form_box .language_dropdown{overflow:hidden;position:absolute;left:0;top:calc(100% + 1px);background:#fff;border-radius:5px;width:100%;height:0;transition:all 0.2s linear 0s;}
.header_logo_search .search_form_box .language_dropdown a{display:block;text-align:center;font-size:16px;color:#666;border-top:1px dashed #eee;line-height:38px;}
.header_logo_search .search_form_box .language_dropdown a:first-child{border-top:0;}
.header_logo_search .search_form_box .language_dropdown a:hover{background:#f5f5f5;color:var(--fontColor)}
.header_logo_search .search_form_box .language_box:hover .language_dropdown{height:78px;}
.header_logo_search .search_form{height:40px;overflow:hidden;min-width:600px;display:flex;align-items:center;}
.header_logo_search .search_form input{border:0;padding:0 10px;display:inline-block;flex:1;height:40px;line-height:40px;margin:0;font-size:14px;color:#333;background:#fff;border-radius:5px 0 0 5px;}
.header_logo_search .search_form button{padding:0;border:0;display:block;height:40px;width:40px;text-align:center;justify-content:center;background:var(--bgColor);color:#fff;transition:all 0.2s linear 0s;border-radius:0 5px 5px 0;}
.header_logo_search .search_form button i{font-size:20px;}
.header_logo_search .search_form button:hover{background:var(--bgHoverColor);}

/*手机端搜索*/
.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;}

/*导航栏*/
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover{background:none;}
.kj-navbar{margin-bottom:0;border:0;border-radius:0;z-index:100;min-height:50px;}
.kj-navbar .navbar-header{display:none;}
.kj-navbar .navbar-collapse{padding:0;}
.kj-navbar .navbar-nav{width:100%;position:relative;}
.kj-navbar .navbar-nav >li >a{font-size:16px;color:#222222;padding:0;height:50px;line-height:50px;margin:0 35px;position:relative;}
.kj-navbar .navbar-nav >li >a > span{margin-left:5px;color:#222222;font-size:20px;}
.kj-navbar .navbar-nav >li:last-child >a{margin-right:0;}
.kj-navbar .navbar-nav >li:hover> a{background:none;}
.kj-navbar .navbar-nav >li > a:focus{background:none;}
.kj-navbar .navbar-nav >li.active> a{font-weight:bold;}
.kj-navbar .navbar-nav >li > ul{border:0;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.2);top:100%;left:50%;transform:translateX(-50%);}
.kj-navbar .navbar-nav >li > ul li  a{padding:0 20px;position:relative;height:40px;display:flex;align-items:center;font-size:16px;color:#333333;justify-content:center;}
.kj-navbar .navbar-nav >li > ul li  a:after{content:"";width:0;height:2px;background:var(--bgColor);position:absolute;bottom:0;left:0;transition:all 0.2s linear 0s;}
.kj-navbar .navbar-nav >li > ul li a span{position:absolute;top:50%;right:10px;transform:translateY(-50%) rotate(-90deg);}
.kj-navbar .navbar-nav >li > ul > li:hover >  a{color:var(--fontColor);background:none;}
.kj-navbar .navbar-nav >li > ul > li:hover > a:after{width:100%;}
.kj-navbar .navbar-nav >li > ul > li:last-child:hover  a:after{width:0;}
.kj-navbar .navbar-nav >li > ul > li:hover ul{display:block;}
.kj-navbar .navbar-nav >li > ul > li ul{border:0;border-radius:5px;box-shadow:0 0 10px rgba(0,0,0,0.2);left:100%;top:0;margin:0;}

.kj-navbar .navbar-nav >li > ul > li ul li:hover >  a{color:var(--fontColor);background:none;}
.kj-navbar .navbar-nav >li > ul > li ul li:hover > a:after{width:100%;}
.kj-navbar .navbar-nav >li > ul > li ul li:last-child:hover  a:after{width:0;}


.header_logo_search_fixed{position:fixed;top:0;left:0;box-shadow: 0 0 10px rgba(0,0,0,.2);background:#fff !important;}
.header_logo_search_fixed .search_form input{background:#f1f1f1}
.header_logo_search_fixed .search_form_box .language_select{background:#f1f1f1}
.header_logo_search_fixed .search_form_box .language_dropdown{background:#f9f9f9}
.header_logo_search_fixed .kj-navbar .navbar-nav >li:hover> a{color:var(--fontColor)}
.header_logo_search_fixed .kj-navbar .navbar-nav >li:hover> a span{color:var(--fontColor)}
.header_logo_search_fixed .kj-navbar .navbar-nav >li.active> a{color:var(--fontColor)}

/*footer*/
.footer_box{background:var(--bgColor);margin-top:100px;padding-bottom:60px;position:relative;}
.footer_box .scrollTop{cursor:pointer;position:absolute;right:calc((100% - 1430px)/2);width:80px;height:80px;background:#fff;border-radius:50%;border:8px solid #3b98eb;text-align:center;line-height:64px;color:var(--fontColor);top:-40px;}
.footer_box .scrollTop i{font-size:36px;}
.footer_box .scrollTop:hover{background:#3b98eb;color:#fff;}
.footer_box .nav_info{border-bottom:1px solid rgba(255,255,255,0.4);padding:50px 0;}
.footer_box .nav_info .container{display:flex;align-items:center;justify-content:space-between;}
.footer_box .nav_info .container:before,.footer_box .nav_info .container:after{display:none;}
.footer_box .nav_info .footer_logo{display:block;}
.footer_box .nav_info .footer_logo img{max-width:100%;max-height:100%;}
.footer_box .nav_info .footer_nav{display:flex;justify-content:flex-end;}
.footer_box .nav_info .footer_nav a{font-size:16px;color:#ffffff;margin-left:65px;}
.footer_box .nav_info .footer_nav a:hover{text-decoration:underline;}
.footer_box .contact_us_info{display:flex;align-items:flex-start;padding-top:65px;justify-content:space-between;}
.footer_box .contactus_box .title{font-size:20px;color:#fff;font-weight:bold;line-height:45px;}
.footer_box .contactus_box .item_text{display:flex;justify-content:flex-start;font-size:18px;color:#fff;line-height:34px;}
.footer_box .contactus_box .item_text a{color:#fff;}
.footer_box .contactus_box .item_text a:hover{text-decoration:underline;}
.footer_box .contact_us_info .code_box{text-align:center;}
.footer_box .contact_us_info .code_box img{max-width:108px;max-height:100%;}
.footer_box .contact_us_info .code_box span{display:block;color:#fff;font-size:16px;line-height:36px;margin-top:20px;}
.footer_copyright{padding:10px 0 0 0;}
.footer_copyright .brief_text{font-size:12px;color:#fff;line-height:24px;margin-right:35px;}
.footer_copyright .brief_text a{color:#fff;}
.footer_copyright .brief_text a:hover{text-decoration:underline;}

/*float*/
.float_box{position:fixed;right:0;top:50%;transform:translateY(-50%);transition:all 0.2s linear 0s;z-index:1300;}
.float_box ul{padding:12px 0;background:#fff;border-radius:50px;width:78px;box-shadow:0 8px 27px rgba(0,0,0,0.27);}
.float_box ul li{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;height:70px;padding:0 15px;transition:all 0.2s linear 0s;cursor:pointer;width:78px;}
.float_box ul li:before{content:"";width:48px;height:1px;position:absolute;left:50%;transform: translateX(-50%);top:0;background:#dddddd;}
.float_box ul li:first-child:before{width:0;}
.float_box ul li i{font-size:22px;color:var(--fontColor);line-height:36px;position:relative;display:block;}
.float_box ul li span{color:var(--fontColor);font-size:12px;line-height:20px;}
.float_box ul li .tel_box{align-items:center;display:none;border-radius:10px 0 0 10px; position:absolute;right:78px;top:0;padding:20px 16px 16px 16px;font-size:14px;background:#fff;line-height:28px;width:242px;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(--bgColor);position:absolute;top:0;left:0;}
.float_box ul li .tel_box i{font-size:42px;color:#d3d3d3;margin-right:10px;}
.float_box ul li .tel_box span{font-size:24px;line-height:28px;text-align:left;color:#333;}
.float_box ul li .tel_box span em{display:block;color:#aaa;font-size:14px;}
.float_box ul li .qq_box{border-radius:5px;position:absolute;right:78px;top:0;display:none;background:#fff;padding:10px 12px;box-shadow:0 3px 8px rgba(0,0,0,0.15);}
.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(--bgColor);border-radius:30px;}
.float_box ul li .qq_box a:hover{background:var(--bgHoverColor);}
.float_box ul li .qq_box a:first-child{margin-top:0;}
.float_box ul li .wcode_box{width:268px;border-radius:5px;position:absolute;right:78px;top:0;display:none;flex-wrap:wrap;background:#fff;padding:10px 5px;box-shadow:0 3px 8px rgba(0,0,0,0.15);}
.float_box ul li .wcode_box .code_item{width:80px;margin:0 3px 5px 3px;text-align:center;background:#f1f1f1;padding:5px 5px 0 5px;border-radius:5px;transition:all 0.2s linear 0s;}
.float_box ul li .wcode_box .code_item img{max-width:100%;}
.float_box ul li .wcode_box .code_item span{font-size:12px;color:#333;display:block;line-height:24px;}
.float_box ul li .wcode_box .code_item:hover{background:#ddd;}
.float_box ul li .code_box{padding:10px;background:#469ff3;border-radius:3px;position:absolute;right:78px;top:0;display:none;}
.float_box ul li .code_box img{width:100px;}
.float_box ul li .code_box span{line-height:18px;color:#fff;}
.float_box ul li#fqq: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;}
.float_box ul li#wcode:hover .wcode_box{display:flex;}

/*index*/
.index_banner_box{position:relative;}
#banner-swiper .swiper-wrapper .img_btn{display:block;height:51.5vw;max-height:100vh;}
.index_banner_box .swiper-button-next,.index_banner_box .swiper-button-prev{width:56px;height:56px;background:rgba(0,0,0,0.35);border-radius:50%;text-align:center;line-height:56px;transition:all 0.2s linear 0s;z-index:20;}
.index_banner_box .swiper-button-next:after,.index_banner_box .swiper-button-prev:after{color:#fff;font-size:20px;}
.index_banner_box .swiper-button-next{right:50px;}
.index_banner_box .swiper-button-prev{left:50px;}
.index_banner_box .swiper-button-next:hover,#banner-swiper .swiper-button-prev:hover{background:rgba(0,0,0,0.8)}
.index_banner_box .category_box{position:absolute;bottom:0;left:0;width:100%;height:100px;z-index:10;}
.index_banner_box .category_box:after{content:"";width:100%;background:rgba(62,72,77,0.2);height:100%;position:absolute;bottom:0;left:0;z-index:1;}
.index_banner_box .category_box .container{display:flex;flex-wrap: wrap;height:100%;}
.index_banner_box .category_box a{z-index:2;flex:1;display:flex;align-items:center;justify-content:center;height:100%;font-size:22px;color:#fff;position:relative;}
.index_banner_box .category_box a:before{content:"";width:1px;height:80px;background:rgba(255,255,255,0.5);position:absolute;top:50%;transform: translateY(-50%);left:0;}
.index_banner_box .category_box a:after{content:"";width:0;height:0;background:rgba(0,0,0,0.1);position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);transition:all 0.2s linear 0s;}
.index_banner_box .category_box a:first-child:before{width:0;}
.index_banner_box .category_box a i{margin-right:10px;}
.index_banner_box .category_box a:nth-child(1) i:before{
    content:"\e833";font-size:32px;color:#fff;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.index_banner_box .category_box a:nth-child(2) i:before{
    content:"\ede2";font-size:32px;color:#fff;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.index_banner_box .category_box a:nth-child(3) i:before{
    content:"\ede3";font-size:32px;color:#fff;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.index_banner_box .category_box a:nth-child(4) i:before{
    content:"\eb95";font-size:32px;color:#fff;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.index_banner_box .category_box a:nth-child(5) i:before{
    content:"\eddd";font-size:32px;color:#fff;
    font-family: "iconfont" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.index_banner_box .category_box a:hover::after{width:100%;height:100%;}

.index_about_box{background:url("../images/index_about_bg.jpg") no-repeat center;background-size:cover;padding-top:110px;padding-bottom:175px;}
.index_about_box .index_title{position:relative;}
.index_about_box .index_title h1{font-size:30px;color:#222222;line-height:40px;font-weight:bold;z-index:2;position:relative;}
.index_about_box .index_title h2{font-size:114px;position:absolute;left:0;bottom:20px;font-weight:bold;color:#b7cce4; z-index:1;line-height:80px;font-family:calibri;}
.index_about_box .brief_text{font-size:16px;color:#222222;line-height:36px;margin:30px 0 40px 0;width:700px;}
.index_about_box .more_btn{width:150px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:30px;background:linear-gradient(to bottom,#3b98eb,#015cad);font-size:16px;color:#fff;}
.index_about_box .more_btn i{font-size:20px;margin-left:10px;}
.index_about_box .more_btn:hover{background:linear-gradient(to top,#3b98eb,#015cad);}
.index_about_box .more_btn:active{position:relative;top:2px;}
.index_num{margin-top:55px;display:flex;align-items:center;flex-wrap: wrap;}
.index_num .num_list{width:285px;height:140px;display:flex;justify-content:center;align-items:center;box-shadow:0 5px 24px rgba(0,0,0,0.1);border-radius:10px;margin-right:50px;background:#fff;}
.index_num .num_list > i{ font-size:50px;line-height:70px;color:Var(--fontColor);margin-right:20px;}
.index_num .num_list .num{display:flex;align-items: flex-start}
.index_num .num_list .num .timer{font-size:40px;color:var(--fontColor);line-height:40px;font-weight:bold;}
.index_num .num_list .num .unitText{font-size:32px;color:var(--fontColor);line-height:20px;font-weight:bold;}
.index_num .num_list .text{font-size:16px;color:#333333;line-height:20px;font-weight:bold;margin-top:10px;}


.index_product_box{padding:80px 0 70px 0;background:#f7f7f7;}
.index_product_box .index_title{position:relative;text-align:center;padding-top:32px;}
.index_product_box .index_title h1{font-size:30px;color:#222222;line-height:40px;font-weight:bold;z-index:2;position:relative;}
.index_product_box .index_title h2{font-size:83px;position:absolute;left:50%;transform:translateX(-50%);top:0;font-weight:bold;color:#ececec;z-index:1;line-height:58px;font-family:calibri;}
.index_product_box .index_title .brief_text{font-size:14px;color:#666666;line-height:30px;}
.index_product_box ul{display:flex;flex-wrap: wrap;margin-top:42px;}
.index_product_box ul li{background:#fff;padding:0 12px;margin-right:25px;width:calc((100% - 100px)/5);height:320px;border-radius:10px;box-shadow:0 8px 18px rgba(0,0,0,0.1);transition:all 0.2s linear 0s;}
.index_product_box ul li:nth-child(5n){margin-right:0;}
.index_product_box ul li .img_btn{display:flex;align-items:center;justify-content:center;height:218px;}
.index_product_box ul li .img_btn img{max-width:100%;max-height:100%;}
.index_product_box ul li .name_btn{display:block;line-height:30px;font-size:20px;color:#222222;font-weight:bold;margin-bottom:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_product_box ul li span{display:block;line-height:28px;font-size:16px;color:#222222;}
.index_product_box ul li span em{color:#666666}
.index_product_box ul li:hover{transform: translateY(-5px);box-shadow:0 8px 18px rgba(0,0,0,0.2);}
.index_product_box ul li:hover .name_btn{color:Var(--fontColor)}
.index_product_box .more_btn{margin:50px auto 0 auto;width:150px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:30px;background:linear-gradient(to bottom,#3b98eb,#015cad);font-size:16px;color:#fff;}
.index_product_box .more_btn i{font-size:20px;margin-left:10px;}
.index_product_box .more_btn:hover{background:linear-gradient(to top,#3b98eb,#015cad);}
.index_product_box .more_btn:active{position:relative;top:2px;}
.index_news_box{background:url("../images/index_news_bg.png") no-repeat left center;padding:75px 0 100px 0;}
.index_news_box .index_title{position:relative;padding-top:32px;display:flex;justify-content:space-between;align-items:flex-start;}
.index_news_box .index_title h1{font-size:30px;color:#222222;line-height:40px;font-weight:bold;z-index:2;position:relative;}
.index_news_box .index_title h2{font-size:83px;position:absolute;left:0;top:0;font-weight:bold;color:#ececec;z-index:1;line-height:58px;font-family:calibri;}
.index_news_box .index_title .brief_text{font-size:14px;color:#666666;line-height:30px;}
.index_news_box .index_title .nav{display:flex;align-items:center;}
.index_news_box .index_title .nav li{margin-left:50px;}
.index_news_box .index_title .nav li a{width:120px;height:40px;padding:0;border-radius:5px;background:#eeeeee;font-size:16px;color:#333333;text-align:center;line-height:40px;}
.index_news_box .index_title .nav li a:hover{background:Var(--bgColor);color:#fff;}
.index_news_box .index_title .nav li.active a{background:Var(--bgColor);color:#fff;font-weight:bold;}
.index_news_box .news_box{margin-top:20px;display:flex;align-items:center;}
.index_news_box .news_box ul{width:calc(100% - 193px);background:#fff;}
.index_news_box .news_box ul li{border-top:1px solid #eeeeee;display:flex;align-items:center;transition:all 0.2s linear 0s;}
.index_news_box .news_box ul li:first-child{border-top:0;}
.index_news_box .news_box ul li .time{padding-left:30px;width:245px;font-size:16px;color:#333333;line-height:60px;transition:all 0.2s linear 0s;}
.index_news_box .news_box ul li .name_btn{width:calc(100% - 245px - 60px);font-size:16px;color:#333333;line-height:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index_news_box .news_box ul li .icon_btn{width:60px;color:#a5a5a5;line-height:60px;text-align:center;}
.index_news_box .news_box ul li:hover{background:#eeeeee}
.index_news_box .news_box ul li:hover .time{color:var(--fontColor)}
.index_news_box .news_box ul li:hover .name_btn{color:var(--fontColor)}
.index_news_box .news_box ul li:hover .icon_btn{color:var(--fontColor)}
.index_news_box .news_box .more_btn{width:148px;height:50px;text-align:center;line-height:48px;border-radius:30px;font-size:18px;color:#333;border:1px solid var(--bgColor);margin-left:45px;}
.index_news_box .news_box .more_btn:hover{background:Var(--bgColor);color:#fff;}
.index_news_box .news_box .more_btn:active{position:relative;top:2px;}

/*面包屑*/
.page_map{margin:16px 0 44px 0;display:flex;flex-wrap: wrap;color:#666666;line-height:26px;font-size:14px;align-items:center;}
.page_map > i{color:Var(--fontColor);margin-right:5px;}
.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;width:100%;}
.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:28px;border-radius:5px;color:#999;}
.kj-page .pagination > li > a:hover,.kj-page .pagination > li > span:hover{background:var(--bgColor);color:#fff;border:0;}
.kj-page .pagination > li.active > a{background:var(--bgColor);color:#fff;border:0;}


/*产品列表*/
.product_container{display:flex;align-items:flex-start;flex-wrap: wrap;}
.product_container .product_left{width:310px;margin-right:20px;background:#fff;border-left:6px solid var(--bgColor)}
.product_container .product_left .title{background:url("../images/product_nav_bg.png") no-repeat;background-size:cover;height:145px;display:flex;flex-direction:column;justify-content:center;padding-left:30px;}
.product_container .product_left .title h1{line-height:42px;color:#fff;font-size:28px;}
.product_container .product_left .title h2{line-height:30px;color:#fff;font-size:16px;}
.product_container .product_left ul{padding:35px 15px 35px 30px;}
.product_container .product_left ul li{border-bottom:1px solid #dddddd;}
.product_container .product_left ul li:last-child{border-bottom:0;}
.product_container .product_left ul li .fat_btn{font-weight:bold;display:flex;align-items:center;justify-content:space-between;height:50px;font-size:18px;color:#333333;}
.product_container .product_left ul li .fat_btn i{color:#999999;display:inline-block;transition:all 0.2s linear 0s;}
.product_container .product_left ul li .fat_btn:hover{color:Var(--fontColor)}
.product_container .product_left ul li .fat_btn:hover i{color:Var(--fontColor)}
.product_container .product_left ul li .fat_btn[aria-expanded="true"]{color:Var(--fontColor)}
.product_container .product_left ul li .fat_btn[aria-expanded="true"] i{color:Var(--fontColor);transform: rotate(180deg)}
.product_container .product_left ul li .fat_btn.active{color:Var(--fontColor)}
.product_container .product_left ul li .fat_btn.active i{color:Var(--fontColor);}
.product_container .product_left .child_btn{border-top:1px solid #ddd;padding:15px 0;}
.product_container .product_left .child_btn a{display:flex;align-items:center;justify-content:space-between;height:40px;font-size:16px;color:#666666;}
.product_container .product_left .child_btn a i{color:#999;font-weight:bold;transition:all 0.2s linear 0s;}
.product_container .product_left .child_btn a:hover{color:Var(--fontColor)}
.product_container .product_left .child_btn a:hover i{color:Var(--fontColor)}
.product_container .product_left .child_btn a.active{color:Var(--fontColor)}
.product_container .product_left .child_btn a.active i{color:Var(--fontColor)}
.product_container .product_right{width:calc(100% - 330px);}
.product_list_ul3{display:flex;flex-wrap: wrap;}
.product_list_ul3 li{background:#fff;padding:0 10px;overflow:hidden;margin-right:10px;margin-bottom:10px;width:calc((100% - 30px)/4);transition:all 0.2s linear 0s;border-radius:10px;height:310px;box-shadow:0 0 7px rgba(0,0,0,0.1);}
.product_list_ul3 li:nth-child(4n){margin-right:0;}
.product_list_ul3 li .img_btn{display:flex;height:227px;align-items:center;justify-content:center;border-bottom:1px solid #dddddd;padding:10px 0;}
.product_list_ul3 li .img_btn img{max-width:100%;max-height:100%;}
.product_list_ul3 li .name_btn{margin-top:10px;font-size:18px;color:#333333;line-height:30px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;word-break:break-word;font-weight:bold;}
.product_list_ul3 li span{font-size:16px;color:#333333;line-height:32px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;word-break:break-word;}
.product_list_ul3 li:hover .name_btn{color:var(--fontColor);text-decoration:underline;}
.product_list_ul3 li:hover{transform: translateY(-5px);box-shadow:0 3px 16px rgba(0,0,0,0.3);}

/*产品详情*/
.product_info_details{display:flex;flex-wrap: wrap;background:#fff;padding:26px;border-radius:10px;}
.product_info_details .image_box{width:360px;height:360px;margin-right:20px;border:1px solid #ddd;}
.product_info_details .image_box img{max-width:100%;max-height:100%;}
.product_info_details .right_box{width:calc(100% - 380px);}
.product_info_details .right_box .pro_title{font-size:22px;color:#333333;font-weight:bold;line-height:30px;margin-bottom:10px;}
.product_info_details .right_box .info_box .list{line-height:24px;color:#333333;font-size:16px;padding:6px 0;}
.product_info_details .right_box .info_box .list label{font-weight:normal;color:#666666;}
.product_info_details .right_box .inquiry_btn{display:block;width:120px;text-align:center;line-height:40px;background:var(--bgColor);border-radius:5px;font-size:16px;color:#fff;font-weight:bold;margin-top:17px;}
.product_info_details .right_box .inquiry_btn:hover{background:Var(--bgHoverColor);}
.product_info_details .right_box .inquiry_btn:active{position:relative;top:2px;}
.product_info_details .kj-table{border:1px solid #eee;border-bottom:0;width:100%;margin-top:20px;}
.product_info_details .kj-table table{margin:0;}
.product_info_details .kj-table table thead tr th{height:46px;line-height:46px;text-align:center;background:#f0f8ee;font-size:16px;padding-top:0;padding-bottom:0;border:0;}
.product_info_details .kj-table table tbody tr td{text-align:center;border-top:0;border-bottom:1px solid #eee;font-size:16px;color:#222222;line-height:32px;vertical-align:middle;transition:all 0.2s linear 0s;}
.product_info_details .kj-table table tbody tr:hover td{background:#f9f9f9;}
.pro_slide_box{margin-top:20px;}
.pro_slide_box .pro_desc_title{width:147px;height:36px;line-height:36px;font-size:16px;font-weight:bold;color:#fff;background:Var(--bgColor);border-radius:10px 10px 0 0;text-align:center;}
.pro_slide_box .activeBox{font-size:16px;color:#333;line-height:30px;margin-top:20px;}
.pro_slide_box .activeBox img{max-width:100%;max-height:100%;}
.pro_slide_box .table-responsive{background:#fff;padding:15px;}
.pro_slide_box table tbody tr th{border:0;border-bottom:1px solid #ddd;border-right:1px solid #ddd;width:120px;vertical-align:middle;padding-left:15px;}
.pro_slide_box table tbody tr td{border:0;border-bottom:1px solid #ddd;padding-left:36px;vertical-align:middle;}
.product_relevant{margin-top:75px;}
.product_relevant h1{background:#c6d8e8;text-align:center;border-radius:10px 10px 0 0;line-height:50px;color:Var(--fontColor);font-size:16px;font-weight:bold;}
.product_relevant .swiper-button-next,.product_relevant .swiper-button-prev{color:#fff;transition:all 0.2s linear 0s;width:17px;height:56px;background:#e4e4e4;}
.product_relevant .swiper-button-next:hover,.product_relevant .swiper-button-prev:hover{background:var(--bgColor);}
.product_relevant .swiper-button-next:after, .product_relevant .swiper-button-prev:after{font-size:20px;}
.product_relevant .swiper-button-prev{left:-17px;}
.product_relevant .swiper-button-next{right:-17px;}
.product_relevant .swiper-container{padding-top:20px;}
.product_relevant .swiper-slide{background:#fff;padding:0 10px;overflow:hidden;transition:all 0.2s linear 0s;border-radius:10px;height:310px;}
.product_relevant .swiper-slide .img_btn{display:flex;height:227px;align-items:center;justify-content:center;border-bottom:1px solid #dddddd;padding:10px 0;}
.product_relevant .swiper-slide .img_btn img{max-width:100%;max-height:100%;}
.product_relevant .swiper-slide .name_btn{margin-top:10px;font-size:18px;color:#333333;line-height:30px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;word-break:break-word;font-weight:bold;}
.product_relevant .swiper-slide span{font-size:16px;color:#333333;line-height:32px;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:1;overflow: hidden;word-break:break-word;}
.product_relevant .swiper-slide:hover .name_btn{color:var(--fontColor);text-decoration:underline;}
.product_relevant .swiper-slide:hover{transform: translateY(-5px);}

/*文章页*/
.page_banner{height:26vw;}
.page_banner .container{height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;}
.page_banner h1{color:var(--fontColor);font-size:40px;font-weight:bold;line-height:50px;}
.page_banner h2{color:var(--fontColor);font-size:38px;line-height:42px;}
.article_box .article_title{font-size:26px;color:#222222;line-height:30px;text-align:center;font-weight:bold;margin-bottom:68px;}
.about_list{display:flex;align-items: flex-start;flex-wrap: wrap;}
.about_list .text_info{width:calc(100% - 630px);padding-right:55px;font-size:20px;color:#222222;line-height:35px;padding-top:24px;}
.about_list .img_box{width:630px;}
.about_list .img_box img{max-width:100%;}
.about_culture{display:flex;align-items: center;flex-wrap: wrap;margin-top:130px;}
.about_culture .img_box{width:725px;}
.about_culture .img_box img{max-width:100%;}
.about_culture .text_info{width:calc(100% - 725px);padding-left:37px;}
.about_culture .text_info h1{font-weight:bold;font-size:30px;color:#222222;line-height:50px;margin-bottom:10px;}
.about_culture .text_info .item_list{display:flex;align-items:center;line-height:40px;}
.about_culture .text_info .item_list i{border-radius:50%;border:2px solid var(--bgColor);margin-right:5px;width:12px;height:12px;}
.about_culture .text_info .item_list span{font-size:16px;color:#333333;}

/*新闻列表*/
.product_nav{display:flex;justify-content:flex-end;margin-bottom:30px;}
.product_nav a{margin-left:50px;width:120px;height:40px;padding:0;border-radius:5px;background:#eeeeee;font-size:16px;color:#333333;text-align:center;line-height:40px;}
.product_nav a:hover{background:Var(--bgColor);color:#fff;}
.product_nav a.active{background:Var(--bgColor);color:#fff;font-weight:bold;}


.news_list li{margin-bottom:30px;display:flex;flex-wrap: wrap;transition:all 0.2s linear 0s;width:100%;}
.news_list li .left_info{border-bottom:1px solid #eee;margin-right:40px;width:calc(100% - 380px);padding-top:20px;align-items: flex-start;}
.news_list li .time{width:200px;padding-left:20px;display:flex;align-items:center;margin-top:17px;}
.news_list li .time b{color:Var(--fontColor);line-height:62px;font-size:45px;font-weight:bold;}
.news_list li .time b:after{content:"/";}
.news_list li .time em{font-size:18px;line-height:20px;color:Var(--fontColor);margin-left:5px;}
.news_list li .base_info{width:calc(100% - 200px);}
.news_list li .title_btn{font-weight:bold;display:block;font-size:20px;color:#333333;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;line-height:28px;}
.news_list li .brief_text{font-size:16px;color:#666666;line-height:30px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;margin-top:14px;}
.news_list li .img_btn{width:340px;height:200px;border-radius:20px;overflow:hidden;}
.news_list li .img_btn img{width:100%;height:100%;object-fit:cover}
.news_list li:hover .title_btn{color:Var(--fontColor);text-decoration:underline;}
.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 .title{text-align:center;line-height:90px;font-size:40px;color:#333333;font-weight:bold;}
.contact_us_box .contact_info{display:flex;}
.contact_us_box .contact_info .item{margin-right:60px;padding:0 0 65px 0;display:flex;flex-direction:column;align-items:center;flex:1;}
.contact_us_box .contact_info .item:nth-child(3){margin-right:0;}
.contact_us_box .contact_info .item i{background:#fff;width:90px;height:90px;border-radius:50%;box-shadow:0 0 10px rgba(0,0,0,0.3);text-align:center;line-height:90px;font-size:40px;color:var(--fontColor);margin-bottom:22px;transition:all 0.2s linear 0s;}
.contact_us_box .contact_info .item b{font-size:18px;color:#333333;line-height:30px;}
.contact_us_box .contact_info .item span{font-size:18px;color:#333333;line-height:32px;text-align:center;}
.contact_us_box .contact_info .item a{font-size:18px;color:#333333;line-height:32px;}
.contact_us_box .contact_info .item a:hover{color:var(--fontColor);}
.contact_us_box .contact_info .item:hover i{background:var(--bgColor);color:#fff;}
.map_box{width:100%;background:#eee;}
.map_box img{max-width:100%;}

/*加入我们*/
.join_job{margin-top:20px;}
.join_job .header_title{width:100%;height:64px;background:var(--bgColor);display:flex;align-items:center;}
.join_job .header_title span{font-size:18px;color:#ffffff;}
.join_job .name{width:20%;text-align:center;}
.join_job .num{width:10%;text-align:center;}
.join_job .record{width:30%;text-align:center;}
.join_job .experience{width:15%;text-align:center;}
.join_job .address{width:20%;text-align:center;}
.join_job .job_list{margin-bottom:10px;}
.join_job .job_info{display:flex;background:#eaeaea;height:58px;align-items:center;width:100%;transition:all 0.2s linear 0s;}
.join_job .job_info span{font-size:18px;color:#333333;}
.join_job .job_info .opt a i{font-size:20px;display:inline-block;transition:all 0.2s linear 0s;font-weight:bold;color:#333;}
.join_job .job_info .opt a[aria-expanded="true"] i{transform: rotate(180deg);}
.join_job .job_info .opt a:hover i{color:var(--fontColor);}
.join_job .job_details{padding:30px 45px;font-size:16px;color:#333333;line-height:32px;background:#fff;}
.join_job .job_info:hover{background:#e0e0e0;}
.canvars {
  position: relative;
}
.canvars #particles {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 10;
}