:root{ /* --first_color:#66ccff; */ } h2,p{word-break: break-word} .botmenu{ text-align: center !important; background: var(--first_color);} .online dl{background:var(--first_color);padding:10px 5px;margin-bottom:1px;position:relative} .online dl:hover{background:var(--first_color)} .online dl dt button{margin:10px 0;border:none;border-radius:5px;width:100%;font-size:18px;height:40px;line-height:40px;background:var(--first_color);color:#fff;cursor:pointer} a{color:#333;} a:focus, a:hover{color: var(--first_color);} .flex-row{display: flex;flex-wrap: wrap;} .flex-item-center{align-items: center;} .text-center{text-align: center;} .text-right{text-align: right;} .text-1len{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .text-2len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-box-orient:vertical;} .text-3len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;text-overflow:ellipsis;-webkit-box-orient:vertical;} .text-4len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;text-overflow:ellipsis;-webkit-box-orient:vertical;} .text-5len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:5;text-overflow:ellipsis;-webkit-box-orient:vertical;} .text-6len{overflow:hidden;display:-webkit-box;-webkit-line-clamp:6;text-overflow:ellipsis;-webkit-box-orient:vertical;} .sw_banner{width: 1920px;max-width: 100%;} .sw_banner .swiper-pagination-bullet{background: #fff;border: 2px solid var(--first_color); width: 12px;height: 12px;} .sw_banner .swiper-pagination-bullet-active{background-color: var(--first_color)!important;border: 2px solid transparent;} .clearfix::after{display: table;clear: both;content: '';} p{margin-bottom: unset;} .navbar-default .navbar-nav .nav-link:focus{background: unset;} :focus{outline: unset;} * + p, p + *, p + p{margin-top: unset;} @media (min-width: 992px){ * + p {margin-top: unset;} } .zoom_img{overflow: hidden;} .zoom_img img{transition: all .6s cubic-bezier(0.22, 0.61, 0.36, 1) 0s;} .zoom_img:hover img{transform: scale(1.1);transition: all .30s ease;} /* 1200 */ /* .container{max-width: 1230px;} @media (min-width: 1600px){ .container{width: 1230px;} } */ .container{max-width: 1178px;} @media (min-width: 1600px){ .row > [class*='col-']{padding-left: 1rem;padding-right: 1rem;} .row{margin-left: -1rem;margin-right: -1rem;} } /* 顶部 */ .nav_top{background-color: #313131;} .wecomto{display: block;line-height: 28px;padding: 0.8rem 0;} .nav_top_text1{font-size: 14px;font-family: "Microsoft YaHei";color: #fff;} .nav_top_text2{font-size: 22px;font-weight: bold; font-family: "Microsoft YaHei";color: #fff;padding-right: 3rem;} .nav_top_right{padding: 0.8rem 0; text-align: right;display: flex;align-items: center;justify-content: flex-end; background-image: url(../images/tored.png); background-position: center; background-repeat: no-repeat; background-size: cover; } /*顶部*/ .sw_banner{background: #fff;--swiper-navigation-color: var(--first_color);} .sw_banner a{display: block;} /* max-width:567px max-width:768px max-width:992px max-width:1200px */ /* // Small devices (landscape phones, 576px and up) sm*/ @media (min-width: 576px) { } /* // Medium devices (tablets, 768px and up) md*/ @media (max-width: 768px) { .nav_top_right{ background-color: var(--first_color); } } /* // Large devices (desktops, 992px and up) lg*/ @media (min-width: 992px) { } /* // Extra large devices (large desktops, 1200px and up) xl*/ @media (min-width: 1200px) { } /* header1 */ .header1 .header_mid_mid ul li{padding-left: 10px;} .header1 .header_mid_mid ul li a.biga{font-size: 14px;padding: 45px 0;} /* pc一级文本 */ .header1 .header_mid_mid ul li a.biga:hover, .header1 .header_mid_mid ul li a.biga.action, .header1 .header_mid_mid ul li a.bigaon{color: var(--first_color);}/* pc选中文本 */ .header1 .header_mid_mid ul li a.biga:before{bottom: 0px;height: 1px;background-color: var(--first_color);}/* pc选中文本线 */ .header1 .header_mid_mid ul li a.biga.down:after{background-color: #333;} .header1 .header_mid_mid ul li dl dd a{font-size: 14px;}/* pc二级文本 */ .header1 .header_mid_mid ul li dl dd p a span{font-size: 14px;}/* pc三级文本 */ @media screen and (max-width:1024px) { header.header1{background-color: #fff;} .header1 .site__navi .icon, .header1 .site__navi .icon:before, .header1 .site__navi .icon:after{background: var(--first_color);} } /* header1 */ /* header2 */ .header2 .header_mid_box{padding: 10px 0;display: none;}/* pc顶部填充 */ .header2 .nav_phone{display: flex;justify-content: flex-end;align-items: flex-start;} .header2 .nav_phone_text{margin-left: .5rem;line-height: 1.2;} .header2 .nav_phone_text1{font-size: 24px;color: #333;font-weight: bold;} .header2 .nav_phone_text2{font-size: 14px;color: #333;} .header2_nav{background-color: var(--first_color);}/* pc导航 */ .header2 .header_mid_mid ul{width: 100%;justify-content: space-between;} .header2 .header_mid_mid ul li{width: 100%;} .header2 .header_mid_mid ul li a.biga:before{background-color: var(--first_color);}/* pc选中文本线 */ .header2 .header_mid_mid ul li a.biga{font-size: 14px;color: #333;}/* pc一级文本 */ .header2 .header_mid_mid ul li dl dd a{font-size: 14px;color: #333;}/* pc二级文本 */ .header2 .header_mid_mid ul li dl dd p a span{font-size: 14px;color: #333;}/* pc三级文本 */ .header2 .header_mid_mid ul li a.biga:hover, .header2 .header_mid_mid ul li a.biga.action, .header2 .header_mid_mid ul li a.bigaon{color: #fff;} .header2 .header_mid_mid ul li a.biga.down:hover:after, .header2 .header_mid_mid ul li a.biga.down.action:after, .header2 .header_mid_mid ul li a.down.bigaon:after{background-color: #fff;} .header2 .header_mid_mid ul li a.biga{padding: 10px 0;text-align: center;} .header2 .header_mid_mid ul li a.biga.down:after{right: unset;} .header2 .header_mid_mid ul li a.biga.down>span{padding-right: 5px;} @media screen and (max-width:1024px) { .header2 .site__navi .icon, .header2 .site__navi .icon:before, .header2 .site__navi .icon:after{background: var(--first_color);} .header2 .header_mid_box{display: block;} } /* header2 */ /*搜索*/ .index_search{box-shadow: 0px 3px 7px 0px rgba(137,137,137,0.29);position: relative;} .index_search_text{} .index_search_text span{font-size: 14px;color: #333;} .index_search_text a{font-size: 14px;color: #333;} .index_search_form{margin: 5px 0; border: 1px solid #e5e5e5;max-width: 100%;} .index_search_form .form-group{margin-bottom: unset;} .index_search_input{ border-radius: unset; border: unset; background-color: #fff; font-size: 12px; color: #666; height: 32px; padding: 0 .929rem!important; } .index_search_input::-webkit-input-placeholder{color: #999;} .index_search_input::-moz-placeholder{color: #999;} .index_search_input:-ms-input-placeholder{color: #999;} .index_search_btn{ border-radius: unset!important; font-size: 14px; color: #fff; height: 32px; padding: 0 .929rem!important; background-color: var(--first_color); } .index_search_i{ margin: auto; position: absolute!important; z-index: 5; top: 0; bottom: 0; left: 11px; padding-right: 10px; border-right: 1px solid #ccc; } @media (max-width: 767px){ .index_search_form{width: 100%} } @media (min-width: 768px){ .input-group-btn .index_search_btn{} } /*搜索*/ /* 关于 */ .index_about1{padding: 60px 0;} .index_about1_text{display: flex;flex-direction: column;justify-content: space-evenly;align-items: flex-start;} .index_about1 .index_about1_top{} .index_about1_top_text1{font-size: 30px;color: var(--first_color);line-height: 1.2;font-weight: bold;} .index_about1_top_text2{font-size: 16px;color: #888888;margin-top: 4px; line-height: 1.2;text-transform: uppercase;} .index_about1_top_text3{width: 80px;height: 3px;background-color: var(--first_color);margin-top: 25px;} .index_about1_text2{font-size: 16px;color: #333;line-height: 1.7;margin: 1rem 0;} .index_about1_text2 p{ color: #333; } .index_about1_img{display: flex;align-items: center;} @media all and (max-width: 767px) { .index_about1_text{ margin: 20px 0; align-items: center; } .index_about1{padding: 20px 0;} .index_about1 .index_about1_text3{margin-bottom: 1rem;} } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 768px){ } /*关于*/ .index_about2{padding: 60px 0;} .index_about2_top{text-align: center;margin-bottom: 40px;} .index_about2_top1{font-size: 32px;color: #333;font-weight: bold;display: flex;align-items: center;justify-content: center;margin-bottom: 20px;} .index_about2_top1 span{font-size: 14px;color: #666;margin-left: 10px;font-weight: 400;} .index_about2_top2{font-size: 16px;color: #333;line-height: 1.2;font-weight: bold;text-align: center;padding: 0 15px;} .index_about2_top3{font-size: 12px;color: #999;transform: scale(0.7);text-align: center;} .index_about2_contact{font-size: 14px;color: #333;line-height: 2;margin: 1rem 0;text-align: center;} .index_about2_more{ font-size: 14px; color: #fff; padding: 0 1.5rem; background: var(--first_color); line-height: 34px; width: max-content; display: block; margin: 0 auto; } .index_about2_img{text-align: center;margin-top: 20px;} .index_about1_img{ display: flex;align-items: center;justify-content: flex-end; } .index_about1_img img{ max-width: unset; } @media all and (max-width: 767px) { .index_about2{padding: 20px 0;} .index_about1 .index_about1_text{margin-top: 10px;margin-bottom: 10px;} .index_about1_img img{width:100%;} } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 768px){ } /* product */ .title-box{ display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; } .title-box .text-p1{ font-size: 30px; font-weight: bold; color: #333333; } .title-box .text-p2{ font-size: 14px; color: #999; } .more-box{ width: 120px; max-width: 120px; height: 30px; background-color: var(--first_color); padding: 18px 0; display: flex; align-items: center; justify-content: center; } .more-box .more-p{ font-size: 14px; color: #fff; margin-right: 10px; } .more-box img{ width: 20px; } /*产品1*/ .index_product1{ padding: 60px 0;} .index_product1_box{} .index_product1_left{} .index_product1_left_box{ background: var(--first_color);height: 100%;} .index_product1_left_top{text-align: center;padding: 10px 0;} .index_product1_left_top1{font-size: 24px;color: #fff;} .index_product1_left_nav{background: #fff;} .index_product1_left_nav_item{display: block;font-size: 16px;color: #333;border-bottom: 1px dashed #ccc;padding:0 0.5rem;text-align: center;line-height: 50px;} .index_product1_left_text{display: flex;justify-content: center;align-items: center;padding: 1rem 0.5rem;line-height: 1.2;} .index_product1_left_text img{margin-right: .5rem;} .index_product1_left_text1{font-size: 24px;color: #fff;} .index_product1_left_text2{font-size: 18px;color: #fff;} .index_product_right{} .index_product_right_top{display: flex;justify-content: space-between;align-items: baseline;padding: 0 0 .5rem 0;border-bottom: 1px solid #ccc;margin-bottom: 1rem;} .index_product_right_top1{font-size: 24px;color: #333;font-weight: bold;} .index_product_right_top2{font-size: 12px;color: #666;} #index_product1_sw{} .index_product1_sw_item{display: block;max-width: 600px;} .index_product1_sw_item_img{border: 1px solid #ccc;} .index_product1_sw_item_text1{font-size: 14px;color: #333;padding: 0.5rem 0.5rem;padding-bottom: unset;text-align: center;} .index_product1_sw_item:hover .index_product1_sw_item_text1{color: var(--first_color);} @media (max-width: 767px){ .index_product1{padding: 20px 0;} } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 768px){ } /*产品1*/ /*产品2*/ .index_product2{padding: 60px 0;} .index_product2 #index_product2_sw{} .index_product2 .index_product_item_img{position: relative;max-width:400px;} .index_product2 .index_product_item_img img{width: 100%;border: 1px solid #ccc;left: 0;} .index_product2 .index_product_text{font-size: 16px;color: #444;text-align: center;padding: 0 0.5rem ;line-height: 40px;} .index_product2 .index_product_item:hover .index_product_text{color: var(--first_color);} .index_product2 .swiper_button_prev_product{background: url(../images/product_left.png) no-repeat center;left: -3%;} .index_product2 .swiper_button_prev_product::after{display: none;} .index_product2 .swiper_button_prev_product.swiper-button-disabled{background: url(../images/product_left.png) no-repeat center;} .index_product2 .swiper_button_next_product{background: url(../images/product_right.png) no-repeat center; right: -3%;} .index_product2 .swiper_button_next_product::after{display: none;} .index_product2 .swiper_button_next_product.swiper-button-disabled{background: url(../images/product_right.png) no-repeat center;} @media (max-width: 767px){ .index_product2{padding: 20px 0;} } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 1281px){ } /*产品2*/ /*产品3*/ .index_product3{padding: 60px 0;background-image: url(../images/45.png);background-position: center bottom;background-repeat: no-repeat;} #index_product3_sw_text{margin-bottom: 2rem;} .index_product3_sw_text1{font-size: 14px;color: #333;text-align: center;display: block;} .index_product3_sw_text1:hover{color: var(--first_color);} #index_product3_sw_text .swiper-slide-thumb-active{} .product-item{ margin-bottom:20px; } .index_product3_sw_item{} .index_product3_sw_item_img{width: 100%;position: relative;max-width:400px;} .index_product3_sw_item_img img{width: 100%;} .index_product3_sw_text2{color: #333;font-size: 16px;padding: 0.8rem 1.5rem;text-align: center;border-bottom: 1px solid #ccc;} .index_product3_sw_item .swiper-slide:hover .index_product3_sw_item_img{} .index_product3_sw_item .swiper-slide:hover .index_product3_sw_text2{color: var(--first_color)} @media (max-width: 767px){ .index_product3{padding: 20px 0;} } @media (max-width: 991px){ .index_product3_sw_text2{color: #fff;} } @media all and (min-width: 1281px){ } .about_shengbox{ margin-top: 60px; background-image: url(../images/ab.png); background-position: center; background-repeat: no-repeat; background-size: cover; background-color: var(--first_color); padding: 3.5rem 0; } .zhuanye-box{ display: flex; align-items: center; } .zhuanye-box-right{ justify-content: flex-end; } .zhuanye-box-p1{ font-size: 32px; color: #fff; max-width: 580px; font-weight: bold; } .zhuanye-box-p2{ font-size:18px ; color: #fff; } .zhuanye-box-p3{ font-size: 32px; color: #fff; line-height: 24px; font-weight: bold; } @media (max-width: 767px){ .zhuanye-box-p1{ font-size: 22px; margin-bottom: 10px; } } /* .product-boxit:nth-child(4) .product-itfu p{color: #fff !important;} */ /*产品3*/ /* 资讯1 */ .index_msg1{padding: 60px 0 ;} .index_msg1 #index_msg1_sw_text{display: flex;} .index_msg1 .index_news1_text1{ font-size: 18px; color: #333; text-align: center; padding: 0.5rem ; margin-bottom: 14px; border: 1px solid #ccc; cursor: pointer; width:100% } .index_msg1 #index_msg1_sw_text .index_news1_text1.action{ color: #fff; background: var(--first_color); border: 1px solid var(--first_color); } .index_msg1 #index_msg1_sw{margin-top: 1rem;} .index_msg1 .index_news1_list1{display: flex;flex-wrap: wrap; justify-content: space-between;align-items: center;} .index_msg1 .index_news1_list1_img{width: 50%;} @media (max-width: 767px){ .index_msg1 .index_news1_list1_img a{ width: 100%; } } .index_msg1 .index_news1_list1_text{width: 49%;padding-top: 0.5rem;} .index_msg1 .index_news1_list1_text1{font-size: 16px;font-family: "Microsoft YaHei";color: #333;} .index_msg1 .index_news1_list1_text1:hover{color: var(--first_color);} .index_msg1 .index_news1_list1_text2{font-size: 14px;color: #999;padding: 0.3rem 0;} .index_msg1 .index_news1_list1_text3{font-size: 12px;color: #666;line-height: 2;margin: 1rem 0;} .Learnmore{max-width: 120px;min-width: 120px;width: 120px; height: 40px; display: block;} .Learnmore div{display: flex;align-items: center;} .Learnmore p{margin-right: 10px;} .Learnmore img{width: 24px;height: 24px;} .index_msg1 .index_news1_list2{display: flex;justify-content: space-between;padding: .5rem 0 ;align-items: baseline;} .index_msg1 .index_news1_list2_text1{width: 60%;font-size: 14px;color: #333;} .index_msg1 .index_news1_list2_text2{font-size: 12px;color: #666;} .index_msg1 .index_news1_list2:hover .index_news1_list2_text1{color: var(--first_color);} .index_msg1 .index_news2{display: flex;flex-direction: column;justify-content: space-between;} .index_msg1 .index_news2_top{display: flex;justify-content: space-between;align-items: baseline;margin-bottom: 2rem;} .index_msg1 .index_news2_top_text1{font-size: 22px;color: #009edb;} .index_msg1 .index_news2_top_text2{font-size: 14px;color: #666;} .index_msg1 .index_news_list{margin-bottom: 2rem;} .index_msg1 .index_news2 a:last-of-type .index_news_list{margin-bottom: unset;} .index_msg1 .index_news_list_text1{font-size: 14px;color: #333;line-height: 24px; padding-left: 3rem;background: url(../images/news2_q.png) no-repeat left center;margin-bottom: 1rem;} .index_msg1 .index_news_list_text2{font-size: 14px;color: #333;line-height: 24px; padding-left: 3rem;background: url(../images/news2_a.png) no-repeat left 0px;} @media (max-width: 767px){ .index_msg1{padding: 20px 0;} .index_msg1 .index_news1_list1_img, .index_msg1 .index_news1_list1_text{width: 100%} } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 1281px){ } /* 资讯1 */ .news-item-box{ border: 1px solid #eee; padding: 1.5rem; } /* 资讯2 */ .index_msg2{padding: 60px 0 ;} .index_msg2 .index_msg_box{display: flex;flex-wrap: wrap;} .index_msg2 .index_news1_box{display:block} .index_msg2 .index_news1_img{margin-bottom: 1.5rem;} .index_msg2 .index_news1_text1{font-size: 16px;color: #333;margin-bottom: 0.5rem;} .index_msg2 .index_news1_text2{font-size: 12px;color: #666;} .index_msg2 .index_news1:hover .index_news1_text1{color: var(--first_color)} .index_msg2 .index_news2{display: flex;flex-direction: column;justify-content: space-between;} .index_msg2 .index_news_list{font-size: 14px;color: #333; border-bottom: 1px dashed #ccc;padding: 1rem 0;} .index_msg2 .index_news_list:first-of-type{padding-top: unset;} .index_msg2 .index_news_list_top{display: flex; justify-content: space-between;margin-bottom: 0.5rem;} .index_msg2 .index_news_list_text1{font-size: 16px;color: #333;width: 60%;} .index_msg2 .index_news_list_text2{font-size: 12px;color: #999;} .index_msg2 .index_news_list_text3{font-size: 12px;color: #666;} .index_msg2 .index_news_list:hover .index_news_list_text1{color: var(--first_color)} @media (max-width: 767px){ .index_msg2{padding: 20px 0;} } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 1281px){ } /* 资讯2 */ /*资讯3*/ .index_msg3{padding: 60px 0} .index_msg3 .index_news_img{} .index_msg3 .index_news_list{padding: .5rem 0; display: flex; justify-content: space-between; } .index_msg3 .index_news_list_text1{width: 60%; font-size: 16px; color: #333;font-weight: bold;} .index_msg3 .index_news_list_text2{font-size: 16px; color: #999; } .index_msg3 .index_news_list_text2 span{font-size: 20px; color: var(--first_color); font-weight: bold;margin-right: 10px;} .index_news_list_text3{font-size: 14px; color: #666;} .xiang{width: 40px;height: 1px ;background-color: #ccc;margin: 15px 0;} .index_msg3 .index_news_list:hover .index_news_list_text1{color: var(--first_color)} .more-index_news_list{padding: 4px 1rem;background-color:#f1f1f1;color: #333;border-radius: 15px;margin-top: 10px;} .news-item-box:hover .more-index_news_list{background-color: var(--first_color);color: #fff;} @media (max-width: 767px){ .index_msg3{padding: 20px 0;} .index_msg3 .row > div{margin-bottom: 1rem;} } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 1281px){ } /*资讯3*/ .strength_demonstration{ /* padding: 5rem 0; */ background-image: url(../images/ab6.png); background-position: center; background-repeat: no-repeat; background-size: cover; position: relative; height: 590px; padding: 4rem; } .intellectualproperty{ background-color: #fff; width: 860px; height: 480px; display: flex; align-items: center; justify-content: center; } .mini-boxdisp{ display: none; } .mini-boxdisp img{ width: 100%; } @media (max-width: 991.98px) { .strength_demonstration{ padding: 0; height: 100%; } .intellectualproperty{ width: 100%; padding: 0 15px; } .certificate-left-box{ padding: 0 !important; } .mini-boxdisp{ display: block; } } @media all and (max-width: 767px) { .intellec-xiaos{ display: none; } } @media (max-width: 575.98px) { .intellectualproperty{ height: 370px; } } @media (max-width:400px) { .intellectualproperty{ height: 300px; } } /* 底部 */ .footer-textitem{ margin-bottom: 1rem; } .textitem-text2-gos{font-size: 24px !important;font-weight: bold;} .textitem-text1{ font-size:14px ; color: #fff; opacity: 0.7; } .textitem-text2{ font-size: 20px; color: #fff; } .textitem-text2 a{ font-size: 20px !important; color: #fff !important; } footer{background: var(--first_color);background-color: #292929;} .foot_box{padding-top: 5rem;padding-bottom: 5rem; display: flex;flex-wrap: wrap;align-items: center;} .foot_nav1{background: var(--first_color);} .foot_nav11{display: flex;justify-content: space-between;} .foot_nav1 a{font-size: 14px;color: #fff;width: 100%;text-align: center;padding: 0 5px;line-height: 40px;} .foot_nav{display: flex;justify-content: space-between;} .foot_nav_title{margin-bottom: .5rem;display: block;font-size: 16px; color:#fff!important;} .foot_nav_subtitle a{font-size: 12px;color: #fff;} .foot_nav > div{margin-right: 1.5rem;} .foot_nav > div:last-of-type{margin-right: unset;} .foot_qr{display: flex;justify-content: flex-end;} .foot_qr div{display: flex;flex-direction: column;align-items: center;margin-left: 1.5rem;} .foot_qr div p{font-size: 14px;color: #fff;margin-top: 10px;} .foot_qr img{max-width: 100%;width: 150px;} .foot_text_box{display: flex;flex-wrap: wrap;} .foot_text_item{display: flex;align-items: flex-start;min-width: 33%;margin-bottom: 15px;padding-right: 3%;} .foot_icon{width: 22px;height: 23px;margin-right: .5rem;text-align: center;} .foot_icon img{display: block;margin: 0 auto;} .foot_text1{font-size: 14px;color: #fff;line-height: 23px;margin-top: 0;} .foot_text , .foot_text a{color: #fff;} .foot_copyright{padding: 1.5rem 0;border-top: 1px solid #666;} .foot_copyright , .foot_copyright a , .foot_copyright p{ font-size: 12px; font-family: "Microsoft YaHei"; color: #fff; text-align: center; background-color: #292929 !important; } .online i, .botmenu i{margin-right: .3rem;} @media all and (max-width: 767px) { .foot_qr{justify-content: center;margin: 20px 0;} } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 991px) { } /* 底部 */ @media all and (max-width: 767px) { .no_dis2 {display: none!important;} } @media (min-width: 768px) and (max-width: 991px){ .no_dispad{display: none!important;} } @media all and (min-width: 991px) { .no_dis1{display: none;} } /* 内页 */ /* about */ .pages{padding: 30px 15px;} .about_content{line-height: 1.5;font-size: 16px;} .about_content p{margin-bottom: 10px;} /* subnavlist */ .subnavlist .swiper-container .swiper-slide a.active, .subnavlist ul li a:hover, .subnavlist ul li a:focus, .subnavlist ul li a.active{color: var(--first_color);} /* product news */ .productlist .card:before, .newslist ul li:before{border-color: var(--first_color);} .showproduct .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);} .newslist ul li h4 a{display: block;} .showproduct .tab-content{line-height: 1.5;font-size: 16px;} .showproduct .tab-content p{margin-bottom: 10px;} .showcase .tab-content{line-height: 1.5;font-size: 16px;} .showcase .tab-content p{margin-bottom: 10px;} @media (max-width: 767px){ .newslist ul li.media .media-left{width: 35%;} .newslist .media-body{width: 65%;align-self: center;} .newslist ul li{padding: 10px 0;margin-bottom: 10px;} } /* 详情页右侧推荐 */ .showproduct .recommend ul li.item_block:hover:before, .shownews .recommend ul li.item_block:before{border-color: var(--first_color);} .showproduct .recommend ul li.item_block a:hover p.item_date span, .showproduct .recommend ul li.item_block a:hover .item_info, .shownews .recommend ul li.item_block a:hover p.item_date span, .shownews .recommend ul li.item_block a:hover .item_info{color:var(--first_color)} /* 分页器 */ .page-link, .page-num{color: #333;} .page-link:hover, .page-num:hover, .page-num-current{background-color:var(--first_color);border-color:var(--first_color);color: #fff;} .searchcomponent .btn-info{background-color:var(--first_color);border-color:var(--first_color)} .searchcomponent .btn-info:hover{background-color:var(--first_color);border-color:var(--first_color)} @media all and (max-width: 767px) { .searchcomponent .form-group{width: 75%;} .searchcomponent button{width:25%} .page-link[href], .page-num[href]{color:var(--first_color)} .page-link[href]:hover, .page-num[href]:hover, .page-num-current[href]{background-color:var(--first_color);border-color:var(--first_color);color: #fff!important;} } /* product */ .showproduct .recommend ul li.item_block a p.item_date{min-width: 50px;} .showproduct .recommend ul li.item_block a .item_info{max-width: unset;} .showproduct .recommend ul li.item_block a .item_des{width: unset;} .showproduct .recommend ul li.item_block a .item_img{max-width: 100%;width: 100%;text-align: center;} /* job */ .joblist ul li{margin-bottom: 30px;padding-bottom: 30px;} .joblist ul li:before{border-color: var(--first_color);} .joblist ul li .des{line-height: 1.5;font-size: 16px;} .joblist ul li .des p{margin-bottom: 10px;} /* case */ .caselist .card:before{border-color: var(--first_color);} .showcase .tabs-custom .nav-item a.active{border-bottom-color: var(--first_color);} /* message */ .form-control:focus{border-color: var(--first_color);box-shadow: unset;} .messagelist .btn-info:hover{background-color: var(--first_color);border-color: var(--first_color);} .messagelist .btn-info{background-color: var(--first_color);border-color: var(--first_color);} /* download */ .downloadlist ul li{padding-bottom: 30px;} .downloadlist ul li:before{border-color: var(--first_color);} .downloadlist .downloadbtn{color: var(--first_color);border-color: var(--first_color);} .downloadlist .downloadbtn:hover{background-color: var(--first_color);border-color: var(--first_color);color: #fff;} .btn-info:not(:disabled):not(.disabled):active:focus, .btn-info:not(:disabled):not(.disabled).active:focus, .show > .btn-info.dropdown-toggle:focus{box-shadow: unset;} .btn-info:not(:disabled):not(.disabled):active, .btn-info:not(:disabled):not(.disabled).active, .show > .btn-info.dropdown-toggle{background-color: var(--first_color);border-color: var(--first_color);} .btn-info:focus, .btn-info.focus{box-shadow: unset;} .downloadlist ul li:hover p{margin-left: 15px;transition: all .30s ease;} /* 产品 新闻推荐 */ .showproduct .recommend span.toptitle, .shownews .recommend span.toptitle {margin-bottom: 20px;} .showproduct .recommend ul li.item_block {margin: 0 0;padding: 0 0;margin-bottom: 15px;} .showproduct .recommend ul li.item_block a {display: block;width: 100%;} .showproduct .recommend ul li.item_block a .item_img {width: 100%;max-width: unset;} .showproduct .recommend ul li.item_block a .item_img img {width: 100%;height: auto;display: block;max-width: unset;} .showproduct .recommend ul li.item_block a .item_link {width: 100%;padding: 0 0;margin-bottom: 10px;} .showproduct .recommend ul li.item_block a .item_link p {padding: 0 0;} .productlist .card .card-img{text-align: center;} .shownews .recommend ul li.item_block a p.item_date,.showproduct .recommend ul li.item_block a p.item_date{width: 20%;} .shownews .recommend ul li.item_block a .item_info,.showproduct .recommend ul li.item_block a .item_info{width: 78%;max-width: unset;} .product-params-box{margin-top: 10px;} .product-params{margin: 5px 0;} @media(max-width:991px) { .showproduct .recommend ul li.item_block,.shownews .recommend ul li.item_block{width: 50%;} .showproduct .recommend ul li.item_block:nth-child(even),.shownews .recommend ul li.item_block:nth-child(even){padding-left:10px} .showproduct .recommend ul li.item_block:nth-child(odd),.shownews .recommend ul li.item_block:nth-child(odd){padding-right:10px} .shownews .recommend ul li.item_block a .item_des{width: 100%;} } /* tabber */ .botmenu {border-top: 1px #fff solid;} .botmenu p {width: 100%;padding: 0 0;margin: 0 0;margin-top: 2px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .botmenu i {font-size: 24px;} /* 新闻列表 */ .newslist ul li.media .media-left{width: 20%;} .newslist ul li.media .media-body{width: 80%;} .newslist h2, .newslist p{word-break:break-all;} /* 新闻 */ .shownews .content{line-height: 1.5;font-size: 16px;} .shownews .content p{margin-bottom: 10px;} .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before{color:var(--first_color)} .showproduct .img-thumbnail-variant-2{width:100%} .subnavlist .swiper-subnav .dropdown-item.active, .swiper-subnav .dropdown-item:active{color:var(--first_color);}