@media(min-width:1230px){ .container{width:1230px;} } i,em{font-style:normal} .disN{display:none;} .disB{display:block;} a{transition:all 0.2s linear 0s;} img{vertical-align:bottom;} 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-color: #fff; border-color:#fef3f3; color:#333333 !important; } @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;} /*header*/ /*顶部基本信息展示*/ .header_top_baseInfo{width:100%;height:40px;line-height:40px;background:#666666;} .header_top_baseInfo span{font-size:14px;color:#c0c0c0} .header_top_baseInfo .btn_box{text-align:right;} .header_top_baseInfo .btn_box .user_btn{display:inline-block;} .header_top_baseInfo .btn_box .user_btn a::before{ content:'';display:inline-block;width:1px;height:12px;background:#bebebe;margin-right:8px;vertical-align:middle; } .header_top_baseInfo .btn_box .user_btn a:first-child::before{width:0;margin-right:0;} .header_top_baseInfo .btn_box .user_btn a.simple_btn{margin-left:4px;} .header_top_baseInfo .btn_box a.simple_btn{display:inline-block;font-size:14px;color:#c0c0c0;margin-left:20px;} .header_top_baseInfo .btn_box a.simple_btn i{color:#c0c0c0;font-size:14px;margin-right:5px;} .header_top_baseInfo .btn_box a.simple_btn:hover{color:#fff;} /*logo及导航栏*/ .header_logo_nav{background:#fff;position:relative;} .header_logo_nav .box{display:flex;justify-content: space-between;align-items:center;padding-top:8px;width:100%;} .header_logo_nav .box .logo_btn{width:320px;} .header_logo_nav .box .logo_btn img{max-width:100%;} .header_logo_nav .box .nav_box{margin:0 80px;flex:1;} .header_logo_nav .box .nav_box >ul{display:flex;width:100%;} .header_logo_nav .box .nav_box ul li .father_btn{display:inline-block;padding:0 25px;font-size:18px;color:#333333;border-right:1px solid #cfcfcf;height:20px;line-height:20px;} .header_logo_nav .box .nav_box >ul> li:first-child >.father_btn{border-left:1px solid #cfcfcf;} .header_logo_nav .box .nav_box ul li .father_btn:hover{color:#4798ea;} .header_logo_nav .box .nav_box .submenubox{border-top:1px solid #d2d2d2;position:absolute;top:82px;left:0;background:#fff;width:100%;z-index:100;padding:10px 0;box-shadow:0 0 5px rgba(0,0,0,0.3) inset;display:none;} .header_logo_nav .box .nav_box .submenubox .container{display:flex;justify-content: space-between;} .header_logo_nav .box .nav_box .submenubox .container:before , .header_logo_nav .box .nav_box .submenubox .container:after{display:none;} .header_logo_nav .box .nav_box .submenubox .catalog_box{/*margin-right:90px;*/flex:1;width:200px;} .header_logo_nav .box .nav_box .submenubox .catalog_box:last-child{ margin-right:0px; } .header_logo_nav .box .nav_box .submenubox .catalog_box .title { font-size: 18px; color: #333333; line-height: 28px; margin: 8px 0; display: block; } .header_logo_nav .box .nav_box .submenubox .catalog_box ul{margin-bottom:8px;} .header_logo_nav .box .nav_box .submenubox .catalog_box ul li{display:block;} .header_logo_nav .box .nav_box .submenubox .catalog_box ul li a{display:block;line-height:24px;font-size:15px;color:#4798ea;} .header_logo_nav .box .nav_box .submenubox .image_box{width:550px;display:inline-flex;align-items:flex-end;} .header_logo_nav .box .nav_box .submenubox .image_box img{max-width:100%;} .header_logo_nav .box .nav_box .submenubox a:hover{text-decoration:underline;} .header_logo_nav .box .tel_box{display:flex;align-items:center;flex:0 0 220px;padding-top:20px;} .header_logo_nav .box .tel_box i{font-size:38px;color:#3b5885;margin-right:8px;} .header_logo_nav .box .tel_box .tel b{display:block;font-size:24px;color:#4798ea;line-height:28px;font-weight:normal;} .header_logo_nav .box .tel_box .tel span{display:block;font-size:14px;color:#b3b3b3;line-height:20px;text-align:center;} .header_logo_nav .box .tel_fixed_box{position:relative;height:48px;display:none;} .header_logo_nav .box .tel_fixed_box .tel_bg{background:url("../images/tel_bg.png")no-repeat center;width:140px;height:65px;display:flex;align-items:center;flex-direction: column;position:absolute;top:0;right:0;z-index:200;} .header_logo_nav .box .tel_fixed_box .tel_bg b{font-size:14px;color:#fff;margin-top:5px;} .header_logo_nav .box .tel_fixed_box .tel_bg span{font-size:13px;color:#fff;} .header_logo_nav .box .tel_fixed_box .search_form{width:0;overflow:hidden;display:flex;align-items:center;margin-right:10px;} .header_logo_nav .box .tel_fixed_box .search_form input{width:150px;height:27px;border:1px solid #cfcfcf;border-right:0;padding-left:5px;border-radius:30px 0 0 30px;} .header_logo_nav .box .tel_fixed_box .search_form button{ width:50px;height:27px;text-align:center;line-height:25px;font-size:13px;color:#fff;border:0;transition:all 0.2s linear 0s; background:#ee7624;border-radius:0 30px 30px 0; } .header_logo_nav .box .tel_fixed_box .searchIcon{cursor:pointer;display:inline-block;width:32px;height:32px;text-align:center;border:2px solid #ee7624;border-radius:50%;line-height:28px;color:#ee7624;margin-right:140px;margin-top:7px;font-size:14px;transition:all 0.2s linear 0s;} .header_logo_nav .box .tel_fixed_box .searchIcon:hover{background:#ee7624;color:#fff;} .header_nav_fixed{position:fixed;top:0;left:0;width:100%;z-index:1000;box-shadow:0 0 10px rgba(0,0,0,0.3);} .header_nav_fixed .box{padding-top:0;} .header_nav_fixed .box .logo_btn{width:230px;} .header_nav_fixed .box .nav_box{margin:0 0 0 30px;} .header_nav_fixed .box .tel_box{display:none;} .header_nav_fixed .box .nav_box .submenubox{top:48px;} .header_nav_fixed .box .tel_fixed_box{display:flex;} /*搜索*/ .search_box{padding-bottom:30px;box-shadow:0 0 10px rgba(0,0,0,0.3);} /*.search_box .container{display:flex;justify-content:center;}*/ .search_box .search_form{border:1px solid #bfbfbf;width:494px;height:35px;display:flex;align-items:center;padding:3px;margin-left:400px;} .search_box .search_form i{width:37px;border-right:1px solid #cfcfcf;text-align:center;color:#999999;height:18px;line-height:18px;} .search_box .search_form input{flex:1;height:27px;border:0;padding:0 12px;} .search_box .search_form button{ width:110px;height:27px;text-align:center;line-height:25px;font-size:13px;color:#fff;font-weight:bold;border:0;transition:all 0.2s linear 0s; background:-webkit-gradient(linear, left top, left bottom, from(#2d8a78),to(#089597) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2d8a78',endColorstr='#089597' ); background:linear-gradient(to bottom, #2d8a78, #089597); background:#2d8a78\9; } .search_box .search_form button:hover{ background:-webkit-gradient(linear, left top, left bottom, from(#089597),to(#2d8a78) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#089597',endColorstr='#2d8a78' ); background:linear-gradient(to bottom, #089597, #2d8a78); background:#089597\9; } /*手机端搜索*/ .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 #e30f19;padding:0 10px;margin:0;border-radius:3px 0 0 3px;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:#e30f19;border-radius:0 3px 3px 0;font-size:16px;color:#fff;float:left;} /*footer*/ .footer_box{background:url("../images/footer_bg.jpg") no-repeat center;background-size:cover;padding-top:140px;} .footer_box .container{display:flex;} .footer_box .title{font-size:22px;color:#fff;font-weight:bold;line-height:28px;margin-bottom:25px;} .footer_box .promise_box{flex:0 0 320px;} .footer_box .promise_box .item{width:100%;margin-bottom:15px;display:flex;} .footer_box .promise_box .item i{ width:40px;height:40px;border-radius:50%;text-align:center;line-height:40px;font-size:18px;box-shadow:0 0 5px rgba(0,0,0,0.5);color:#fff;margin-right:10px; background:-webkit-gradient(linear, left top, left bottom, from(#fc936a),to(#e0513e) ); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fc936a',endColorstr='#e0513e' ); background:linear-gradient(to bottom, #fc936a, #e0513e); background:#fc936a\9; } .footer_box .promise_box .item .info h6{font-size:16px;color:#ffffff;font-weight:bold;line-height:20px;margin-bottom:5px;} .footer_box .promise_box .item .info span{display:block;font-size:15px;color:#fff;} .footer_box .footer_nav{flex:0 0 350px;} .footer_box .footer_nav ul{display:flex;flex-wrap: wrap;width:100%;} .footer_box .footer_nav ul li{margin-bottom:20px;margin-right:80px;} .footer_box .footer_nav ul li .title{font-size:16px;line-height:20px;margin-bottom:5px;} .footer_box .footer_nav ul li a{display:block;font-size:15px;color:#fff;line-height:26px;} .footer_box .footer_nav ul li a:hover{text-decoration:underline;} .footer_box .tel_box{margin-right:140px;} .footer_box .tel_box span{display:block;font-size:15px;color:#fff;line-height:26px;} .footer_box .code_box .code_img{width:105px;margin-bottom:12px;} .footer_box .code_box .code_img img{width:100%;padding:5px;background:#fff;} .footer_box .code_box .code_img span{display:block;line-height:30px;font-size:14px;color:#fff;text-align:center;} .footer_copyright{background:#1163b6;line-height:26px;margin-top:20px;padding:12px 0;} .footer_copyright .links_box{margin-right:40px;display:flex;} .footer_copyright .links_box label{font-size:14px;color:#fff;font-weight:normal;} .footer_copyright .links_box a{font-size:14px;color:#fff;margin-right:8px;} .footer_copyright span{display:inline-block;font-size:14px;color:#fff;} .footer_copyright span a{font-size:14px;color:#fff;} .footer_copyright a:hover{text-decoration:underline;} /*float*/ .float_box{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:1000;} .float_box ul{display:block;width:100%;} .float_box ul li{display:block;position:relative;width:52px;height:52px;background:#4798ea;text-align:center;vertical-align:bottom;margin-bottom:4px;transition:all 0.2s linear 0s;cursor:pointer;border-radius:3px;} .float_box ul li:last-child{margin-top:18px;} .float_box ul li:hover{background:#0d9393} .float_box ul li i{font-size:26px;color:#fff;display:block;line-height:52px;} .float_box ul li .qq_box{position:absolute;right:53px;top:0;display:none;border:1px solid #0d9393;background:#0d9393;padding:15px 12px;border-radius:3px;} .float_box ul li .qq_box a{font-size:13px;color:#fff;display:flex;align-items:center;width:125px;height:34px;justify-content:center;line-height:34px;transition:all 0.2s linear 0s;border:1px solid #b8bfbf;border-radius:30px;margin-top:10px;} .float_box ul li .qq_box a i{color:#0eecec;font-size:20px;margin-right:5px;} .float_box ul li .qq_box a:hover{color:#0d9393;background:#fff;border-color:#fff;} .float_box ul li .qq_box a:hover i{color:#0d9393;} .float_box ul li .qq_box a:first-child{margin-top:0;} .float_box ul li .tel_box{display:none;position:absolute;right:53px;height:52px;top:0;background:#0d9393;font-size:14px;color:#fff;line-height:52px;width:160px;text-align:left;border-radius:3px;font-weight:bold;} .float_box ul li .tel_box i{width:42px;font-size:20px;color:#0eecec;text-align:center;position:relative;margin-right:8px;} .float_box ul li .tel_box i:after{ content:'';width:1px;height:16px;background:#86c4c4;position:absolute;top:50%;right:0;transform: translateY(-50%); } .float_box ul li .code_box{padding:10px 10px 5px 10px;border:1px solid #0d9393;background:#0d9393;position:absolute;right:53px;top:0;display:none;border-radius:3px;} .float_box ul li .code_box img{width:100px;} .float_box ul li .code_box span{font-size:12px;color:#fff;display:block;line-height:24px;} .float_box ul li#kf:hover .qq_box{display:block;} .float_box ul li#tel:hover .tel_box{display:flex;} .float_box ul li#weixin:hover .code_box{display:block;} .float_box .kj-shopcart-count { position: absolute; top: 2px; right: 10px; width: 16px; height: 16px; border-radius: 50%; line-height: 16px; text-align: center; background-color: red; color: #fff; display: block !important; } /*浮动*/ .phone_footer_nav{position:fixed;bottom:0;left:0;width:100%;z-index:100;background:#fff;height:50px;display:none;} .phone_footer_nav:before { position: absolute; left: 0; top: 0; width: 100%; height: 1px; background: #d2d2d2; content: ""; -webkit-transform: scale(1,0.5); transform: scale(1,0.5); -webkit-transform-origin: center top; transform-origin: center top; } .phone_footer_nav a{float:left;display:inline-block;width:33.333333%;text-align:center;color:#000;font-size:12px;transform: scale(0.9);padding-top:7px;} .phone_footer_nav a i{width:20px;height:20px;display:block;margin:0 auto 3px auto;} .phone_footer_nav a:nth-child(1) i{background:url("../images/phone_menu.png") no-repeat 0 0;background-size:40px auto;} .phone_footer_nav a:nth-child(2) i{background:url("../images/phone_menu.png") no-repeat 0 -20px;background-size:40px auto;} .phone_footer_nav a:nth-child(3) i{background:url("../images/phone_menu.png") no-repeat 0 -40px;background-size:40px auto;} .phone_footer_nav a:nth-child(4) i{background:url("../images/phone_menu.png") no-repeat 0 -60px;background-size:40px auto;} .phone_footer_nav a.active{color:#4798ea;} .phone_footer_nav a.active:nth-child(1) i{background:url("../images/phone_menu.png") no-repeat -20px 0;background-size:40px auto;} .phone_footer_nav a.active:nth-child(2) i{background:url("../images/phone_menu.png") no-repeat -20px -20px;background-size:40px auto;} .phone_footer_nav a.active:nth-child(3) i{background:url("../images/phone_menu.png") no-repeat -20px -40px;background-size:40px auto;} .phone_footer_nav a.active:nth-child(4) i{background:url("../images/phone_menu.png") no-repeat -20px -60px;background-size:40px auto;} /*index*/ /*banner*/ #banner-swiper .swiper-wrapper .image_box { display: flex; justify-content: center; overflow: hidden; } #banner-swiper .swiper-wrapper .image_box img{display:block;margin:0;} #banner-swiper .swiper-pagination-bullets{bottom:0;display:flex;justify-content:center;align-items:center;} #banner-swiper .swiper-pagination-bullet{color:#fff;background:rgba(0,0,0,0.3);opacity:1;margin:0 10px;width:152px;height:36px;line-height:36px;transition:all 0.2s linear 0s;border-radius:0} #banner-swiper .swiper-pagination-bullet:hover{background:rgba(0,0,0,0.6);} #banner-swiper .swiper-pagination-bullet.swiper-pagination-bullet-active{background:rgba(0,0,0,0.6);opacity:1;} /*about*/ .index_about h1{font-size:34px;color:#003666;text-align:center;line-height:40px;padding:45px 0;letter-spacing:5px;} .index_about .about_content{display:flex;} .index_about .about_content .left_img{width:525px;margin-left:140px;} .index_about .about_content .right_btn{position:relative;flex:1;} .index_about .about_content .right_btn .item{display:flex;align-items:center;position:absolute} .index_about .about_content .right_btn .item i{margin-right:10px;width:68px;height:68px;border-radius:50%;text-align:center;line-height:68px;color:#fff;font-size:28px;} .index_about .about_content .right_btn .item i.blue{background:#92bce6;} .index_about .about_content .right_btn .item i.green{background:#8dd5a3;} .index_about .about_content .right_btn .item i.yellow{background:#facd7f;} .index_about .about_content .right_btn .item i.orange{background:#edb9a6;} .index_about .about_content .right_btn .item i.red{background:#ebacca;} .index_about .about_content .right_btn .item img{width:70px;margin-right:10px;} .index_about .about_content .right_btn .item span{display:block;font-size:13px;color:#333333;} .index_about .about_content .right_btn .item span em{display:block;font-size:24px;color:#003366;line-height:36px;} .index_about .about_content .right_btn .item:nth-child(1){top:15px;left:0;} .index_about .about_content .right_btn .item:nth-child(2){top:120px;left:67px;} .index_about .about_content .right_btn .item:nth-child(3){top:228px;left:120px;} .index_about .about_content .right_btn .item:nth-child(4){top:335px;left:67px;} .index_about .about_content .right_btn .item:nth-child(5){top:440px;left:0;} .index_about .about_content .right_btn .item:hover span{text-decoration:underline;} /*技术文章*/ .index_technology{width:100%;background:url("../images/index_service_bg.png") no-repeat center;background-size:cover;height:600px;padding-top:140px;} .index_technology .swiper-button-next,.index_technology .swiper-button-prev{color:#9a9a9a;transition:all 0.2s linear 0s;} .index_technology .swiper-button-next:hover,.index_technology .swiper-button-prev:hover{color:#4798ea;} .index_technology .swiper-button-next:after, .index_technology .swiper-button-prev:after{font-size:30px;font-weight:bold;} .index_technology .swiper-button-prev{left:-52px;} .index_technology .swiper-button-next{right:-52px;} .index_technology .swiper-slide{display:flex;justify-content:space-evenly;align-items:center;} .index_technology .swiper-slide .info_box{width:600px;} .index_technology .swiper-slide .info_box .title_btn{font-size:34px;color:#003666;width:100%;display:block;line-height:42px;} .index_technology .swiper-slide .info_box .title_btn:hover{color:#4798ea;} .index_technology .swiper-slide .info_box span{display:block;margin-top:18px;margin-bottom:40px;line-height:28px;font-size:18px;color:#666666;width:520px;max-height:84px;overflow:hidden;} .index_technology .swiper-slide .info_box .more_btn{display:block;width:205px;height:54px;text-align:center;line-height:54px;background:#ef9a2e;font-size:16px;color:#fff;margin:0 auto;} .index_technology .swiper-slide .info_box .more_btn:hover{background:#4798ea;} .index_technology .swiper-slide .info_box .more_btn:active{position:relative;top:2px;} .index_technology .swiper-slide .image_btn{width:365px;height:365px;display:flex;justify-content:center;align-items:center;} .index_technology .swiper-slide .image_btn img{max-width:100%;max-height:100%;} /*推荐*/ .index_news{position:relative;} .index_news h1{font-size:34px;color:#003666;text-align:center;line-height:40px;padding:65px 0 35px 0;letter-spacing:5px;} .wrap {position: relative;width: 1200px;height: 360px;} .wrap .content li {position: absolute;background-size: 100% 100%;cursor: pointer;} .wrap a {position: absolute;display: none;z-index: 2;top: 50%;width: 60px;height: 60px;line-height:60px;margin-top: -30px;text-align: center;text-decoration: none;color: #fff;background: #4798ea;transition: background 1s ease;border-radius: 8px} .wrap a i{font-size:25px;} .wrap a:hover {background: #2755ab;} .wrap .prev {left: 30px;} .wrap .next {right: 30px;} .phone_wrap{display:none;flex-wrap: wrap;} .phone_wrap a{width:calc((100% - 30px)/2);margin-right:30px;margin-bottom:30px;} .phone_wrap a:nth-child(2n){margin-right:0;} .phone_wrap a img{width:100%;} /*参考文献*/ .index_literature{margin-top:45px;} .index_literature h1{font-size:34px;color:#003666;text-align:center;line-height:40px;padding:45px 0;letter-spacing:5px;} .index_literature h1 a{font-size:34px;color:#003666;} .index_literature ul{display:flex;} .index_literature ul li{margin-right:30px;width:calc((100% - 120px)/4);position:relative;height:370px;} .index_literature ul li:nth-child(4n){margin-right:0;} .index_literature ul li .img_btn{display:flex;width:100%;height:100%;align-items:center;justify-content:center;background:#f2f5fa;} .index_literature ul li .img_btn img{max-width:100%;max-height:100%;} .index_literature ul li .bg{width:100%;height:120px;background:rgba(0,0,0,0.7);position:absolute;bottom:0;left:0;} .index_literature ul li .text_box{width:100%;height:120px;position:absolute;bottom:0;left:0;padding:0 10px;display:flex;justify-content:center;flex-direction: column;} .index_literature ul li .text_box span{display:block;width:100%;font-size:12px;color:#fff;line-height:16px;} .index_literature ul li .text_box a{display:block;width:100%;font-size:14px;color:#fff;line-height:20px;font-weight:bold;margin-top:5px;} .index_literature ul li .text_box a:hover{text-decoration:underline;} /*面包屑*/ .page_map{color:#666666;line-height:30px;} .page_map_all{display:flex;width:100%;justify-content:flex-end;} .page_map .breadcrumb{background:none;padding:0;margin:0;display:inline-block;} .page_map .breadcrumb a{color:#666;} .page_map .breadcrumb a:hover{text-decoration:underline;} .page_map .breadcrumb > li + li:before{color:#666666;} .page_map .breadcrumb .active{color:#666;} /*分页*/ .kj-page{text-align:center;} .kj-page .pagination{margin-top:40px;} .kj-page .pagination > li > a,.kj-page .pagination > li > span{color:#333;margin:3px;} .kj-page .pagination > li > a:hover,.kj-page .pagination > li > span:hover{background:#255aa8;color:#fff;border-color:#255aa8;} .kj-page .pagination > li.active > a{background:#255aa8;color:#fff;border-color:#255aa8;} .kj-page .pagination > li:first-child > a,.kj-page .pagination > li:first-child > span { margin-left:3px; border-top-left-radius: 0; border-bottom-left-radius: 0 } .kj-page .pagination > li:last-child > a,.kj-page .pagination > li:last-child > span { border-top-right-radius: 0; border-bottom-right-radius: 0 } /*内页*/ .page_content{margin-top:40px;margin-bottom:40px;display:flex;flex-wrap:wrap;} .page_left{width:260px;margin-right:30px;} .page_left h1{width:100%;font-size:26px;color:#333333;line-height:30px;margin-bottom:15px;text-align:center;} .page_left ul{display:block;width:100%;} .page_left ul li{display:block;margin-bottom:1px;} .page_left ul li .father_btn{display:flex;justify-content: space-between;align-items:center;width:100%;height:60px;line-height:60px;padding:0 20px;background:#e5e5e5;font-size:16px;color:#333333;} .page_left ul li .father_btn i{font-weight:bold;color:#fff;} .page_left ul li .father_btn:hover{background:#4798ea;color:#fff;} .page_left ul li.active .father_btn{background:#4798ea;color:#fff;} .page_left ul li .child_box{width:100%;display:none;overflow:hidden;} .page_left ul li .child_box > a{display:block;background:#f3f3f3;font-size:16px;line-height:40px;color:#787878;padding:0 20px;} .page_left ul li .child_box > a i{margin-right:8px;} .page_left ul li .child_box > a:hover{background:#4798ea;color:#fff;} .page_left ul li .child_box > a.active{background:#4798ea;color:#fff;} .page_left ul li .grandson_box{width:100%;display:none;overflow:hidden;} .page_left ul li .grandson_box > a{display:block;background:#f3f3f3;font-size:16px;line-height:40px;color:#787878;padding:0 20px 0 45px;} .page_left ul li .grandson_box > a i{margin-right:8px;} .page_left ul li .grandson_box > a:hover{background:#4798ea;color:#fff;} .page_left ul li .grandson_box > a.active{background:#4798ea;color:#fff;} .right_header{width:100%;line-height:30px;margin-bottom:15px;display:flex;justify-content:space-between;flex-wrap:wrap;} .right_header h1{font-size:26px;color:#003366;font-weight:bold;} /*news*/ .news_right{width:calc(100% - 290px);} .news_right .news_box .news_item{display:flex;border-bottom:1px solid #e0e0e0;padding:18px 0;} .news_right .news_box .news_item .img_btn{flex:0 0 170px;margin-right:15px;} .news_right .news_box .news_item .img_btn img{width:100%;} .news_right .news_box .news_item .news_info{flex:1;width:100%;overflow:hidden;} .news_right .news_box .news_item .news_info .name_btn{font-weight:bold;display:block;width:100%;font-size:18px;color:#003366;line-height:28px;height:28px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .news_right .news_box .news_item .news_info .name_btn:hover{text-decoration:underline;} .news_right .news_box .news_item .news_info span{display:block;width:100%;font-size:13px;color:#666666;line-height:20px;margin-top:5px;margin-bottom:8px;} .news_right .news_box .news_item .news_info span a{color:#ce221a;} .news_right .news_box .news_item .news_info span a:hover{text-decoration:underline;} .news_right .news_box .news_item .news_info .time{font-size:14px;color:#999999;} /*news info*/ .news_article_info{width:100%;} .news_article_info .news_title{font-size:28px;color:#003366;font-weight:bold;line-height:36px;text-align:center;margin-top:22px;} .news_article_info .news_time{text-align:center;font-size:14px;color:#999999;line-height:36px;padding-bottom:18px;border-bottom:1px solid #e0e0e0;} .news_article_info .news_article{font-size:15px;color:#666666;line-height:28px;width:100%;overflow:hidden;padding:30px 0;} .news_article_info .news_article img{max-width:100%;} .news_article_info .news_article .news_info_bg{display:block;margin:0 auto;} .news_article_info .kj-article-bottom span{display:block;line-height:32px;} .news_article_info .kj-article-bottom a{color:#333;} .news_article_info .kj-article-bottom a:hover{color:#4798ea;text-decoration:underline;} /*产品列表*/ .product_right{width:calc(100% - 290px);} .product_list_ul{display:block;width:100%;} .product_list_ul li{display:block;width:100%;border:1px solid #dddddd;vertical-align:bottom; margin-bottom:18px;} .product_list_ul li .stock_btn{display:flex;width:100%;height:18px;line-height:18px;background:#eff0f2;font-size:12px;color:#333333;justify-content:center;transition:all 0.2s linear 0s;} .product_list_ul li .stock_btn i{font-size:13px;color:#db0000;font-weight:bold;margin-right:5px;vertical-align:middle;margin-top:2px;transition:all 0.2s linear 0s;} .product_list_ul li .stock_btn.active{background:#ffe0b2;font-weight:bold;} .product_list_ul li .stock_btn.active i{transform:rotate(180deg);} .product_list_ul li .stock_btn:hover{background:#ffe0b2;} .product_list_ul li .pro_description{display:flex;flex-wrap: wrap;padding:15px 30px;} .product_list_ul li .pro_description .img_btn{width:150px;margin-right:50px;} .product_list_ul li .pro_description .img_btn img{width:100%;} .product_list_ul li .pro_description .right_info{width:calc(100% - 200px);} .product_list_ul li .pro_description .right_info .name_btn{margin-bottom:5px;display:block;font-size:18px;color:#3b5885;/*width:100%;*/height:28px;line-height:28px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;font-weight:bold;} .product_list_ul li .pro_description .right_info .basic_info{width:100%;} .product_list_ul li .pro_description .right_info .basic_info .basic_text{width:100%;font-size:13px;color:#666666;line-height:22px;max-height:110px;overflow:hidden;} .kj-table table{margin-bottom:0;} .kj-table table thead tr th{color:#fff;border-bottom:0;background:#4798ea;padding-top:0;padding-bottom:0;height:26px;line-height:26px;text-align:center;font-size:14px;} .kj-table table tbody tr td{font-size:14px;color:#333333;line-height:24px;text-align:center;vertical-align:middle;border-bottom:1px solid #ddd;} .kj-table table tbody tr td .oldPrice{text-decoration:line-through;} .kj-table table tbody tr td .newPrice{color:#e30f19;} .kj-pro-num-box{width:78px;height:20px;border:1px solid #648ac2;border-radius:2px;background:#f1f6fc;display:flex;align-items:center;margin:0 auto;} .kj-pro-num-box button{color:#2755ab;width:20px;padding:0;text-align:center;background:none;border:0;height:10px;line-height:10px;} .kj-pro-num-box input{font-size:12px;color:#2755ab;width:36px;padding:0;text-align:center;background:none;border:0;height:18px;line-height:18px;} .kj-pro-num-box button.kj-pro-num-minus{border-right:1px solid #3163ad;} .kj-pro-num-box button.kj-pro-num-plus{border-left:1px solid #3163ad;} .kj-table table tbody tr td .car_btn{color:#db0000;font-size:20px;} /*产品内容*/ .product_desc{width:100%;} .product_desc h1{font-size:28px;color:#003366;font-weight:bold;line-height:36px;margin-bottom:8px;} .product_desc .cats_btn{margin-bottom:15px;display:flex;align-items:center;} .product_desc .cats_btn a{display:inline-block;width:125px;height:26px;text-align:center;line-height:26px;background:#92bbe6;font-size:15px;color:#fff;border-radius:3px;margin-right:10px;} .product_desc .cats_btn a:hover{background:#3163ad;} .product_desc .product_base_info{display:flex;} .product_desc .product_base_info .pro_image_box{width:360px;height:270px;border:1px solid #dcdcdc;margin-right:50px;} .product_desc .product_base_info .pro_image_box .swiper-slide{display:flex;align-items:center;justify-content:center;height:280px;} .product_desc .product_base_info .pro_image_box .swiper-slide img{max-width:100%;max-height:100%;} .product_desc .product_base_info .pro_image_box .swiper-button-next{right:0;} .product_desc .product_base_info .pro_image_box .swiper-button-prev{left:0;} .product_desc .product_base_info .pro_image_box .swiper-button-next:after,.product_desc .product_base_info .pro_image_box .swiper-button-prev:after{font-size:16px;color:#999;font-weight:bold;transition:all 0.2s linear 0s;} .product_desc .product_base_info .pro_image_box .swiper-button-next:hover:after,.product_desc .product_base_info .pro_image_box .swiper-button-prev:hover:after{color:#3163ad;} .product_desc .product_base_info .pro_image_box .img_box{width:100%;height:100%;display:flex;align-items:center;justify-content:center;} .product_desc .product_base_info .pro_image_box .img_box img{max-width:100%;max-height:100%;} .product_desc .product_base_info .pro_info_box{flex:1;} .product_desc .product_base_info .pro_info_box .item{flex:1;display:flex;line-height:34px;margin-bottom:6px;font-size:16px;width:100%;overflow:hidden;} .product_desc .product_base_info .pro_info_box .item label{font-size:15px;color:#333333;font-weight:bold;} .product_desc .product_base_info .pro_info_box .item span{font-size:15px;color:#333333;} .product_desc .product_base_info .pro_info_box .downloadBtn{margin-top:8px;display:inline-flex;align-items:center;min-width:176px; padding-left:15px; padding-right:15px; justify-content:center;height:32px;line-height:32px;background:#0d9393;border-radius:3px;font-size:15px;color:#fff;font-weight:bold;} .product_desc .product_base_info .pro_info_box .downloadBtn i{font-size:20px;margin-right:5px;} .product_desc .product_base_info .pro_info_box .downloadBtn:hover{background:#4798ea;} .product_desc .product_base_info .pro_info_box .downloadBtn:active{position:relative;top:2px;} .page_des_box .kj-table{margin:30px 0 50px 0;} .page_des_box .pro_slide_box .nav{border-bottom:2px solid #dddddd;display:flex;} .page_des_box .pro_slide_box .nav li{margin-right:38px;} .page_des_box .pro_slide_box .nav li a{font-size:17px;color:#333;position:relative;} .page_des_box .pro_slide_box .nav li.active a{color:#4798ea;font-weight:bold;} .page_des_box .pro_slide_box .nav li.active a:after{ content:'';width:100%;height:2px;background:#4798ea;position:absolute;bottom:-2px;left:0; } .page_des_box .pro_slide_box .nav li:hover a{color:#4798ea;background:none;} .page_des_box .pro_slide_box .nav li a:focus{color:#4798ea;background:none;} .page_des_box .tab-pane{margin-top:30px;} .page_des_box .pro_slide_box .table-responsive table{border:1px solid #ddd;} .page_des_box .pro_slide_box .table-responsive table tr th{border-right:1px solid #d9d9d9;font-size:15px;color:#333;font-weight:normal;vertical-align:middle;padding-left:25px;} .page_des_box .pro_slide_box .table-responsive table tr:first-child th{border-top:0;} .page_des_box .pro_slide_box .table-responsive table tr:first-child td{border-top:0;} .page_des_box .pro_slide_box .table-responsive table tr td{padding:18px 30px;color:#333333;font-size:14px;line-height:26px;} .page_des_box .pro_slide_box .activeBox{font-size:14px;color:#333;line-height:26px;border:1px solid #ddd;padding:30px;} .page_des_box .pro_slide_box .activeBox img{max-width:100%;} .page_des_box .pro_slide_box .technology_data{display:inline-block;width:100%;} .page_des_box .pro_slide_box .technology_data li{display:inline-block;width:100%;vertical-align:bottom;margin-top:15px;line-height:18px;} .page_des_box .pro_slide_box .technology_data li:first-child{margin-top:0;} .page_des_box .pro_slide_box .technology_data li .time{float:right;font-size:14px;color:#999999;width:100px;text-align:right;} .page_des_box .pro_slide_box .technology_data li .title_btn{float:left;width:calc(100% - 100px);display:inline-block;font-size:14px;color:#333333;transition:all 0.2s linear 0s;height:18px;overflow:hidden;text-overflow: ellipsis;white-space: nowrap;} .page_des_box .pro_slide_box .technology_data li .title_btn::before{ content: '';display:inline-block;width:4px;height:4px;background:#4798ea;vertical-align:middle;margin-right:5px; } .page_des_box .pro_slide_box .technology_data li .title_btn:hover{color:#4798ea;text-decoration:underline;} /*筛选*/ .filter_box{width:100%;border:1px solid #cccccc;margin-bottom:20px;} .filter_box ul{display:block;padding:0 10px;width:100%;} .filter_box ul li{display:flex;border-top:1px dotted #ddd;padding:12px 0;} .filter_box ul li:first-child{border-top:0;} .filter_box ul li label{width:70px;font-size:14px;font-weight:normal;color:#999999;line-height:24px;} .filter_box ul li .filter_btn{width:calc(100% - 140px);display:flex;flex-wrap:wrap;height:24px;overflow:hidden;} .filter_box ul li .filter_btn a{padding:0 10px;height:24px;line-height:24px;border-radius:3px;font-size:13px;color:#333;margin-right:5px;} .filter_box ul li .filter_btn a:hover{color:#e30f19;} .filter_box ul li .filter_btn a.active{background:#e30f19;color:#fff;} .filter_box ul li .viewmore{width:70px;text-align:right;color:#e30f19;line-height:24px;} /*相关产品*/ .product_relevant{margin-bottom:50px;margin-top:35px;width:100%;} .product_relevant h1{font-size:20px;color:#333333;line-height:28px;margin-bottom:30px;font-weight:bold;} .product_relevant h1 b{color:#4798ea;} .product_relevant .swiper-button-next,.product_relevant .swiper-button-prev{color:#9a9a9a;transition:all 0.2s linear 0s;} .product_relevant .swiper-button-next:hover,.product_relevant .swiper-button-prev:hover{color:#4798ea;} .product_relevant .swiper-button-next:after, .product_relevant .swiper-button-prev:after{font-size:30px;font-weight:bold;} .product_relevant .swiper-button-prev{left:-52px;} .product_relevant .swiper-button-next{right:-52px;} .product_relevant .swiper-slide{display:flex;align-items:center;} .product_relevant .img_btn{margin-right:15px;border-radius:3px;display:flex;width:112px;height:112px;overflow:hidden;padding:5px;border:1px solid #ddd;align-items:center;justify-content:center;} .product_relevant .img_btn img{max-width:100%;max-height:100%;} .product_relevant .img_btn:hover{border-color:#4798ea;} .product_relevant .info_box{flex:1;display:flex;flex-direction: column;height:112px;justify-content: space-between;} .product_relevant .info_box .title_btn{display:block;font-size:15px;color:#333333;font-weight:bold;line-height:20px;width:100%;overflow:hidden;} .product_relevant .info_box .title_btn em{display:block;font-size:16px;color:#2b88e7;line-height:24px;} .product_relevant .info_box .brand{font-size:15px;color:#e30404;} .product_relevant .info_box .title_btn:hover{text-decoration:underline;} /*文章*/ .article_right{flex:1;width:100%;} .article_text{width:100%;font-size:14px;color:#333;line-height:26px;} #shangpin .activeBox table td.et3{ padding-left:8px; padding-right:8px; } .kj-phonefooter .navbar-default { border-width: 0px; background-color: #fcfcfc; box-shadow: 1px 1px 5px rgba(0,0,0,.2); } .kj-phonefooter .nav-tabs a i { color: #777777; } .kj-phonefooter .nav-tabs { text-align: center; padding: 5px; border-bottom:0px; } .kj-phonefooter .nav-tabs a { color: #999999; text-align: center; } .kj-phonefooter .nav-tabs a.active, .kj-phonefooter .nav-tabs a.active i { color: #f60; } .kj-phonefooter .nav-tabs a i { color: #777777; } .kj-phonefooter .nav-tabs div.kj-addtocart-btn-bottom-col a.kj-addtocart-btn-href { display: block; font-size: 16px; margin-top: -5px; margin-bottom: -15px; margin-right: -5px; line-height: 60px; background-color: #ff6600; color: #fff; } .kj-phonefooter .nav-tabs div.kj-addtocart-btn-bottom-col { padding: 0px; margin: 0px; } .cyname{} .copy{line-height:30px;color:#4798ea;font-size:16px;}