: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} .rd-navbar-static{padding: 0 0;box-shadow: unset;} .rd-navbar-fixed .rd-navbar-toggle {display:inline-block;position: absolute;right:10px;} .rd-navbar-fixed .rd-navbar-nav-wrap {right:0;left:unset;transform:translateX(110%);} .rd-navbar-fixed .rd-navbar-brand{left: 10px;} @media (max-width: 576px){ .rd-navbar-fixed .rd-navbar-brand{width:80%;justify-content: flex-start;} } 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{display: block;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;} .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;} .sw_banner .swiper-pagination-bullet-active{background-color: var(--first_color)!important;} .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: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{padding: 0.3rem 0;background: #f9f9f9; line-height: 24px; font-size: 14px;color: #444;} .nav_top_right{text-align: right;} /*椤堕儴*/ .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 (min-width: 768px) { } /* // Large devices (desktops, 992px and up) lg*/ @media (min-width: 992px) { } /* // Extra large devices (large desktops, 1200px and up) xl*/ @media (min-width: 1200px) { } @media (min-width: 1200px){ .header1 .rd-navbar-panel{width: 25%;} .header1 .rd-navbar-static .rd-navbar-panel + .rd-navbar-nav-wrap{width: 75%;} .header1 .rd-navbar-static .rd-navbar-nav{margin: 0;display: flex;width: 100%;} .header1 .rd-navbar-static .rd-navbar-inner{padding: 0;} .header1 .rd-navbar-static .rd-navbar-nav > li{margin-top: unset;width: 100%;} .header1 .rd-navbar-static .rd-navbar-nav > li:last-of-type{padding-right: unset;} .header1 .rd-navbar .rd-navbar-nav > li > a{line-height: 70px;height: 70px;position: relative;overflow: hidden;} .header1 .rd-navbar .rd-navbar-nav > li > a::after{content: "";width: 0;height: 2px;background: var(--first_color);bottom: 15px;left: 0;position: absolute;transition: all ease 0.5s;} .header1 .rd-navbar .rd-navbar-nav > li.active > a::after{width:100%} /* .header1 .rd-navbar-static .rd-navbar-nav > li.active{background: var(--first_color);} */ .header1 .rd-navbar-sidebar .rd-navbar-nav > li.active > a:hover, .header1 .rd-navbar-static .rd-navbar-nav > li.active > a:hover, .header1 .rd-navbar-static .rd-navbar-nav > li.focus.active > a, .header1 .rd-navbar-static .rd-navbar-nav > li.active > a{color: var(--first_color);} .header1 .rd-navbar-static .rd-navbar-dropdown > li.active > a, .header1 .rd-navbar-static .rd-navbar-dropdown > li.active > a:focus, .header1 .rd-navbar-static .rd-navbar-dropdown > li.active > a:active, .header1 .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover, .header1 .rd-navbar-static .rd-navbar-dropdown > li > a:hover, .header1 .rd-navbar-static .rd-navbar-nav > li > a:hover, .header1 .rd-navbar-sidebar .rd-navbar-nav > li > a:hover, .header1 .rd-navbar-static .rd-navbar-nav > li.focus > a, .header1 .rd-navbar-static .rd-navbar-nav > li.opened > a, .header1 .rd-navbar-static .rd-navbar-dropdown > li.opened > a, .header1 .rd-navbar-static .rd-navbar-dropdown > li.opened > a ~ .rd-navbar-submenu-toggle, .header1 .rd-navbar-sidebar .rd-navbar-nav > li.opened > a{color: var(--first_color);} .header1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .header1 .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu{margin-top: unset;} .header1 .rd-navbar-dropdown .rd-dropdown-item{line-height: 1;} .header1 .rd-navbar-fullwidth .rd-navbar-dropdown, .header1 .rd-navbar-static .rd-navbar-dropdown{padding: 10px;} .header1 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .header1 .rd-navbar-sidebar .rd-navbar-nav > li > .rd-navbar-submenu-toggle{display: none;} .rd-navbar-fullwidth .rd-navbar-dropdown > li > a, .rd-navbar-static .rd-navbar-dropdown > li > a{display: block;} .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-navbar-dropdown .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle{display: none;} .rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > a, .rd-navbar-static .rd-navbar-dropdown > li.focus > a, .rd-navbar-static .rd-navbar-dropdown > li.opened > a{color: var(--first_color);} .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown{margin-left: 9px;top: 0;} } @media (max-width: 1200px){ html.rd-navbar-fixed-linked .page, html .page{padding-top: 56px;} .header1 .rd-navbar-fixed .rd-navbar-nav li:hover > a, .header1 .rd-navbar-fixed .rd-navbar-nav li.focus > a, .header1 .rd-navbar-fixed .rd-navbar-nav li.active > a, .header1 .rd-navbar-fixed .rd-navbar-nav li.opened > a{background: var(--first_color);} .header1 .rd-navbar-fixed .rd-navbar-brand img{height: auto;max-height: 48px;max-width: 100%;} } /* header1 */ /* header2 */ .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_text1 span{font-size: 14px;color: #333;font-weight: normal;line-height: 1;width: 70px;display:inline-block;text-align: center;} .header2 .rd-navbar-brand img{ max-width: 100%;} @media (min-width: 1200px){ .header2 .rd-navbar-static .rd-navbar-inner{padding: 11px 0;} .header2 .rd-navbar-static .rd-navbar-nav-wrap.nav_row{background: var(--first_color);} .header2 .rd-navbar-static .rd-navbar-nav{margin: unset;display: flex;width: 100%;padding: 0 15px;} .header2 .rd-navbar-static .rd-navbar-nav > li{line-height: 44px;height: 44px;margin-top: unset;width: 100%;background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%) no-repeat right center / 1px 18px ;} .header2 .rd-navbar-static .rd-navbar-nav > li:first-of-type{background: linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%) no-repeat left center / 1px 18px,linear-gradient(to bottom, rgba(255,255,255,0.3) 0%,rgba(255,255,255,0.3) 100%) no-repeat right center / 1px 18px;} .header2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-submenu-toggle, .header2 .rd-navbar-sidebar .rd-navbar-nav > li > .rd-navbar-submenu-toggle{color: #fff;margin-top: 13px;display: none;} .header2 .rd-navbar .rd-navbar-nav > li > a{line-height: 44px;color: #fff;width:100%;white-space: nowrap;} .header2 .rd-navbar-static .rd-navbar-nav > li.active{background: #fff;} .header2 .rd-navbar-static .rd-navbar-nav > li > .rd-navbar-dropdown, .header2 .rd-navbar-static .rd-navbar-nav > li .rd-navbar-megamenu{margin-top: unset;} .header2 .rd-navbar-fullwidth .rd-navbar-dropdown, .header2 .rd-navbar-static .rd-navbar-dropdown{padding: 10px;} .header2 .rd-navbar-sidebar .rd-navbar-nav > li.active > a:hover, .header2 .rd-navbar-static .rd-navbar-nav > li.active > a:hover, .header2 .rd-navbar-static .rd-navbar-nav > li.focus.active > a, .header2 .rd-navbar-static .rd-navbar-nav > li.active > a{color: var(--first_color);width: 100%;} .header2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after, .header2 .rd-navbar-static .rd-navbar-nav > li > a:hover + .rd-navbar-submenu-toggle::after, .header2 .rd-navbar-static .rd-navbar-nav > li.focus > .rd-navbar-submenu-toggle::after, .header2 .rd-navbar-static .rd-navbar-nav > li > a:hover, .header2 .rd-navbar-sidebar .rd-navbar-nav > li > a:hover, .header2 .rd-navbar-static .rd-navbar-nav > li.focus > a{color: #fff;} .header2 .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover, .header2 .rd-navbar-static .rd-navbar-dropdown > li > a:hover, .header2 .rd-navbar-static .rd-navbar-dropdown > li.active > a, .header2 .rd-navbar-static .rd-navbar-dropdown > li.active > a:focus, .header2 .rd-navbar-static .rd-navbar-dropdown > li.active > a:active, .header2 .rd-navbar-fullwidth .rd-navbar-dropdown > li > a:hover{color: var(--first_color);} .header2 .rd-navbar-static .rd-navbar-nav > li.opened > a, .header2 .rd-navbar-sidebar .rd-navbar-nav > li.opened > a, .header2 .rd-navbar-static .rd-navbar-dropdown > li.opened > a, .header2 .rd-navbar-static .rd-navbar-dropdown > li.opened > a ~ .rd-navbar-submenu-toggle, .header2 .rd-navbar-static .rd-navbar-dropdown > li > a:hover .header2 .rd-navbar-fullwidth .rd-navbar-dropdown > li + li, .header2 .rd-navbar-fullwidth .rd-megamenu-list > li + li, .header2 .rd-navbar-static .rd-navbar-dropdown > li + li, .header2 .rd-navbar-static .rd-megamenu-list > li + li{line-height: 1.5;margin-top: .5rem;} .header2 .rd-navbar-fullwidth .rd-navbar-dropdown > li > a, .header2 .rd-navbar-static .rd-navbar-dropdown > li > a{display: block;} .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle, .rd-navbar-static .rd-navbar-dropdown .rd-navbar--has-dropdown > .rd-navbar-submenu-toggle{display: none;} .rd-navbar-fullwidth .rd-navbar-dropdown > li.focus > a, .rd-navbar-fullwidth .rd-navbar-dropdown > li.opened > a, .rd-navbar-static .rd-navbar-dropdown > li.focus > a, .rd-navbar-static .rd-navbar-dropdown > li.opened > a{color: var(--first_color);} .rd-navbar-fullwidth .rd-navbar-dropdown .rd-navbar-dropdown, .rd-navbar-static .rd-navbar-dropdown .rd-navbar-dropdown{margin-left: 9px;top: 0;} } @media (max-width: 1200px){ html.rd-navbar-fixed-linked .page, html .page{padding-top: 65px;} .header2 .rd-navbar-fixed .rd-navbar-nav li:hover > a, .header2 .rd-navbar-fixed .rd-navbar-nav li.focus > a, .header2 .rd-navbar-fixed .rd-navbar-nav li.active > a, .header2 .rd-navbar-fixed .rd-navbar-nav li.opened > a{background: var(--first_color);} .header2 .rd-navbar-fixed .rd-navbar-brand img{height: 50px;} .header2 .rd-navbar-fixed .rd-navbar-panel{height: 65px;} .header2 .rd-navbar-fixed .rd-navbar-brand{height: 60px;} .header2 .nav_phone{position: fixed;top: 0;right: 0;padding: 4px;height: 65px;z-index: 999;border-bottom: 1px solid #ececee;width: max-content;} .header2 .nav_phone{align-items: center;} .header2 .nav_phone_text1{line-height: 1;} .header2 .rd-navbar-brand a{display: flex;align-items: center;height: 100%;} .header2 .rd-navbar-fixed .rd-navbar-brand img{max-height: 100%;height: auto;max-width: 100%;} .header2 .rd-navbar-toggle{height: 100%;} .header2 .rd-navbar-fixed .rd-navbar-nav-wrap{top: -45px;} } @media (max-width: 768px){ .header2 .rd-navbar-fixed .rd-navbar-brand img{max-width: 100%;} } /* header2 */ /*棣栭〉鍏充簬鎴戜滑*/ .index_about{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; background:#f4f4f4;} .about_1148{ width:1148px; height:auto; margin:0 auto; padding-top:4%; padding-bottom:4%; display:block; overflow:hidden; text-align:center;} .about_left{ width:40%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;} .about_left>a{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .about_left>a>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .about_right{ width:57.5%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:right;} .about_right>.title{ width:100%; height:auto; margin:0 auto; margin-top:2%; display:block; overflow:hidden; text-align:left; font-size:26px; line-height:28px; color:#444;} .about_right>.text{ width:100%; height:auto; margin:0 auto; margin-bottom:1.5%; display:block; overflow:hidden; text-align:left; font-size:12px; line-height:20px; color:#888; text-transform:uppercase} .about_right>.about_cs{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left;} .about_right>.about_cs>.cs{width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:32px; color:#444;} .about_right>.about_cs>.cs>p{ margin:0 auto;} .about_right>.more{ width:100%; height:auto; margin:0 auto; margin-top:2%; display:block; overflow:hidden; text-align:center;} .about_right>.more>a{ width:18%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left; font-size:14px; line-height:30px; color:#fff; background:#5aac4e; border-radius:15px;} @media (max-width:1199px) and (min-width:768px){ .about_1148{ width:100%;} .about_right>.more>a{ width:25%;} } @media (max-width:767px) { .about_1148{ width:100%;} .about_left{ display:none} .about_right{ width:100%;} .about_right>.title{ font-size:16px;} .about_right>.more>a{ width:38%;} } /*棣栭〉浜у搧鏍忕洰*/ .index_product{ width:100%; height:auto; margin: auto; padding-top:2%; padding-bottom:2%; display:block; overflow:hidden; text-align:center;} .product_1148{ width:1148px; height:auto; margin: auto; display:block; overflow:hidden; text-align:center;} .product_top{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;margin-bottom: 10px;} .product_top>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:26px; line-height:44px; color:#444;} .product_top>.line{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .product_top>.line>span{ width:6%; height:3px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:#5aac4e;} .product_top>.text{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:14px; line-height:24px; color:#888;} .product_bot{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .product_bot .swiper-product-list{ position:relative; z-index:1;} .product_bot .swiper-product-list>.swiper-product-text{ position:absolute; z-index:2; left:0px; right:0px; bottom:0px; width:100%; height:auto; display:none; background:url(../images/web/text_bg.png) no-repeat center center ; background-size:100% 100%;height: 30px;line-height: 30px;} .product_bot .swiper-product-list>.swiper-product-text>a{ color:#fff;} .product_bot .swiper-product-list:hover>.swiper-product-text{ display:block;color:#fff;} .index_product .swiper-product-img img{border: 1px solid #ccc;} .index_product .swiper-product .swiper-slide{width: 25%;margin-right: 20px;} @media (max-width:1199px) and (min-width:768px){ .product_1148{ width:100%;} } @media (max-width:767px) { .product_1148{ width:100%;} .product_top>.title{ font-size:16px;} .product_top>.line>span{ width:20%;} .swiper-product-text>a{ line-height:30px;} .index_product .swiper-product .swiper-slide{width: 50%;} } /*浜у搧3*/ .index_product3{padding: 50px 0 40px 0;} #index_product3_sw_text{margin-bottom: 2rem;} .index_product3_sw_text1{font-size: 14px;color: #333;text-align: center;display: block;border: solid 1px #ccc;border-radius: 10px;height: 36px;line-height: 36px;} .index_product3_sw_text1:hover{color: #fff;background: var(--first_color);border: solid 1px var(--first_color);} #index_product3_sw_text .swiper-slide-thumb-active{} .index_product3_sw_item{} .index_product3_sw_item_img{width: 100%;position: relative;max-width:400px;} .index_product3_sw_item_img img{width: 100%;border: 1px solid #ccc;} .index_product3_sw_text2{color: #333;font-size: 14px;padding: 0.3rem 0;text-align: center;} .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)} .index_product3_sw_text .swiper-slide{width: 16.6666%;margin-right: 10px;} .index_product3_sw_item .swiper-slide{width: 25%;margin-right: 20px;} .index_product3_more a{width: 225px;font-size: 14px;line-height: 40px;color: #444;border: solid 1px #ccc;border-radius: 15px;text-align: center;margin-top: 20px;} .index_product3_more{text-align: center;} @media (max-width: 767px){ .index_product3{padding: 20px 0;} .index_product3_sw_text .swiper-slide, .index_product3_sw_item .swiper-slide{width: 50%;} } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 1281px){ } /*浜у搧3*/ /*棣栭〉鏂伴椈鏍忕洰*/ .index_news{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_1148{ width:1148px; height:auto; margin:0 auto; margin-bottom:3%; display:block; overflow:hidden; text-align:center;} .news_top{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_top>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:26px; line-height:44px; color:#444;} .news_top>.line{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_top>.line>span{ width:6%; height:3px; margin:0 auto; display:block; overflow:hidden; text-align:center; background:#5aac4e;} .news_top>.text{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; font-size:14px; line-height:24px; color:#888;} .news_bot{ width:100%; height:auto; margin:0 auto; margin-top:2%; display:block; overflow:hidden; text-align:center;} .news_bot>.left{ width:49%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/news_bg.png) no-repeat center center; background-size:100% 100%; float:left} .news_bot>.left>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_bot>.left>.title>.img{ width:11.2%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;} .news_bot>.left>.title>.img>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_bot>.left>.title>.all{ width:80.8%; height:auto; margin:0 auto; margin-left:2%; display:block; overflow:hidden; text-align:center; float:left; border-bottom: solid 1px #cccccc;} .news_bot>.left>.title>.all>.text{ width:25%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:22px; line-height:62px; color:#444; float:left;} .news_bot>.left>.title>.all>.line{ width:5%; height:auto; margin:0 auto; margin-left:54.5%; display:block; overflow:hidden; text-align:center; font-size:20px; line-height:62px; color:#888; float:left;} .news_bot>.left>.title>.all>.more{ width:15.5%; height:auto; margin:11px auto; display:block; overflow:hidden; text-align:center; float:left;} .news_bot>.left>.title>.all>.more>a{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_bot>.left>.title>.all>.more>a>.m_1{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:20px; color:#444;} .news_bot>.left>.title>.all>.more>a>.m_2{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:12px; line-height:20px; color:#444; text-transform:uppercase;} .news_bot>.left>.ls{ width:88%; height:auto; margin:0 auto; margin-top:2%; display:block; overflow:hidden; text-align:center;} .news_bot>.left>.ls>.img{ width:30%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;} .news_bot>.left>.ls>.img>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_bot>.left>.ls>ul{ width:66%; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center; float:right} .news_bot>.left>.ls>ul>li{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_bot>.left>.ls>ul>li>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:36px; color:#444;} .news_bot>.left>.ls>ul>li>.title>a{ color:#444;} .news_bot>.left>.ls>ul>li>.time{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:24px; color:#444;} .news_bot>.left>.ls>ul>li>.content{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:25px; color:#888;} .news_bot>.left>.ls>ul>li>.content>p{ margin:0 auto;} .news_bot>.left>.list{ width:88%; height:auto; margin:0 auto; margin-bottom:4%; display:block; overflow:hidden; text-align:center;} .news_bot>.left>.list>ul{ width:100%; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;} .news_bot>.left>.list>ul>li{ width:100%; height:46px; margin:0 auto; display:block; overflow:hidden; text-align:center; border-bottom: dashed 1px #888;} .news_bot>.left>.list>ul>li>.title{ width:70%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:46px; color:#444 ; float:left;} .news_bot>.left>.list>ul>li>.title>a{ color:#444;} .news_bot>.left>.list>ul>li>.time{ width:30%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:right; font-size:14px; line-height:46px; color:#888; float:right;} .news_bot>.right{ width:49%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; background:url(../images/web/news_bg.png) no-repeat center center; background-size:100% 100%; float:right} .news_bot>.right>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_bot>.right>.title>.img{ width:11.2%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;} .news_bot>.right>.title>.img>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_bot>.right>.title>.all{ width:80.8%; height:auto; margin:0 auto; margin-left:2%; display:block; overflow:hidden; text-align:center; float:left; border-bottom: solid 1px #cccccc;} .news_bot>.right>.title>.all>.text{ width:25%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:22px; line-height:62px; color:#444; float:left;} .news_bot>.right>.title>.all>.line{ width:5%; height:auto; margin:0 auto; margin-left:54.5%; display:block; overflow:hidden; text-align:center; font-size:20px; line-height:62px; color:#888; float:left;} .news_bot>.right>.title>.all>.more{ width:15.5%; height:auto; margin:11px auto; display:block; overflow:hidden; text-align:center; float:left;} .news_bot>.right>.title>.all>.more>a{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_bot>.right>.title>.all>.more>a>.m_1{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:20px; color:#444;} .news_bot>.right>.title>.all>.more>a>.m_2{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:12px; line-height:20px; color:#444; text-transform:uppercase;} .news_bot>.right>.ls{ width:88%; height:auto; margin:0 auto; margin-top:2%; display:block; overflow:hidden; text-align:center;} .news_bot>.right>.ls>.img{ width:30%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center; float:left;} .news_bot>.right>.ls>.img>img{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_bot>.right>.ls>ul{ width:66%; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center; float:right} .news_bot>.right>.ls>ul>li{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:center;} .news_bot>.right>.ls>ul>li>.title{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:16px; line-height:36px; color:#444;} .news_bot>.right>.ls>ul>li>.title>a{ color:#444;} .news_bot>.right>.ls>ul>li>.time{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:24px; color:#444;} .news_bot>.right>.ls>ul>li>.content{ width:100%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:25px; color:#888;} .news_bot>.right>.ls>ul>li>.content>p{ margin:0 auto;} .news_bot>.right>.list{ width:88%; height:auto; margin:0 auto; margin-bottom:4%; display:block; overflow:hidden; text-align:center;} .news_bot>.right>.list>ul{ width:100%; height:auto; margin:0 auto; padding:0px; display:block; overflow:hidden; text-align:center;} .news_bot>.right>.list>ul>li{ width:100%; height:46px; margin:0 auto; display:block; overflow:hidden; text-align:center; border-bottom: dashed 1px #888;} .news_bot>.right>.list>ul>li>.title{ width:70%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:left; font-size:14px; line-height:46px; color:#444 ; float:left;} .news_bot>.right>.list>ul>li>.title>a{ color:#444;} .news_bot>.right>.list>ul>li>.time{ width:30%; height:auto; margin:0 auto; display:block; overflow:hidden; text-align:right; font-size:14px; line-height:46px; color:#888; float:right;} @media (max-width:1199px) and (min-width:768px){ .news_1148{ width:100%;} .news_bot>.left>.title>.all>.text{ font-size:16px; line-height:40px;} .news_bot>.left>.title>.all>.line{ line-height:40px;} .news_bot>.left>.title>.all>.line{ margin-left:49.5%;} .news_bot>.left>.title>.all>.more{ width:20.5%; margin:0 auto;} .news_bot>.right>.title>.all>.text{ font-size:16px; line-height:40px;} .news_bot>.right>.title>.all>.line{ line-height:40px;} .news_bot>.right>.title>.all>.line{ margin-left:49.5%;} .news_bot>.right>.title>.all>.more{ width:20.5%; margin:0 auto;} .news_bot>.left>.ls>.img{ display:none} .news_bot>.left>.ls>ul{ width:100%;} .news_bot>.right>.ls>.img{ display:none} .news_bot>.right>.ls>ul{ width:100%;} } @media (max-width:767px) { .news_1148{ width:100%;} .news_top>.title{ font-size:16px;} .news_bot>.left{ width:100%;} .news_top>.line>span{ width:20%;} .news_bot>.left>.title>.img{ width:14%;} .news_bot>.left>.title>.all>.text{ font-size:14px; line-height:40px;} .news_bot>.left>.title>.all>.line{margin-left:45.5%; line-height:40px;} .news_bot>.left>.title>.all>.more{ width:24.5%; margin:0 auto;} .news_bot>.left>.ls>.img{ display:none} .news_bot>.left>.ls>ul{ width:100%;} .news_bot>.left>.ls>ul>li>.title{ font-size:14px;} .news_bot>.left>.ls>ul>li>.content{ font-size:12px;} .news_bot>.right{ width:100%; margin-top:5%;} .news_bot>.right>.title>.img{ width:14%;} .news_bot>.right>.title>.all>.text{ font-size:14px; line-height:40px;} .news_bot>.right>.title>.all>.line{margin-left:45.5%; line-height:40px;} .news_bot>.right>.title>.all>.more{ width:24.5%; margin:0 auto;} .news_bot>.right>.ls>.img{ display:none} .news_bot>.right>.ls>ul{ width:100%;} .news_bot>.right>.ls>ul>li>.title{ font-size:14px;} .news_bot>.right>.ls>ul>li>.content{ font-size:12px;} .index_news{margin: 10px 0;} } /* 搴曢儴 */ footer{background: #f3f3f3;padding-top: 40px;border-top: 3px solid var(--first_color);} .foot_box{padding-top: 2rem;padding-bottom: 2rem; display: flex;flex-wrap: wrap;align-items: center;} .foot_nav1_list{display: flex;justify-content: space-between;width: 80%;margin: 0 auto;border-bottom: 1px solid #ccc;} .foot_nav1 a{font-size: 14px;color: #444;width: 100%;text-align: center;padding: 0 5px;line-height: 36px;} .foot_qr{display: flex;justify-content: flex-end;align-items: flex-end;} .foot_qr .foot_web_code img{width: 100%;max-width: 138px;} .foot_qr .foot_qr_text p{color: #444;font-size: 16px;} .foot_qr .foot_qr_text{text-align: right;padding-right: 5px;} .foot_text p{ color: #444; font-size: 16px; line-height: 30px; } .foot_text a{color: #444;} .foot_copyright{padding: 10px 0;background: #171717;} .foot_copyright , .foot_copyright a , .foot_copyright p{ font-size: 14px; color: #fff; text-align: center; } .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);}