@media(min-width:1470px){
    .container{width:1470px;}
}
body{
    background:#f4f5f9;
    --bgColor: #0f90fe;
    --bgHoverColor: #086abe;
    --fontColor: #0f90fe;
    --fontHoverColor: #086abe;
}
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('../font/iconfont.woff2') format('woff2'),
    url('../font/iconfont.woff') format('woff'),
    url('../font/iconfont.ttf') 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;}




.header_logo_search{width:100%;z-index:100;position:fixed;top:0;left:0;border-bottom:1px solid rgba(255,255,255,0.3);}
.header_logo_search .container{display:flex;align-items:center;height:90px;}
.header_logo_search .container:before,.header_logo_search .container:after{display:none;}
.header_logo_search .logo_btn{width:385px;position:relative;height:100%;}
.header_logo_search .logo_btn img{max-width:100%;max-height:68px;position:absolute;top:50%;transform: translateY(-50%);left:0;}
.header_logo_search .logo_btn .scrollLogo{opacity:0;}
.header_logo_search .search_box{position:relative;width:60px;z-index:300;}
.header_logo_search .search_btn{width:100%;position:relative;text-align:right;display:block;}
.header_logo_search .search_btn i{color:#fff;font-size:22px;transition:all 0.2s linear 0s;display:inline-block;cursor:pointer;}
.header_logo_search .search_btn:before{content:"";width:1px;height:18px;background:rgba(255,255,255,0.6);position:absolute;left:0;top:50%;transform: translateY(-50%);}
.header_logo_search .search_btn:hover i{transform: scale(1.2)}
.header_logo_search .search_container{position:absolute;top:calc(100% + 15px);right:-20px;background:#ffff;border-radius:10px;width:400px;display:none;box-shadow:0 5px 6px rgba(0,0,0,0.2);}
.header_logo_search .search_container:before{
    content:"";position:absolute;top:-8px;right:20px;
    border-left:8px solid transparent;
    border-right:8px solid transparent;
    border-bottom:8px solid var(--bgColor);
}
.header_logo_search .search_container .title{width:100%;height:38px;display:flex;justify-content:space-between;line-height:38px;padding:0 10px;background:var(--bgColor);font-size:15px;color:#fff;border-radius:10px 10px 0 0;}
.header_logo_search .search_container .title a{color:#fff;font-weight:bold;transition:all 0.2s linear 0s;}
.header_logo_search .search_container .title a:hover{transform:rotate(90deg);}
.header_logo_search .search_form{display:flex;padding:10px;overflow:hidden;}
.header_logo_search .search_form input{border-radius:5px 0 0 5px;border:1px solid #ccc;border-right:0;display:inline-block;flex:1;height:34px;line-height:34px;margin:0;font-size:14px;color:#333;padding:6px 12px;}
.header_logo_search .search_form input::-webkit-input-placeholder{color:#999999;} 
.header_logo_search .search_form input::-moz-placeholder{color:#999999;} 
.header_logo_search .search_form input:-moz-placeholder{color:#999999;} 
.header_logo_search .search_form input:-ms-input-placeholder{color:#999999;}
.header_logo_search .search_form button{border-radius:0 5px 5px 0;border:0;background:var(--bgColor);padding:0;display:inline-block;height:34px;width:60px;text-align:center;line-height:34px;transition:all 0.2s linear 0s;color:#fff;}
.header_logo_search .search_form button i{font-size:20px;}
.header_logo_search .search_form button:hover{background:var(--bgHoverColor);}


.kj-navbar{margin-bottom:0;border:0;border-radius:0;z-index:200;min-height:90px;}
.kj-navbar .navbar-header{display:none;}
.kj-navbar .navbar-collapse{padding:0;}
.kj-navbar .navbar-nav{width:100%;}
.kj-navbar .navbar-nav >li >a{font-size:16px;color:#fff;padding:0;margin:0 26px;height:90px;line-height:90px;position:relative;}
.kj-navbar .navbar-nav >li >a:before{content:"";width:0;height:4px;background:var(--bgColor);position:absolute;bottom:0;left:0;transition:all 0.2s linear 0s;}
.kj-navbar .navbar-nav >li:first-child >a{margin-left:0;}
.kj-navbar .navbar-nav >li:hover >a{background:none}
.kj-navbar .navbar-nav >li:hover >a:before{width:100%;}
.kj-navbar .navbar-nav >li >a:focus{background:none}
.kj-navbar .navbar-nav >li.active > a{background:none;}
.kj-navbar .navbar-nav >li.active > a:before{width:100%;}
.header_logo_search_scroll{background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.header_logo_search_scroll .kj-navbar .navbar-nav >li >a{color:#333;}
.header_logo_search_scroll .search_btn i{color:#333;}
.header_logo_search_scroll .search_btn:before{background:#dedede;}
.header_logo_search_scroll .logo_btn .scrollLogo{opacity:1;}


.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;}


.footer_box{background:#00234b;margin-top:100px;padding-top:82px;padding-bottom:50px;}
.footer_box .title{font-size:18px;color:#fff;line-height:70px;font-weight:bold;}
.footer_box .container{display:flex;flex-wrap:wrap;justify-content:space-between;}
.footer_box .container:before,.footer_box .container:after{display:none;}
.footer_box .contact_us{width:465px;padding-right:100px;}
.footer_box .contact_us .footer_logo{display:block;height:77px;margin-bottom:22px;}
.footer_box .contact_us .footer_logo img{max-height:100%;max-width:100%;}
.footer_box .contact_us .item{display:flex;align-items: flex-start;}
.footer_box .contact_us .item i{width:30px;color:#91a0b2;line-height:32px;}
.footer_box .contact_us .item span{flex:1;font-size:15px;color:#91a0b2;line-height:32px;}
.footer_box .contact_us .item span a{color:#91a0b2;}
.footer_box .contact_us .item span a:hover{color:#fff;text-decoration:underline;}
.footer_box .footer_nav{display:flex;justify-content:space-between;margin-right:125px;flex:1;}
.footer_box .footer_nav li a{display:block;font-size:15px;color:#91a0b2;line-height:32px;}
.footer_box .footer_nav li a:hover{color:#fff;}
.footer_box .code_img{width:120px;text-align:center;}
.footer_box .code_img img{max-width:100%;margin-top:4px;}
.footer_copyright{padding:23px 0;background:#032042;}
.footer_copyright .container{display:flex;flex-wrap:wrap;justify-content:center;}
.footer_copyright .brief_text{font-size:15px;color:#91a0b2;line-height:24px;margin:0 10px;}
.footer_copyright .brief_text a{color:#91a0b2;}
.footer_copyright .brief_text a:hover{text-decoration:underline;color:#fff;}


.float_box{position:fixed;right:-130px;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{margin-bottom:4px;position:relative;width:170px;background: var(--bgColor);vertical-align:bottom;transition:all 0.2s linear 0s;cursor:pointer;display:flex;align-items:flex-start;}
.float_box ul li i{font-size:20px;color:#fff;display:block;width:40px;line-height:40px;transition:all 0.2s linear 0s;text-align:center;}
.float_box ul li .text_box{font-size:14px;color:#ffffff;width:calc(100% - 40px);line-height:40px;}
.float_box ul li .text_box a{color:#ffffff;}
.float_box ul li .text_box a:hover{text-decoration:underline;}
.float_box ul li .code_box{width:calc(100% - 40px);text-align:center;margin-left:-20px;}
.float_box ul li .code_box span{display:block;font-size:14px;color:#ffffff;line-height:40px;text-align:left;margin-left:20px;}
.float_box ul li .code_box img{width:100%;margin:4px 0 15px 0;display:none;}
.float_box ul li:hover{background:var(--bgHoverColor);}
.float_box:hover{right:0;}
.float_box:hover ul li .code_box img{display:block;}
.phone_top{display: none;position: fixed;bottom: 60px;right: 10px;z-index: 1000;width: 40px;height: 40px;background: var(--bgColor);border-radius: 50%;text-align: center;line-height: 40px;}
.phone_top i {color: #fff;font-size: 20px;}


.index_banner_box{position:relative;background:url("../image/banner.jpg") no-repeat center;background-size:cover;}
#banner-swiper .swiper-wrapper .img_btn {display:block;width:100%;height:47vw;}
#banner-swiper .swiper-button-next,#banner-swiper .swiper-button-prev{width:42px;height:42px;border-radius:50%;text-align:center;line-height:42px;background:rgba(255,255,255,0.3);transition:all 0.2s linear 0s;}
#banner-swiper .swiper-button-next:after,#banner-swiper .swiper-button-prev:after{color:#fff;font-weight:bold;font-size:16px;transition:all 0.2s linear 0s;}
#banner-swiper .swiper-button-next:hover,#banner-swiper .swiper-button-prev:hover{background:#fff;}
#banner-swiper .swiper-button-next:hover:after,#banner-swiper .swiper-button-prev:hover:after{color:var(--fontColor);}
#banner-swiper .swiper-button-next{right:45px;}
#banner-swiper .swiper-button-prev{left:45px;}
.index_banner_box .container{z-index:10;position:absolute;top:50%;left:50%;transform:translateX(-50%);display:flex;flex-direction: column;align-items:center;justify-content:center;}
.index_banner_box .container:after,.index_banner_box .container:before{display:none;}
.index_banner_box h1{color:#fff;font-size:56px;line-height:90px;text-align:center;padding-top:13%;}
.index_banner_box .cata_btn{display:flex;width:100%;margin-top:62px;}
.index_banner_box .cata_btn a{color:#fff;width:25%;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.index_banner_box .cata_btn a i{font-size:72px;line-height:100px;}
.index_banner_box .cata_btn a em{font-size:18px;line-height:44px;font-weight:bold;}
.index_banner_box .cata_btn a:before{content:"";width:1px;height:100px;background:rgba(255,255,255,0.8);position:absolute;left:0;top:50%;transform:translateY(-50%);}
.index_banner_box .cata_btn a:first-child:before{width:0;}
.index_banner_box .cata_btn a:hover{background:rgba(255,255,255,0.1);}
.index_about{background:url("../image/index_about_bg.jpg") no-repeat center;background-size:cover;padding:140px 0 135px 0;}
.index_about .container{display:flex;flex-wrap: wrap;justify-content: space-between;}
.index_about .container:before,.index_about .container:after{display:none;}
.index_about .right_img{width:710px;}
.index_about .right_img img{max-width:100%;}
.index_about .left_article{flex:1;padding-right:95px;}
.index_about .left_article h2{font-size:24px;color:#999999;font-weight:bold;line-height:30px;}
.index_about .left_article h1{font-size:32px;color:#333333;font-weight:bold;line-height:42px;}
.index_about .left_article .title{font-size:22px;color:#333333;line-height:46px;margin-top:22px;}
.index_about .left_article .article_box{font-size:15px;color:#666666;line-height:32px;margin:2px 0 45px 0;}
.index_about .left_article .more_btn{display:flex;width:132px;height:45px;border:1px solid #bcbcbc;align-items:center;border-radius:30px;justify-content:center;font-size:14px;color:var(--fontColor);}
.index_about .left_article .more_btn i{margin-right:3px;font-size:20px;}
.index_about .left_article .more_btn:hover{background:var(--bgColor);border-color:var(--bgColor);color:#fff;}
.index_about .left_article .more_btn:active{position:relative;top:2px;}
.index_product{background:url("../image/index_product_bg.jpg") no-repeat;background-size:cover;padding:90px 0 140px 0;}
.index_product .title_box{text-align:center;margin-bottom:50px;}
.index_product .title_box h2{line-height:34px;font-size:24px;color:#999999;font-weight:bold;}
.index_product .title_box h1{line-height:50px;font-size:32px;color:#000000;font-weight:bold;}
.index_product .product_cate{display:flex;flex-wrap: wrap;}
.index_product .product_cate .item_list{margin-right:30px;width:calc((100% - 60px)/3);height:560px;background:#fff;position:relative;overflow:hidden;}
.index_product .product_cate .item_list:before{content:"";width:100%;height:100%;background:rgba(7,59,144,0.7);position:absolute;top:0;left:0;z-index:15;opacity:0;transition:all 0.2s linear 0s;}
.index_product .product_cate .item_list:nth-child(3n){margin-right:0;}
.index_product .product_cate .bg{width:100%;height:100%;position:absolute;left:0;bottom:-170px;z-index:1;transition:all 0.2s linear 0s;}
.index_product .product_cate .item_list .title_btn{height:170px;padding:0 30px;display:flex;justify-content:center;font-size:26px;color:#333333;line-height:40px;flex-direction:column;position:relative;z-index:20;}
.index_product .product_cate .item_list .title_btn em{display:block;font-size:20px;color:#333333;line-height:38px;position:relative;}
.index_product .product_cate .item_list .title_btn em:before{content:"";width:15px;height:3px;background:var(--bgColor);position:absolute;left:0;top:-8px;}
.index_product .product_cate .item_list .btn_box{margin:8px 25px 0 25px;position:relative;z-index:20;opacity:0;}
.index_product .product_cate .item_list .btn_box a{display:block;border-bottom:1px solid rgba(255,255,255,0.5);height:65px;line-height:65px;padding:0 30px;font-size:16px;color:#ffffff;}
.index_product .product_cate .item_list .btn_box a:hover{padding-left:40px;}
.index_product .product_cate .item_list:hover:before{opacity:1;}
.index_product .product_cate .item_list:hover .bg{bottom:0;}
.index_product .product_cate .item_list:hover .title_btn{color:#fff;}
.index_product .product_cate .item_list:hover .title_btn em{color:#fff;}
.index_product .product_cate .item_list:hover .title_btn em:before{background:#fff;}
.index_product .product_cate .item_list:hover .btn_box{opacity:1;}
.index_service{background:url("../image/index_service_bg.jpg") no-repeat center;background-size:cover;padding:130px 0 142px 0;}
.index_service .container{display:flex;align-items:center;justify-content:space-between;}
.index_service .container:before,.index_service .container:after{display:none;}
.index_service .left_introduce{width:350px;margin-right:140px;}
.index_service .left_introduce h2{font-size:24px;color:#999999;font-weight:bold;line-height:36px;}
.index_service .left_introduce h1{font-size:32px;color:#000000;font-weight:bold;line-height:46px;}
.index_service .left_introduce .brief_text{font-size:17px;color:#666666;line-height:34px;margin-top:18px;}
.index_service ul{flex:1;display:flex;justify-content: space-between;}
.index_service ul li{text-align:center;max-width:260px;}
.index_service ul li:first-child{margin-left:0;}
.index_service ul li .img_box{display:flex;align-items:center;justify-content:center;height:110px;margin-bottom:35px;}
.index_service ul li img{max-width:100%;}
.index_service ul li h1{font-size:20px;color:#333333;line-height:34px;}
.index_service ul li span{font-size:14px;color:#666666;line-height:20px;display:block;margin:5px 0 35px 0;height:40px;overflow:hidden;}
.index_service ul li a{display:block;width:100px;height:38px;border:1px solid var(--bgColor);text-align:center;line-height:36px;font-size:14px;color:#333333;margin:0 auto;}
.index_service ul li a:hover{background:var(--bgColor);color:#fff;}
.index_service ul li a:active{position:relative;top:2px;}
.index_news{background:url("../image/index_news_bg.png") no-repeat center;background-size:cover;padding:90px 0;}
.index_news .title_box{text-align:center;margin-bottom:40px;}
.index_news .title_box h2{line-height:34px;font-size:24px;color:#999999;font-weight:bold;}
.index_news .title_box h1{line-height:50px;font-size:32px;color:#000000;font-weight:bold;}
.index_news .swiper-container{padding-bottom:65px;padding-top:10px;}
.index_news .swiper-pagination{bottom:0;}
.index_news .swiper-pagination .swiper-pagination-bullet{width:10px;height:10px;background:#e2e2e2;opacity:1;margin:0 10px;}
.index_news .swiper-pagination .swiper-pagination-bullet-active{background:var(--bgColor);}
.index_news .swiper-slide{height:460px;background:#fff;position:relative;transition:all 0.2s linear 0s;}
.index_news .swiper-slide .img_btn{width:100%;height:240px;display:block;}
.index_news .swiper-slide .time{width:90px;height:90px;background:rgba(15,144,254,0.8);border-radius:50%;position:absolute;top:20px;right:25px;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.index_news .swiper-slide .time b{font-size:30px;color:#fff;line-height:35px;}
.index_news .swiper-slide .time span{font-size:15px;color:#fff;}
.index_news .swiper-slide .title_btn{margin-top:30px;padding:0 30px;font-size:18px;color:#333333;line-height:32px;height:64px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;display:flex;}
.index_news .swiper-slide .brief_text{margin-top:10px;padding:0 30px;font-size:14px;color:#666666;line-height:26px;display: -webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;display:flex;max-height:78px;}
.index_news .swiper-slide .brief_text:after{}
.index_news .swiper-slide:hover{transform:translateY(-5px);background:#f9f9f9;}
.index_news .swiper-slide:hover .title_btn{color:var(--fontColor);text-decoration:underline;}


.page_map{color:#333333;line-height:26px;display:flex;align-items:center;font-size:16px;margin-top:12px;margin-bottom:28px;}
.page_map i{color:var(--fontColor);margin-right:10px;margin-bottom:2px;font-size:20px;}
.page_map .breadcrumb{background:none;padding:0;margin:0;display:inline-block;}
.page_map .breadcrumb a{color:#333333;}
.page_map .breadcrumb a:hover{text-decoration:underline;}
.page_map .breadcrumb > li + li:before{color:#333333;}
.page_map .breadcrumb .active{color:#999999;}
.page_map .breadcrumb .active span{color:#999999;}
.page_nav{display:flex;justify-content: center;align-items:center;}
.page_nav h1{font-size:34px;color:#333333;font-weight:bold;}
.page_nav .btn_box{display:flex;flex-wrap: wrap;justify-content: flex-end;}
.page_nav .btn_box a{border:1px solid #eceff6;border-radius:30px;background:#fff;padding:0 30px;font-size:18px;color:#333333;font-weight:bold;line-height:44px;margin-left:20px;}
.page_nav .btn_box a:hover{background:var(--bgColor);color:#fff;border-color:var(--bgColor);}
.page_nav .btn_box a.active{background:var(--bgColor);color:#fff;border-color:var(--bgColor);}
.page_nav .btn_box a:active{position:relative;top:2px;}


.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(--bgColor);color:#fff;border-color:var(--bgColor);}
.kj-page .pagination > li.active > a{background:var(--bgColor);color:#fff;border-color:var(--bgColor);}


.page_banner{width:100%;height:20vw;}
.page_banner .container{display:flex;flex-direction:column;justify-content:center;height:100%}
.page_banner h1{color:var(--fontColor);font-size:42px;font-weight:bold;line-height:60px;}
.page_banner h3{color:#333333;font-size:22px;line-height:48px;}


.product_container{display:flex;flex-wrap: wrap;align-items: flex-start;}
.product_container .product_left{width:270px;margin-right:20px;}
.product_container .product_left ul li{margin-bottom:8px;}
.product_container .product_left ul li .fat_btn{display:flex;justify-content: space-between;height:50px;background:#d6ebfc;padding:0 10px 0 15px;align-items:center;font-size:16px;color:#333333;font-weight:bold;}
.product_container .product_left ul li .fat_btn i{color:var(--fontColor);font-size:20px;display:inline-block;transition:all 0.2s linear 0s;}
.product_container .product_left ul li .fat_btn[aria-expanded="true"] i{transform: rotate(90deg);}
.product_container .product_left ul li .fat_btn:hover{background:var(--bgColor);color:#fff;}
.product_container .product_left ul li .fat_btn:hover i{color:#fff;}
.product_container .product_left ul li .fat_btn.active{background:var(--bgColor);color:#fff;}
.product_container .product_left ul li .fat_btn.active i{color:#fff;}
.product_container .product_left ul li .fat_btn.active[aria-expanded="false"] i{transform: rotate(0deg);}
.product_container .product_left ul li .child_btn{background:#fff;padding:17px 0 20px 0;}
.product_container .product_left ul li .child_btn a{margin:0 15px;display:flex;justify-content: space-between;align-items:center;height:46px;border-top:1px solid #e6e6e6;font-size:14px;color:#333333;}
.product_container .product_left ul li .child_btn a:first-child{border-top:0;}
.product_container .product_left ul li .child_btn a i{color:#cccccc;}
.product_container .product_left ul li .child_btn a:hover{color:var(--fontColor);padding-left:5px;}
.product_container .product_left ul li .child_btn a:hover i{color:var(--fontColor);}
.product_container .product_left ul li .child_btn a.active{color:var(--fontColor);font-weight:bold;}
.product_container .product_left ul li .child_btn a.active i{color:var(--fontColor);}
.product_container .product_right{width:calc(100% - 290px);}
.product_container .product_list{display:flex;flex-wrap: wrap;}
.product_container .product_list li{padding:20px;background:#fff;height:312px;transition:all 0.2s linear 0s;overflow:hidden;margin-right:20px;margin-bottom:20px;width:calc((100% - 60px)/4);border:1px solid #eceff6;}
.product_container .product_list li:nth-child(4n){margin-right:0;}
.product_container .product_list li .img_btn{border-bottom:1px solid #eee;display:flex;justify-content:center;align-items:center;height:192px;transition: all 480ms ease 0s;}
.product_container .product_list li .img_btn img{max-width:100%;max-height:100%;transform: scale(1,1);transition-duration: 400ms;transition-timing-function: ease-out;}
.product_container .product_list li .num_btn{margin-top:15px;display:block;font-size:15px;color:#333333;font-weight:bold;line-height:28px;}
.product_container .product_list li .name_btn{font-size:15px;color:#333333;line-height:28px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;display:block;}
.product_container .product_list li em{font-weight:bold;margin-top:3px;display:block;color:#e20000;}
.product_container .product_list li:hover{box-shadow:0 0 10px rgba(0,0,0,0.2);transform: translateY(-5px);}
.product_container .product_list li:hover .num_btn{color:var(--fontColor);}
.product_container .product_list li:hover .name_btn{color:var(--fontColor);}


.product_info_details{display:flex;flex-wrap: wrap;border:1px solid #eceff6;background:#fff;margin-bottom:15px;padding:25px;}


.product_info_details .left_box{width:400px;margin-right:45px;}
.product_info_details .left_box .img_box{width:100%;display:flex;align-items:center;justify-content:center;}
.product_info_details .image_box .box{width:100%;}
.product_info_details .image_box .tb-booth{position:relative;z-index:1;width:100%;}
.product_info_details .image_box .tb-pic a{display:flex;justify-content:center;align-items:center;height:300px;width:100%;}
.product_info_details .image_box .tb-pic a img{vertical-align:middle;max-width:100%;max-height:100%;}
.product_info_details .image_box .tb-thumb{margin:12px 0 0;overflow:hidden;}
.product_info_details .image_box .tb-thumb li{background:#dddddd;float:left;height:50px;width:50px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.product_info_details .image_box .tb-s40, .tb-s40 a{height:48px;width:48px;}
.product_info_details .image_box .tb-s40, .tb-s40 a img{height:48px;width:48px;}
.product_info_details .image_box .tb-thumb .tb-selected{background:#e83241;}
.product_info_details .image_box .tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.product_info_details .image_box .tb-thumb div a{height:48px;}
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("../image/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}



.product_info_details .right_box{width:calc(100% - 445px);}
.product_info_details .right_box .pro_title{font-size:24px;color:#333333;line-height:32px;margin-top:22px;}
.product_info_details .right_box .base_info{margin-top:12px;margin-bottom:12px;}
.product_info_details .right_box .base_info .list{display:inline-flex;align-items: flex-start;width:100%;padding:6px 0;}
.product_info_details .right_box .base_info .list label{width:80px;line-height:24px;font-weight:normal;font-size:14px;color:#999999;}
.product_info_details .right_box .base_info .list span{width:calc(100% - 80px);line-height:24px;font-size:14px;color:#333333;word-break: break-word;}
.product_info_details .right_box .footer_btn{display:flex;flex-wrap: wrap;margin-top:25px;}
.product_info_details .right_box .footer_btn a{margin-bottom:10px;width:208px;height:50px;display:flex;align-items:center;justify-content:center;margin-right:12px;font-size:16px;border:1px solid var(--bgColor);color:var(--fontColor);font-weight:bold;}
.product_info_details .right_box .footer_btn a:first-child{background:var(--bgColor);color:#fff;}
.product_info_details .right_box .footer_btn a:hover{background:var(--bgColor);color:#fff;}
.product_info_details .right_box .footer_btn a:first-child:hover{background:var(--bgHoverColor);border-color:var(--bgHoverColor)}
.product_info_details .right_box .footer_btn a:active{position:relative;top:2px;}
.pro_slide_box{border:1px solid #eceff6;border-top:0;margin-top:15px;background:#fff;padding:0 25px 35px 25px;}
.pro_slide_box .title{border-bottom:1px solid #eaeaea;}
.pro_slide_box .nav{border-bottom:1px solid #eaeaea;display:flex;margin-bottom:22px;}
.pro_slide_box .nav li a{color:#333;font-weight:bold;line-height:72px;font-size:24px;cursor:pointer;}
.pro_slide_box .nav li a:hover{background:none;color:var(--fontColor);}
.pro_slide_box .nav li a:focus{background:none;color:var(--fontColor);}
.pro_slide_box .nav li.active a{background:none;color:var(--fontColor);}
.pro_slide_box .article_box{font-size:14px;color:#333333;line-height:28px;}
.pro_slide_box .article_box img{width:auto !important;height:auto !important;max-width:100%;max-height:100%;}
.product_related{margin-top:40px;background:none;padding:0;position:relative;}
.product_related h1{color:var(--fontColor);font-size:24px;margin-bottom:10px;margin-top:50px;font-weight:bold;line-height:36px;}
.product_related .swiper-container{padding-top:10px;}
.product_related .swiper-button-next{right:-50px;margin-top:15px;}
.product_related .swiper-button-prev{left:-50px;margin-top:15px;}
.product_related .swiper-slide{padding:20px;background:#fff;height:312px;transition:all 0.2s linear 0s;border:1px solid #eceff6;}
.product_related .swiper-slide .img_btn{border-bottom:1px solid #eee;display:flex;justify-content:center;align-items:center;height:192px;transition: all 480ms ease 0s;}
.product_related .swiper-slide .img_btn img{max-width:100%;max-height:100%;transform: scale(1,1);transition-duration: 400ms;transition-timing-function: ease-out;}
.product_related .swiper-slide .num_btn{margin-top:15px;display:block;font-size:15px;color:#333333;font-weight:bold;line-height:28px;}
.product_related .swiper-slide .name_btn{font-size:15px;color:#333333;line-height:28px;overflow:hidden;text-overflow: ellipsis;white-space:nowrap;display:block;}
.product_related .swiper-slide:hover{transform: translateY(-5px);}
.product_related .swiper-slide:hover .num_btn{color:var(--fontColor);}
.product_related .swiper-slide:hover .name_btn{color:var(--fontColor);}
.propackprice{width:100%;text-align:center;}
.propackprice tr th{text-align:center;border-bottom:2px solid var(--bgColor);line-height:32px;font-size:15px;}
.propackprice tr td{line-height:38px;border-bottom:1px solid #eee;}
.propackprice tr td b{color:#e20000;}


.service_list_box{display:flex;flex-wrap: wrap;margin-top:50px}
.service_list_box li{background:#fff;border:1px solid #eceff6;margin-right:35px;width:calc((100% - 35px)/2);margin-bottom:35px;height:234px;display:flex;padding:20px 18px;align-items:center;transition:all 0.2s linear 0s;}
.service_list_box li:nth-child(2n){margin-right:0;}
.service_list_box li .img_btn{width:264px;height:190px;margin-right:30px;}
.service_list_box li .right_box{width:calc(100% - 294px);}
.service_list_box li .right_box .name_btn{display:block;font-size:20px;color:#333333;font-weight:bold;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.service_list_box li .right_box .brief_text{font-size:14px;color:#666666;line-height:30px;margin:10px 0 20px 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.service_list_box li .right_box .more_btn{font-size:14px;color:#666666;line-height:30px;display:flex;align-items:center;height:24px;}
.service_list_box li .right_box .more_btn i{font-size:20px;color:var(--fontColor);margin-right:5px;}
.service_list_box li:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2);transform: translateY(-5px);}
.service_list_box li:hover .right_box .name_btn{color:var(--fontColor);}
.service_list_box li:hover .right_box .more_btn{color:var(--fontColor);}


.page_article{margin-top:30px;font-size:15px;line-height:30px;}
.page_article img{max-width:100%;max-height:100%;}
.contact_us_box ul{display:flex;flex-wrap: wrap;justify-content: space-between;margin:52px 0 32px 0;}
.contact_us_box ul li{width:260px;}
.contact_us_box ul li i{margin:0 auto;display:block;width:90px;height:90px;border-radius:50%;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.2);text-align:center;line-height:90px;font-size:40px;color:var(--fontColor);transition:all 0.2s linear 0s;}
.contact_us_box ul li h1{text-align:center;font-size:18px;color:#333333;font-weight:bold;line-height:34px;margin-top:20px;}
.contact_us_box ul li span{display:block;text-align:center;font-size:16px;color:#333333;line-height:26px;}
.contact_us_box ul li a{display:block;text-align:center;font-size:16px;color:#333333;line-height:26px;}
.contact_us_box ul li a:hover{color:Var(--fontColor);text-decoration:underline;}
.contact_us_box ul li:hover i{background:var(--bgColor);color:#fff;}
.map_box{background:#f1f1f1;width:100%;height:372px;}


.news_list_box .news_list{display:flex;flex-wrap: wrap;margin-top:50px;}
.news_list_box .news_list li{height:460px;background:#fff;position:relative;transition:all 0.2s linear 0s;margin-right:35px;margin-bottom:35px;width:calc((100% - 70px)/3);}
.news_list_box .news_list li:nth-child(3n){margin-right:0;}
.news_list_box .news_list li .img_btn{width:100%;height:240px;display:block;}
.news_list_box .news_list li .time{width:90px;height:90px;background:rgba(15,144,254,0.8);border-radius:50%;position:absolute;top:20px;right:25px;display:flex;justify-content:center;align-items:center;flex-direction:column;}
.news_list_box .news_list li .time b{font-size:30px;color:#fff;line-height:35px;}
.news_list_box .news_list li .time span{font-size:15px;color:#fff;}
.news_list_box .news_list li .title_btn{margin-top:30px;padding:0 30px;font-size:18px;color:#333333;line-height:32px;height:64px;display: -webkit-box; display: -ms-flexbox;display: flex;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_list_box .news_list li .brief_text{margin-top:10px;padding:0 30px;font-size:14px;color:#666666;line-height:26px;max-height:78px;display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;}
.news_list_box .news_list li:hover{transform:translateY(-5px);background:#f9f9f9;}
.news_list_box .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:40px;}
.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:var(--bgColor);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;}

li.li-procata > ul { position: absolute; background-color: #fff;padding: 5px 0;padding-left: 0;top: 100%;min-width: 112.5px;width: 100%;border: 1px solid #ececec;border-top: 0;z-index: 1001;border-radius: 0 0 10px 10px;box-shadow: 0 6px 12px rgb(0 0 0 / 5%);justify-content: center;padding: 20px 40px;width: auto;left:50%;transform:translateX(-50%);}
li.li-procata > ul > li {width: 200px;border-right: 1px solid #f5f1f1;}
li.li-procata > ul > li:last-child {border-right: none;}
li.li-procata > ul ul {display: block;position: initial;margin: 0;width: 100%;padding: 0;border: none;box-shadow: none;box-shadow: none;}
li.li-procata > ul a {display: block;text-decoration: none;line-height: 35px;font-size: 15px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;transition: all 0.3s;color: #333333;background-color: transparent !important;padding-top: 0;padding-bottom: 0;}
li.li-procata > ul > li > a {font-size: 15px;font-weight: 700;color: #0f90fe !important;background-color: transparent !important;overflow:initial;}
li.li-procata > ul a span {display: none;}
li.li-procata > ul ul a:hover {color: #0f90fe;}
li.li-procata:hover > ul {display: flex}
.open > .dropdown-menu{display: flex;}
.fat_btn.active a,.fat_btn:hover a{color:#fff;}
.product_container .product_left ul li .fat_btn i[aria-expanded="true"] {transform: rotate(90deg);}