:root{ /* --first_color:#66ccff; */ } .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{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;} .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;} } /* 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;} .nav_top_text1{font-size: 12px;font-family: "Microsoft YaHei";color: #eee;background:#332e34;border-radius: 3px;display: block;padding: 0 10px; width: max-content;line-height: 22px;margin: 0 5px;} .nav_top_right{text-align: right;display: flex;justify-content: flex-end;} /*椤堕儴*/ .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) { } /* 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: 27px 0;justify-content: center;} .header2 .rd-navbar-static .rd-navbar-nav-wrap.nav_row{} .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: 28px;height: 28px;margin-top: unset;width: 100%;} .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: #000;margin-top: 13px;display: none;} .header2 .rd-navbar .rd-navbar-nav > li > a{line-height: 28px;color: #000;width:100%;white-space: nowrap;font-size: 20px;} .header2 .rd-navbar-static .rd-navbar-nav > li.active{} .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: #000;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: #000;} .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_top_nav{margin-top:40px} .index_top_item{height: 100%;background: #fbfbfb;display: block;text-align: center;} .index_top_text1{font-size: 22px;color:#000;margin:20px 0 10px} .index_top_text2{font-size: 14px;color:#000;line-height: 24px;margin:10px 0 20px} .index_img{padding: 0 0 60px;} /*浜у搧2*/ .index_product2{padding: 80px 0;background: #f8f8f8;} .index_product2 #index_product2_sw{width: 99.5%;} .index_product2 .index_product_item_img{position: relative;max-width:400px;} .index_product2 .index_product_item_img img{width: 100%;} @media (max-width: 767px){ .index_product2{padding: 20px 0;} } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 1281px){ } /*浜у搧2*/ /* 鍏充簬 */ .index_about1{padding: 70px 0;} .index_about_top{text-align: center;background: url(../images/about_top_bg.png) no-repeat center center;padding: 45px 0;margin-bottom: 20px;text-transform: uppercase;} .index_about_top1{color: #333;font-size: 30px;line-height: 1.2;} .index_about_top2{font-size: 16px;color: #333;} .index_about1 .index_about1_text{font-size: 14px;color: #333;line-height: 2;text-align: center;} .index_about1 .index_about1_text p{margin-bottom: 1rem;} @media all and (max-width: 767px) { } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 768){ } /*鍏充簬*/ /*hp*/ .index_hp{padding: 80px 0 65px;} .index_hp_img{border:1px solid #999;text-align: center;} .index_hp_img img{max-width: 100%;} .index_hp_top{text-align: center;background: #fff;padding:0 1rem;width:max-content;margin: -35px auto 0;max-width: 100%;line-height: 1.3;} .index_hp_top1{font-size: 32px;color: #333;} .index_hp_top2{font-size: 18px;color:#333;} @media (max-width: 767px){ } @media (min-width: 768px) and (max-width: 991px){ } @media all and (min-width: 1281px){ } /*hp*/ /* 搴曢儴 */ footer{background: #332e34;} .foot_copyright{padding: 22px 0;} .foot_copyright , .foot_copyright a , .foot_copyright p{ font-size: 14px; font-family: "Microsoft YaHei"; color: #eee; line-height: 1.5; text-align: center; background-color: #332e34!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 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;} @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);} /* 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;} /* 浜у搧 鏂伴椈鎺ㄨ崘 */ .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;position: relative;} .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: 6%;} .newslist ul li.media .media-body{width: 93%;} /* .newslist ul li p.des{width:100%} */ h2,p{word-break:break-all;} .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%} /* about */ .about1{padding:60px 0} .about1_top{text-align: center;margin-bottom: 35px;text-transform: uppercase;} .about1_top1{font-size:28px;color:#333;line-height: 1.2;} .about1_top2{font-size: 28px;color:#0072ff;font-weight: bold;} .about1_text{font-size: 14px;color:#333;line-height: 28px;} .about2{background: #f9f8f6;padding: 60px 0;} .about2_img{} .about2_text{font-size:14px;color:#010101;line-height: 26px;} .about3{background: #f9f8f6;padding-bottom: 60px;} .about3_top{font-size: 28px;color:#333;text-align: center;margin-bottom: 35px;line-height: 1;} #about3_sw{} .about4{padding:60px 0} .about4_top{} .about4_top1{font-size: 28px;color:#333;margin-bottom: 25px;text-align: center;} .about4_top2{font-size: 18px;color:#333;line-height: 35px;margin-bottom: 25px;} #about4_sw{} .about5{padding:60px 0;background:#f9f8f6;} .about5_top{margin-bottom: 35px;text-align: center;} .about5_top1{font-size:28px;color:#333;} #about5_sw{} .about6{padding:60px 0;} #about6_sw{} .about7{padding:60px 0;} #about7_sw{} /* about */ /* img */ .ep-img{padding:80px 0;} .img_top{font-size: 28px;color: #333;margin-bottom: 30px;text-align: center;} .ep-img-top-box{margin-bottom: 70px;} .ep-img-top-box a{position: relative;display: block;} .ep-img-showbtn{width:100%;padding:0} .img-title{color: #fff!important;font-weight: bold;font-size: 22px;text-align: center;position: absolute;bottom: 10px;left: 0;right: 0;width: 100%;line-height: 2;} .img-title:hover a{color: #fff!important} .ep-img.caselist .card:before{display: none;} .ep-img.caselist .card:hover{box-shadow: none;} @media (max-width:767px){ .ep-img-top-box , .ep-img-top-box > div{margin-bottom: 20px;} } /* img */ .img_case{margin-top: 60px;} .img_cast_item{margin-bottom: 24px;} .img_cast_item a{cursor: zoom-in;} /* product1 */ .product1{padding:76px 0 0} .product1 .flex-row{align-items: center;} .product1_item1{margin-bottom: 80px;} .product1_item1_text{padding-top: 40px;} .product1_item1_top{margin-bottom: 40px;} .product1_item1_text1{font-size: 30px;color: #333;line-height: 1.2;} .product1_item1_text2{font-size: 24px;color: #333;line-height: 1.2;} .product1_item1_text3{font-size: 14px;color: #333;line-height: 28px;padding:0;} .product1_item1_img{display: flex;justify-content: center;align-items: center;position: relative;} .product1_item1_img img{display: block;max-width: 100%;z-index: 2;position: relative;max-height: 400px;} .product1_item2{padding-bottom: 58px;} .product1_item2_img{text-align: right;position: relative;} .product1_item2_img img{max-width: 100%;position: relative;z-index: 2;max-height: 600px;} .product1_item2_text{} .product1_item2_top{margin-bottom: 35px;} .product1_item2_text1{font-size: 30px;color: #333;line-height: 1.2;} .product1_item2_text2{font-size: 24px;color: #333;line-height: 1.2;} .product1_item2_box{} .product1_item2_item{display: flex;align-items: center;line-height: 56px;margin-bottom: 20px;} .product1_item2_icon{width: 56px;margin-right: 20px;} .product1_item2_text3{font-size: 20px;color: #333;} .product1_item3{background:#f8f8f8 url(../images/product1/product1_bg.jpg) no-repeat top center;padding: 90px 0;} .product1_item3_top{line-height: 1.2;margin-bottom: 35px;text-align: center;} .product1_item3_top1{font-size: 30px;color:#333;} .product1_item3_top2{font-size: 24px;color: #333;} .product1_item3_img{} #product1_sw1{} .product1_item4{background-color: #f8f8f8;padding-bottom: 100px;} .product1_item4_img{} #product1_sw2{} .product1_item4 .swiper-button-prev-product1_sw2{background: url(../images/product1/left.png) no-repeat center center;width:43px;height:79px;left:-85px} .product1_item4 .swiper-button-prev-product1_sw2::after{display: none;} .product1_item4 .swiper-button-next-product1_sw2{background: url(../images/product1/right.png) no-repeat center center;width:43px;height:79px;right:-85px} .product1_item4 .swiper-button-next-product1_sw2::after{display: none;} @media all and (max-width: 768px){ .product1_item2_img{margin-bottom: 20px;} } @media all and (min-width: 768px) { .product1_item2_text{padding-left: 80px;} .product1_item1_img::after{content: url(../images/product1/bg2.jpg); position: absolute;left: 50%;bottom:-100px;z-index: 0;display: block;} .product1_item2_img::after{content: url(../images/product1/bg2.jpg); position: absolute;right: 50%;bottom:-65px;z-index: 0;display: block;} .product1_item1{padding-bottom: 100px;} } /* product1 */ /* product2 */ .product2{} .product2_item1{padding: 76px 0 80px;} .product2_item1 .flex-row{align-items: center;} .product2_item1_text{} .product2_item1_text_top{line-height: 1.1;margin-bottom: 50px;} .product2_item1_text1{font-size: 30px;color: #333;} .product2_item1_text2{font-size: 24px;color: #333;} .product2_item1_text3{font-size: 14px;color: #333;line-height: 2;padding:0;} .product2_item1_img{} .product2_item2{padding-bottom: 75px;position: relative;} .product2_item2_top{margin-bottom: 40px;} .product2_item2_top1{font-size: 30px;color:#333;;} .product2_item2_top2{font-size: 24px;color:#333;} .product2_item2_item{display: flex;margin-bottom: 24px;} /* 386 206 180 */ .product2_item2_img{width: 53%;} .product2_item2_text{width: 47%;background: #4b494c;font-size: 22px;color: #fff;line-height: 100%; display: flex;justify-content: center;align-items: center;text-align: center;position: relative;} .product2_item2_text::before{content: url(../images/product2/left1.png);position: absolute;left:-17px;height: 25px;margin: auto 0;top: 0;bottom:0;display: block;} .product2_item2_item:hover .product2_item2_text{background: #a49381;} .product2_item2_item:hover .product2_item2_text::before{content: url(../images/product2/left2.png);} .product2_item2_qr{position: absolute;right: -220px;top: 30%; z-index: 2;text-align: center;} .product2_item2_qr img{max-width: 200px;} .product2_item3{padding-bottom: 100px;} .product2_item3_img{} .product2_item3_text{text-align: center;color:#333;align-self: center;} .product2_item3_text1{font-size: 30px;line-height: 1.2;} .product2_item3_text2{font-size: 24px;line-height: 1.2;} .product2_item3_text3{font-size: 18px;line-height: 30px;margin-top: 25px;} .product2_item4{padding-bottom:100px;background: url(../images/product2/bg.jpg) no-repeat top center;} .product2_about4{padding-bottom: 75px;} #product2_about4_sw{} @media all and (max-width: 768px){ .product2_item1_img img{width: 100%;} .product2_item3_img{margin-bottom: 20px;} .product2_item2_qr{position: relative;width: 50%;display: block;margin: 0 auto;right: 0;left: 0;} .product2_item2_qr img{max-width: 100%;} } @media all and (min-width: 768px) { /* .product2_item1_img{padding-left: 145px;} */ .product2_item1_img img{width: 100%;} } /* product2 */ /* news */ .newslist .news-top{display: flex;justify-content: space-between;flex-wrap: wrap;border:1px solid #ccc;margin-bottom: 78px;} .newslist .news-top-left{width: 51%;background: url(../images/news.jpg) no-repeat center center / cover ;} .newslist .news-top-right{width: 42.83%;padding-top: 30px;margin-right: 40px;padding-bottom: 35px;} .newslist .news-top-right-text1{font-size: 18px;color: #333;display: block;} .newslist .news-top-right-text2{font-size: 14px;color: #333;margin-bottom: 15px;} .newslist .news-top-right-text3{font-size: 20px;color: #666;line-height: 24px;margin-bottom: 20px;} .newslist .news-top-right-text4{font-size: 12px;color:#fff;line-height: 26px;width: 70px;text-align: center;;display: block;background-color: #333;} .newslist .news-time1{color:#333;font-size: 40px;line-height: 1.1;text-align: center;white-space: nowrap;} .newslist .news-time2{color:#333;font-size: 14px;line-height: 1.1;text-align: center;white-space: nowrap;}