.trans { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; } .industry3 .swiper-slide div, .industry2 .row > div > div > a, .scale { transform: rotate(0deg); } .news-banner { height: 100%; background-position: center center; } .news-banner .swiper-news-banner { height: 100%; } .news-banner .swiper-news-banner .swiper-wrapper { height: 100%; } .news-banner .swiper-news-banner .swiper-wrapper .swiper-slide { height: 100%; position: relative; background-size: cover; } .news-banner .swiper-news-banner .swiper-wrapper .swiper-slide .news-banner-in { position: absolute; top: 50%; left: 0; width: 100%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .news-banner .swiper-news-banner .swiper-wrapper .swiper-slide .news-banner-in h3 { font-size: 60px; color: #fff; margin-bottom: 20px; font-weight: bolder; } .pagination .active span { background-color: #fff; border-color: #FD1A16 !important; color: #FD1A16; } .pagination .active span:hover { background-color: #fff; color: #FD1A16; } .pagination li a:hover { background-color: #fff; border-color: #FD1A16 !important; color: #FD1A16; } .news-banner .swiper-news-banner .swiper-wrapper .swiper-slide .news-banner-in p { font-size: 40px; color: #fff; font-weight: bolder; } .news-wrap { padding: 90px 0 60px; } .news-wrap .news-wrap-top { background: #F3F3F3; margin-bottom: 10px; overflow: hidden; border-radius: 15px; } .news-wrap .news-wrap-top .news-wrap-top-l { padding: 0; } .news-wrap .news-wrap-top .news-wrap-top-l a { display: block; border-radius: 15px; } .news-wrap .news-wrap-top .news-wrap-top-l a img { border-radius: 15px; } .news-wrap .news-wrap-top .news-wrap-top-r { padding: 35px 40px 0; } .news-wrap .news-wrap-top .news-w a { display: block; } .news-wrap .news-wrap-top .news-w a .news-time { font-size: 17px; color: #494949; } .news-wrap .news-wrap-top .news-w a .news-time i { color: #494949; display: inline-block; } .news-wrap .news-wrap-top .news-w a .news-title { font-size: 23px; color: #0F0F0F; margin: 10px 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-wrap .news-wrap-top .news-w a .news-cons { font-size: 16px; color: #7C7C7C; line-height: 25px; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 3; display: -ms-box; -ms-box-orient: vertical; -ms-line-clamp: 3; display: -o-box; -o-box-orient: vertical; -o-line-clamp: 3; overflow: hidden; } .news-wrap .news-wrap-top .news-w a .news-more { font-size: 15px; color: #3A3A3A; } .news-wrap .news-wrap-top .news-w a .news-more span { display: inline-block; width: 26px; height: 26px; border-radius: 100%; text-align: center; line-height: 26px; background: #EC1B23; margin-left: 10px; } .news-wrap .news-wrap-top .news-w a .news-more span i { color: #fff; } .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li { float: none; padding: 40px 0; border-bottom: 1px dashed #B2B2B2; } .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a { display: block; } .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a .news-time { font-size: 17px; color: #494949; } .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a .news-time i { color: #494949; display: inline-block; } .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a .news-title { font-size: 23px; color: #0F0F0F; margin: 10px 0 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a .news-cons { font-size: 16px; color: #7C7C7C; line-height: 25px; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 2; display: -ms-box; -ms-box-orient: vertical; -ms-line-clamp: 2; display: -o-box; -o-box-orient: vertical; -o-line-clamp: 2; overflow: hidden; } .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a .news-more, .active_sum .news-more, .about_new .news-more, .show_active_eight .swiper-slide .news-more, .show_pro_zs_five .news-more, .index_hyyy .news-more, .show_active_eight .col-md-6 > div .news-more { font-size: 15px; color: #3A3A3A; } .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a .news-more span, .active_sum .news-more span, .about_new .news-more span, .show_active_eight .swiper-slide .news-more span, .show_pro_zs_five .news-more span, .index_hyyy .news-more span, .show_active_eight .col-md-6 > div .news-more span { display: inline-block; width: 26px; height: 26px; border-radius: 100%; text-align: center; line-height: 26px; background: #EC1B23; margin-left: 10px; } .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a .news-more span i, .active_sum .news-more span i, .about_new .news-more span i, .show_active_eight .swiper-slide .news-more span i, .show_pro_zs_five .news-more span i, .index_hyyy .news-more span i, .show_active_eight .col-md-6 > div .news-more span i { color: #fff; } .fenye { text-align: center; margin-top: 20px; } .fenye .fenye-ul { display: inline-block; } .fenye .fenye-ul li { margin: 0 1px; } .fenye .fenye-ul li:hover a { background: #EC1B23; color: #fff; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .fenye .fenye-ul li:hover a i { color: #fff; } .fenye .fenye-ul li.on a { border: 1px solid #939393; } .fenye .fenye-ul li a { display: block; width: 47px; height: 47px; border: 1px solid transparent; text-align: center; line-height: 47px; color: #939393; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .fenye .fenye-ul li a i { color: #939393; font-size: 20px; } .title-wrap { position: relative; margin-bottom: 55px; } .title-wrap span { font-size: 80px; display: block; text-transform: uppercase; transform: translateX(-80px); text-shadow: 1px 1px #ffe8e7, -1px -1px #ffe8e7, 1px -1px #ffe8e7, -1px 1px #ffe8e7; color: #fff; } .title-wrap p { font-size: 15px; color: #FD1A16; margin-bottom: 10px; position: relative; margin-top: -60px; } .title-wrap h3 { font-size: 35px; color: #262626; font-weight: bolder; position: relative; } .title-wrap h3:before { content: ""; width: 35px; height: 4px; background: #FD1A16; position: absolute; left: 0; bottom: -20px; } .news-mtwl { margin-top: 80px; } .news-mtwl .news-mtwl-w { padding: 30px 35px; background: #F4F4F4; border-radius: 10px; } .news-mtwl .news-mtwl-w .news-mtwl-ul li { float: none; font-size: 17px; color: #3F3F3F; } .news-mtwl .news-mtwl-w .news-mtwl-ul li span { display: inline-block; margin-right: 80px; } .news-mtwl .news-mtwl-w .news-mtwl-ul li span:nth-child(1) i { margin-top: -2px; } .news-mtwl .news-mtwl-w .news-mtwl-ul li i { color: #3F3F3F; font-size: 20px; float: left; margin-right: 5px; } .load, .load-cpjs { background: #F7F7F7; /* padding: 14px 0; */ line-height: 54px; font-size: 14px; color: #BFBFBF; border-left: none; border-right: none; border-bottom: 1px solid #CDCDCD; } .load.load-khzz { line-height: 25px; } .load.active { position: fixed; top: 0px; left: 0; width: 100%; z-index: 20; } .load .icon-zhuye { display: inline-block; margin-top: 1px; } .load i { color: #BFBFBF; } .heig_load { height: 56px; } .load a { color: #BFBFBF; } .load .home-a { display: inline-block; position: relative; margin-left: 15px; margin-top: 2px; } .load .home-a > a { display: inline-block; position: relative; padding: 0 15px; cursor: default; } .load .home-a > a:before { content: ""; width: 10px; height: 1px; background: #D8D8D8; position: absolute; top: 50%; transform: translateY(-50%); left: -5px; } .load .home-a > a span { display: inline-block; width: 19px; height: 19px; background: #E0E0E0; border-radius: 100%; text-align: center; line-height: 19px; margin-left: 10px; } .load .home-a > a span i { color: #4C4C4C; position: relative; top: -2px; } .load .load-a { margin-top: 2px; } .load .load-a a { display: inline-block; position: relative; padding: 0 15px; } .load .load-a a:before { content: ""; width: 10px; height: 1px; background: #D8D8D8; position: absolute; top: 49%; transform: translateY(-50%); left: -5px; } .load-cpjs .load-ul li.active a, .load-cpjs .load-ul li:hover a, .load .load-ul li.active a, .load .load-ul li:hover a { color: #FD1A16; } .load-cpjs .load-ul li a, .load .load-ul li a { display: inline-block; position: relative; padding: 0 15px; font-size: 17px; color: #8C8C8C; } .load-cpjs .load-ul li a:before, .load .load-ul li a:before { content: ""; width: 1px; height: 13px; background: #D8D8D8; position: absolute; top: 50%; left: 0; transform: translateY(-50%) rotate(30deg); } .load-cpjs .load-ul li:nth-child(1) a:before, .load .load-ul li:nth-child(1) a:before { display: none; } .banner-in .banner-in-lay { position: absolute; top: 36%; left: 0; width: 100%; } .banner-in .banner-in-lay .ban-img-w { font-size: 66px; color: #fff; margin-bottom: 10px; } .banner-in .banner-in-lay h3 { font-size: 25px; color: #fff; margin: 20px 0; } .banner-in .banner-in-lay p { font-size: 20px; color: #fff; line-height: 30px; width: 42%; text-align: justify; } .banner-in .banner-in-lay .banner-in-img { position: absolute; top: -20%; right: 0; } .cpjs-section01 { padding: 60px 0px; background: #F4F4F4; } .load-ul li { cursor: pointer; } .cpjs-section01 .title-wrap span { color: #F4F4F4; } .cpjs-section01 .cpjs-section01-list .cpjs-section01-list-in { border-radius: 15px; background: #fff; padding: 44px 25px 45px; text-align: center; /* min-height: 308px; */ } .cpjs-section01 .cpjs-section01-list .cpjs-section01-list-in h3 { font-size: 19px; color: #0F0F0F; text-align: center; margin: 20px 0 15px; } .heig_line4 { height: 120px; } .cpjs-section01 .cpjs-section01-list .cpjs-section01-list-in p { font-size: 16px; color: #8C8C8C; line-height: 30px; text-align: left; } .cpjs-section02 { padding: 60px 0px; } .cpjs-section02 .cpjs-section02-list { margin-bottom: 25px; } .cpjs-section02 .cpjs-section02-list .cpjs-section02-list-in { border: 1px solid #EAEAEA; border-radius: 15px; } .cpjs-section02 .cpjs-section02-list .cpjs-section02-list-in img, .cpjs-section02 .cpjs-section02-list .cpjs-section02-list-in .scale { border-radius: 15px 15px 0 0; } .cpjs-section02 .cpjs-section02-list .cpjs-section02-list-in h3 { font-size: 19px; color: #0F0F0F; text-align: center; height: 67px; line-height: 67px; } .cpjs-section03 { background: #F4F4F4; padding: 60px 0px; } .cpjs-section03 .title-wrap span { color: #F4F4F4; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in { background: #fff; border-radius: 15px; padding: 40px 0; overflow: hidden; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-l { width: 48%; padding: 35px 20px 0; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-l img { max-width: 100%; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r { width: 52%; padding: 0 20px; border-left: 1px solid #EAEAEA; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r a { display: block; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r a h3 { font-size: 19px; color: #000000; margin: 20px 0; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r a div { font-size: 16px; color: #8C8C8C; line-height: 30px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 3; display: -ms-box; -ms-box-orient: vertical; -ms-line-clamp: 3; display: -o-box; -o-box-orient: vertical; -o-line-clamp: 3; overflow: hidden; margin-bottom: 30px; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r a p { font-size: 16px; color: #3A3A3A; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r a p span { display: inline-block; width: 26px; height: 26px; border-radius: 100%; text-align: center; line-height: 26px; background: #EC1B23; margin-left: 10px; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r a p span i { color: #fff; } .cpjs-section01-t20 .cpjs-section01-list-in { /* min-height: 310px; */ } .cpjs-section01-t20 .cpjs-section01-list-in .cpjs-section01-t20-div p { position: relative; padding-left: 15px; text-align: justify; } .tedian .cpjs-section01-t20-div p.active { padding-left: 0 !important; } .tedian .cpjs-section01-t20-div p.active::after { display: none !important; } .cpjs-section01-t20 .cpjs-section01-list-in .cpjs-section01-t20-div p:after { content: ""; width: 4px; height: 4px; background: #FD1A16; position: absolute; top: 12px; left: 0; } .cpjs-section03-t20 { background: #F4F4F4; padding: 60px 0; } .cpjs-section03-t21 { background: #fff; } .cpjs-section03-t20 .title-wrap span { color: #F4F4F4; } .cpjs-section03-t20 .cpjs-section03-t20-ul { margin-right: -15px; margin-left: -15px; border-bottom: 1px dashed #9C9CA0; padding-bottom: 45px; margin-bottom: 50px; overflow: hidden; display: flex; justify-content: space-between; } .cpjs-section03-t20 .cpjs-section03-t20-ul li { /* width: 16.6%; padding-right: 30px; */ padding: 0 15px; width: 100%; } .cpjs-section03-t20 .cpjs-section03-t20-ul li h3 { font-size: 19px; color: #000000; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #000; } .cpjs-section03-t20 .cpjs-section03-t20-ul li p { font-size: 18px; color: #000000; margin-bottom: 10px; } .cpjs-section03-t20 .cpjs-section03-t20-ul li p span { font-size: 14px; color: #8C8C8C; } .cpjs-section04-t20 { position: relative; background: #07101c; padding-top: 80px; } .cpjs-section04-t20 .cpjs-section04-t20-p { font-size: 18px; color: #fff; } .cpjs-section04-t20 .cpjs-section04-t20-lay { position: relative; left: 0; width: 100%; top: 0px; z-index: 2; } .cpjs-section04-t20 .cpjs-section04-t20-lay .title-wrap span { color: #07101c; text-shadow: 1px 1px #32363b, -1px -1px #32363b, 1px -1px #32363b, -1px 1px #32363b; } .cpjs-section04-t20 .cpjs-section04-t20-lay .title-wrap h3 { color: #fff; } .cpjs-section03-rider { padding: 60px 0px; background: #F4F4F4; } .cpjs-section03-rider .title-wrap span { color: #F4F4F4; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in { background: #fff; border-radius: 15px; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in img, .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .scale { border-radius: 15px 15px 0 0; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .cpjs-section03-rider-in-bottom { min-height: 267px; padding: 35px 25px 0; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .cpjs-section03-rider-in-bottom h3 { font-size: 19px; color: #0F0F0F; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .cpjs-section03-rider-in-bottom div { font-size: 16px; color: #8C8C8C; line-height: 30px; margin: 15px 0; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .cpjs-section03-rider-in-bottom div p { position: relative; padding-left: 15px; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .cpjs-section03-rider-in-bottom div p:after { content: ""; width: 4px; height: 4px; background: #FD1A16; position: absolute; top: 12px; left: 0; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .cpjs-section03-rider-in-bottom .cpjs-section03-rider-list-more { font-size: 16px; color: #3A3A3A; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .cpjs-section03-rider-in-bottom .cpjs-section03-rider-list-more span { display: inline-block; width: 26px; height: 26px; border-radius: 100%; text-align: center; line-height: 26px; background: #EC1B23; margin-left: 10px; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .cpjs-section03-rider-in-bottom .cpjs-section03-rider-list-more span i { color: #fff; } .cpjs-section01-rider .cpjs-section01-list { margin-bottom: 30px; } .cpjs-section01-rider .cpjs-section01-list .cpjs-section01-list-in img { /* min-height: 270px; */ /* padding-bottom: 0; */ height: 71px; line-height: 71px; } .cpjs-section03-rider .cpjs-section03-list .cpjs-section03-list-in { border: 1px solid #EAEAEA; } .cpjs-section01-tops .cpjs-section01-list { margin-bottom: 30px; } .cpjs-section01-tops .cpjs-section01-list .cpjs-section01-list-in { min-height: 299px; } .about-section01 { padding: 105px 0; background-size: 100% 100%; } .about-section01 .about-section01-title { font-size: 60px; color: #d6281d; text-align: center; font-weight: bolder; margin-bottom: 55px; } .about-section01 .about-section01-ul li { width: 20%; padding-left: 45px; } .about-section01 .about-section01-ul li:last-of-type { border-right: none; } .about-section01 .about-section01-ul li .about-section01-ul-in { min-height: 350px; padding-top: 20px; border-right: 1px dashed #d6281d; } .about-section01 .about-section01-ul li .about-section01-ul-in div { margin-bottom: 40px; margin-top: 0px; position: relative; padding-left: 72px; font-size: 18px; color: #333; line-height: 30px; font-weight: 600; font-family: siyuan_Normal; } .about-section01 .about-section01-ul li .about-section01-ul-in div span { font-size: 20px; color: #d6281d; display: inline-block; width: 60px; position: absolute; top: 0; left: 0; text-align: center; } .about-section01 .about-section01-ul li h3 { height: 93px; line-height: 93px; } .about-section01 .about-section01-ul li .about-section01-ul-in div, .about-section01 .about-section01-ul li .about-section01-ul-in div:hover, .about-section01 .about-section01-ul li h3, .about-section01 .about-section01-ul li h3:hover { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .about-section01 .about-section01-ul li .about-section01-ul-in div:hover { transform: scale(1.05); color: #d6281d; } .about-section01 .about-section01-ul li h3:hover { font-size: 60px; border-top: none; background: linear-gradient(transparent, transparent, transparent, transparent, #FD1A16); } .about-section01 .about-section01-ul li .about-section01-ul-in div:hover span { background: #d6281d; color: #fff; } .about-section01 .about-section01-ul li h3 { font-size: 35px; color: #d6281d; margin-top: 20px; border-top: 3px solid #d6281d; text-align: right; width: 72%; float: right; font-weight: bolder; } .about-section02 { padding: 60px 0px; background: #F4F4F4; } .about-section02 .title-wrap span { color: #F4F4F4; } .about-section02 .about-section02-div { font-size: 16px; color: #8C8C8C; line-height: 30px; } .about-section02 .about-section02-ul { margin-top: 20px; overflow: hidden; } .about-section02 .about-section02-ul li { width: 33.333%; } .about-section02 .about-section02-ul li img { max-width: 100%; } .about-section03 { padding: 60px 0px; } .about-section04 { padding: 60px 0px; background: #F4F4F4; } .about-section04 .title-wrap span { color: #F4F4F4; } .about-section04 .about-section04-ul li { float: none; border-radius: 15px; margin-bottom: 45px; background: #fff; overflow: hidden; } .about-section04 .about-section04-ul li a { display: block; overflow: hidden; } .about-section04 .about-section04-ul li:nth-child(2n) .about-section04-r { float: left; } .about-section04 .about-section04-ul li:nth-child(2n) .about-section04-l { float: right; } .about-section04 .about-section04-ul li:nth-child(2n) .about-section04-l img { border-radius: 0px 15px 15px 0px; } .about-section04 .about-section04-ul li:last-of-type { margin-bottom: 0; } .about-section04 .about-section04-ul li .about-section04-l { width: 30%; border-radius: 15px 0 0 15px; } .about-section04 .about-section04-ul li .about-section04-l img { border-radius: 15px 0 0 15px; } .about-section04 .about-section04-ul li .about-section04-r { width: 70%; padding: 45px 35px 0; } .about-section04 .about-section04-ul li .about-section04-r h3 { font-size: 25px; color: #262626; } .about-section04 .about-section04-ul li .about-section04-r p { font-size: 18px; color: #333333; margin: 10px 0 25px; position: relative; } .about-section04 .about-section04-ul li .about-section04-r p:after { content: ""; width: 35px; height: 4px; background: #FD1A16; position: absolute; left: 0; bottom: -12px; } .about-section04 .about-section04-ul li .about-section04-r .about-section04-cons { font-size: 16px; color: #8C8C8C; line-height: 25px; } .about-section05 { padding: 60px 0px; } .about-section05 .about-section05-cons { background: #F4F4F4; padding: 34px 37px; border-radius: 15px; overflow: hidden; } .about-section05 .about-section05-cons .about-section05-cons-l { width: 65%; } .about-section05 .about-section05-cons .about-section05-cons-l .about-section05-con-ul li { float: none; font-size: 17px; color: #3F3F3F; margin-bottom: 18px; } .about-section05 .about-section05-cons .about-section05-cons-l .about-section05-con-ul li:last-of-type { margin-bottom: 0; } .about-section05 .about-section05-cons .about-section05-cons-l .about-section05-con-ul li i { color: #3F3F3F; } .about-section05 .about-section05-cons .about-section05-cons-l .about-section05-con-ul li span { display: inline-block; } .about-section05 .about-section05-cons .about-section05-cons-l .about-section05-con-ul li span:nth-child(1) { width: 210px; } .about-section05 .about-section05-cons .about-section05-cons-l .about-section05-con-ul li span:nth-child(2) { width: 360px; text-align: left; } .about-section05 .about-section05-cons .about-section05-cons-l .about-section05-con-ul li span:nth-child(3) { margin-left: 20px; } .about-section05 .about-section05-cons .about-section05-cons-r { width: 35%; padding-top: 20px; } .banner-in-tzz .tzzgx-ban-title { font-size: 55px; color: #fff; font-weight: bolder; } .tzz-wrap { padding: 100px 0 115px; } .tzz-wrap .tzz-wrap-list .tzz-wrap-title { font-size: 23px; color: #262626; padding-bottom: 25px; margin-bottom: 10px; border-bottom: 2px solid #303030; } .tzz-wrap .tzz-wrap-list .tzz-wrap-title a { float: right; font-size: 15px; color: #919191; margin-top: 10px; } .tzz-wrap .tzz-wrap-ul li { float: none; padding: 15px 0; border-bottom: 1px solid #D3D3D3; } .tzz-wrap .tzz-wrap-ul li a { display: block; position: relative; } .tzz-wrap .tzz-wrap-ul li a p { font-size: 15px; color: #919191; margin-bottom: 10px; } .tzz-wrap .tzz-wrap-ul li a h3 { font-size: 16px; color: #000000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .tzzfw-wrap .tzzfw-wrap-ul li span.tzzfw-span, .tzzfw-wrap .tzzfw-wrap-ul li:hover span.tzzfw-span { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .tzzfw-wrap .tzzfw-wrap-ul li:hover span.tzzfw-span { -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg); } .tzz-wrap .tzz-wrap-ul li a span { position: absolute; top: 0; right: 10px; } .tzz-wrap .tzz-wrap-ul li a span i { color: #9C9C9C; font-size: 22px; } .tzzfw-wrap { height: 370px; } .tzzfw-wrap .title-wrap h3 { color: #fff; } .tzzfw-wrap .title-wrap span { color: #3B3B38; text-shadow: 1px 1px #4d4e4b, -1px -1px #4d4e4b, 1px -1px #4d4e4b, -1px 1px #4d4e4b; } .tzzfw-wrap .title-wrap p { color: #FD1A16 !important; } .tzzfw-wrap .tzzfw-wrap-ul li { width: 20%; border-right: 1px solid rgba(255, 255, 255, 0.6); padding-top: 115px; text-align: center; height: 370px; } .tzzfw-wrap .tzzfw-wrap-ul li span.tzzfw-span { display: inline-block; width: 64px; height: 64px; border-radius: 100%; line-height: 64px; text-align: center; margin-bottom: 30px; border: 1px solid #fff; } .tzzfw-wrap .tzzfw-wrap-ul li span.tzzfw-span i { color: #fff; font-size: 24px; } .tzzfw-wrap .tzzfw-wrap-ul li p { font-size: 16px; color: #fff; line-height: 30px; } .tzzfw-wrap .tzzfw-wrap-ul li:nth-child(1) { width: 40%; padding-top: 124px; text-align: left; } .jrwm-section01, .padding60 { padding: 60px 0px; } .jrwm-section01 .jrwm-section01-list .pr, .jrwm-section01 .jrwm-section01-list img, .jrwm-section01 .jrwm-section01-list .scale { border-radius: 15px; } .jrwm-section01 .jrwm-section01-list a { display: block; } .jrwm-section01 .jrwm-section01-list h3 { font-size: 22px; color: #fff; text-align: center; bottom: 25px; position: absolute; left: 0; width: 100%; } .jrwm-section02 { padding: 60px 0px; background: #F4F4F4; } .jrwm-section02 .title-wrap span { color: #F4F4F4; } .jrwm-section02 .jrwm-section02-div { margin-bottom: 45px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-l { width: 37%; background: #6D696F; border-radius: 15px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-l img { border-radius: 15px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r { position: absolute; top: 60px; right: 0; width: 70%; z-index: 2; padding: 50px 0px 50px 166px; background: #fff; border-radius: 15px; box-shadow: 0 0 15px 0px #c9c4c4; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r .pr:after { content: ""; width: 4px; height: 69px; background: #FD1A16; position: absolute; top: 0; left: -60px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r h3 { font-size: 26px; color: #262626; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r p { font-size: 19px; color: #FD1A16; margin: 15px 0 25px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r a { width: 142px; height: 45px; background: #FD1A16; text-align: center; line-height: 45px; border-radius: 30px; color: #fff; display: inline-block; font-size: 16px; } .jrwm-section02 .wh-ul { overflow: hidden; background-size: cover; background-repeat: no-repeat; border-radius: 15px; height: 344px; } .jrwm-section02 .wh-ul li { width: 25%; border-right: 1px solid rgba(255, 255, 255, 0.6); padding-top: 90px; text-align: center; height: 344px; position: relative; overflow: hidden; } .jrwm-section02 .wh-ul li.active { width: 52%; } .jrwm-section02 .wh-ul li.active .wh-ul-l { width: 35%; } .jrwm-section02 .wh-ul li.active .wh-ul-r { display: block; width: 65%; } .jrwm-section02 .wh-ul li.active:after { content: ""; width: 110%; height: 100%; background: rgba(253, 26, 22, 0.8); position: absolute; top: 0; left: 0; } .jrwm-section02 .wh-ul li h3 { font-size: 28px; margin: 15px 0 10px; color: #fff; } .jrwm-section02 .wh-ul li p { font-size: 18px; color: #fff; } .jrwm-section02 .wh-ul li .wh-ul-r { display: none; width: 65%; height: 158px; border-left: 1px solid rgba(255, 255, 255, 0.3); padding-left: 35px; float: right; position: relative; z-index: 2; text-align: left; } .jrwm-section02 .wh-ul li .wh-ul-r p.wh-ul-r-p1 { position: relative; font-size: 19px; color: #fff; margin-bottom: 15px; padding-left: 28px; } .jrwm-section02 .wh-ul li .wh-ul-r p.wh-ul-r-p1 span { display: inline-block; width: 24px; height: 24px; background: #fff; border-radius: 100%; text-align: center; line-height: 24px; color: #FD1A16; position: absolute; top: 0; left: 0; } .jrwm-section02 .wh-ul li .wh-ul-r .wh-ul-r-p2 { font-size: 18px; color: #fff; margin-top: 20px; } .jrwm-section02 .wh-ul li .wh-ul-l { width: 100%; float: left; position: relative; z-index: 2; } .jrwm-section03 { padding: 60px 0px; } .jrwm-section03 .jrwm-section03-ul { position: absolute; top: 60px; right: 0; } .jrwm-section03 .jrwm-section03-ul li { margin-left: 50px; cursor: pointer; } .jrwm-section03 .jrwm-section03-ul li.active { color: #FD1A16; } .jrwm-section03 .jrwm-section03-ul li.active span { color: #FD1A16; } .jrwm-section03 .jrwm-section03-ul li span { display: block; font-size: 16px; color: #565656; } .jrwm-section03 .jrwm-section03-ul li h3 { font-size: 20px; color: #0F0F0F; } .jrwm-section03 .jrwm-section03-list { position: relative; } .jrwm-section03 .jrwm-section03-list .swiper-jrwm { overflow: hidden; } .jrwm-section03 .jrwm-section03-list .swiper-jrwm .swiper-slide { position: relative; } .jrwm-section03 .jrwm-section03-list .swiper-jrwm .swiper-slide .jrwm-section03-list-lay { cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(253, 26, 22, 0.7); border-radius: 10px; -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .jrwm-section03 .jrwm-section03-list .swiper-jrwm .swiper-slide .jrwm-section03-list-lay span { display: inline-blcok; width: 58px; height: 58px; border-radius: 100%; border: 1px solid #fff; text-align: center; line-height: 58px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .jrwm-section03 .jrwm-section03-list .swiper-jrwm .swiper-slide .jrwm-section03-list-lay span i { font-size: 20px; color: #fff; } .jrwm-section03 .jrwm-section03-list .swiper-jrwm img { border-radius: 15px; } .jrwm-section03 .jrwm-section03-list .pagination-jrwm { bottom: -40px; left: 0; width: 100%; } .jrwm-section03 .jrwm-section03-list .pagination-jrwm .swiper-pagination-bullet { width: 13px; height: 13px; opacity: 1; background: #9B9B9B; margin: 0 5px; } .jrwm-section03 .jrwm-section03-list .pagination-jrwm .swiper-pagination-bullet-active { background: #FD1A16; } .jrwm-section04 { padding: 60px 0px; background: #F4F4F4; } .jrwm-section04 .title-wrap span { color: #F4F4F4; } .jrwm-section04 .swiper-sytd { overflow: hidden; border-radius: 20px; height: 450px; } .jrwm-section04 .swiper-sytd .swiper-slide { background-size: cover; height: 100%; background-position: center; } .jrwm-section04 .swiper-sytd .sytd-cons { left: 125px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); width: 600px; } .jrwm-section04 .swiper-sytd .sytd-cons h3 { font-size: 25px; color: #fff; } .jrwm-section04 .swiper-sytd .sytd-cons div { font-size: 17px; color: #fff; line-height: 30px; margin: 20px 0 30px; } .jrwm-section04 .swiper-sytd .sytd-cons a { width: 142px; height: 45px; background: #FD1A16; text-align: center; line-height: 45px; border-radius: 40px; color: #fff; display: inline-block; font-size: 16px; } .jrwm-section04 .swiper-sytd .swiper-slide:nth-child(3) .sytd-cons, .jrwm-section04 .swiper-sytd .swiper-slide:nth-child(4) .sytd-cons { float: right; width: 500px; right: 125px; left: inherit; } .jrwm-section04 .next-sytd, .jrwm-section04 .prev-sytd { width: 108px; height: 109px; background-image: inherit !important; margin-top: -50px; } .jrwm-section05 { padding: 60px 0px; } .jrwm-section05 .syfc-list a { display: block; border-radius: 15px; border: 1px solid #EAEAEA; } .jrwm-section05 .syfc-list a img, .jrwm-section05 .syfc-list a .scale { border-radius: 15px 15px 0 0; } .jrwm-section05 .syfc-list a .syfc-bottom { background: #fff; padding: 15px 20px 0; min-height: 172px; border-radius: 0px 0px 15px 15px; } .jrwm-section05 .syfc-list a .syfc-bottom h3 { font-size: 19px; color: #0F0F0F; } .jrwm-section05 .syfc-list a .syfc-bottom div { font-size: 16px; color: #8C8C8C; line-height: 25px; margin: 10px 0; height: 50px; } .jrwm-section05 .syfc-list a .syfc-bottom p { font-size: 16px; color: #3A3A3A; } .jrwm-section05 .syfc-list a .syfc-bottom p span { display: inline-block; width: 26px; height: 26px; border-radius: 100%; text-align: center; line-height: 26px; background: #EC1B23; margin-left: 10px; } .jrwm-section05 .syfc-list a .syfc-bottom p span i { color: #fff; } .jrwm-section06 { background: #F4F4F4; padding: 60px 0px; } .jrwm-section06 .title-wrap span { color: #F4F4F4; } .jrwm-section06 .jrwm-section06-in { height: 412px; background-size: cover; border-radius: 15px; border: 1px solid #eee; } .jrwm-section06 .jrwm-section06-in .jrwm-section06-div { margin-top: 60px; margin-left: 78px; width: 240px; height: 300px; background: #fff; padding-top: 25px; text-align: center; } .jrwm-section06 .jrwm-section06-in .jrwm-section06-div p { font-size: 17px; color: #727272; line-height: 25px; } .jrwm-section06 .jrwm-section06-in .jrwm-section06-div img { width: 140px; margin: 15px 0; display: inline-block; } .sysh-fix { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; display: none; } .sysh-fix.active { display: block; } .sysh-fix .sysh-fix-in { width: 750px; background: #fff; padding: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sysh-fix .sysh-fix-in img { max-width: 100%; } .sysh-fix .sysh-fix-span { width: 77px; position: absolute; top: -20px; right: -97px; } .sysh-fix .sysh-fix-span span { display: inline-block; width: 77px; height: 77px; background: #151616; text-align: center; line-height: 77px; margin-bottom: 1px; cursor: pointer; } .sysh-fix .sysh-fix-span span i { color: #fff; font-size: 40px; } .sysh-fix .sysh-fix-span .sysh-fix-zuo i, .sysh-fix .sysh-fix-span .sysh-fix-you i { font-size: 50px; } .sywhdes-wrap { padding: 60px 0; } .sywhdes-wrap .sywhdes-top { background: #F4F4F4; padding: 45px 80px 45px 125px; border-radius: 20px; font-size: 16px; color: #8C8C8C; line-height: 25px; position: relative; margin-bottom: 40px; } .sywhdes-wrap .sywhdes-top span { font-size: 20px; color: #FD1A16; } .sywhdes-wrap .sywhdes-top .span-l { position: absolute; top: 53px; left: 65px; font-size: 80px; color: #6E6A70; } .sywhdes-wrap .sywhdes-top .span-r { position: absolute; bottom: 15px; left: 400px; font-size: 80px; color: #6E6A70; } .sywhdes-wrap .sywhdes-bottom .sywhdes-bottom-l { width: 30%; } .sywhdes-wrap .sywhdes-bottom .sywhdes-bottom-l .sywhdes-bottom-l-div { border: 1px solid #eee; text-align: center; border-radius: 20px; } .sywhdes-wrap .sywhdes-bottom .sywhdes-bottom-l .sywhdes-bottom-l-div h3 { font-size: 20px; color: #000; padding-top: 20px; margin-bottom: 10px; } .sywhdes-wrap .sywhdes-bottom .sywhdes-bottom-l .sywhdes-bottom-l-div p { font-size: 16px; color: #757575; padding-bottom: 20px; } .sywhdes-wrap .sywhdes-bottom .sywhdes-bottom-r { width: 70%; padding-left: 45px; font-size: 16px; color: #8C8C8C; line-height: 25px; } .sytddes-wrap { padding: 55px 0; } .sytddes-wrap .sytddes-wrap-ul li { float: none; margin-bottom: 45px; overflow: hidden; } .sytddes-wrap .sytddes-wrap-ul li:nth-child(2n) .sytddes-wrap-l { float: right; } .sytddes-wrap .sytddes-wrap-ul li:nth-child(2n) .sytddes-wrap-r { float: left; padding-left: 0; padding-right: 50px; } .sytddes-wrap .sytddes-wrap-ul li .sytddes-wrap-l { width: 32%; } .sytddes-wrap .sytddes-wrap-ul li .sytddes-wrap-l img { border-radius: 10px; } .sytddes-wrap .sytddes-wrap-ul li .sytddes-wrap-r { width: 68%; padding-left: 50px; } .sytddes-wrap .sytddes-wrap-ul li .sytddes-wrap-r h3 { font-size: 25px; color: #000000; position: relative; margin-bottom: 35px; padding-top: 10px; } .sytddes-wrap .sytddes-wrap-ul li .sytddes-wrap-r h3:after { content: ""; width: 40px; height: 4px; background: #FD1A16; position: absolute; left: 0; bottom: -20px; } .sytddes-wrap .sytddes-wrap-ul li .sytddes-wrap-r div { font-size: 16px; color: #8C8C8C; line-height: 30px; } .sytddes-wrap .sytddes-wrap-ul li .sytddes-wrap-r div span { color: #FD1A16; } .syfcdes-wrap { padding: 55px 0; } .syfcdes-wrap .syfcdes-wrap-ul li { float: none; margin-bottom: 50px; overflow: hidden; } .syfcdes-wrap .syfcdes-wrap-ul li:nth-child(2n) .syfcdes-wrap-l { float: right; } .syfcdes-wrap .syfcdes-wrap-ul li:nth-child(2n) .syfcdes-wrap-r { float: left; padding-left: 0; padding-right: 50px; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-l { width: 32%; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-l img { border-radius: 10px; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r { width: 68%; padding-left: 50px; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r h3 { font-size: 25px; color: #FD1A16; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #C5C5C5; position: relative; padding-top: 25px; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r h3 i { font-style: normal; position: relative; z-index: 2; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r h3 span { font-size: 95px; color: #E6E6E6; font-weight: bolder; position: absolute; top: -16px; left: 0; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r div { font-size: 16px; color: #8C8C8C; line-height: 30px; } .load-khzz { padding: 10px 0; } .load-khzz .load-ul { margin-top: 8px; } .load-khzz .load-input { float: right; width: 300px; height: 40px; position: relative; border-radius: 4px; border: 1px solid #D3D3D3; } .load-khzz .load-input input { width: 100%; height: 40px; line-height: 40px; border-radius: 4px 0 0 4px; background: transparent; padding-left: 10px; } .load-khzz .load-input button { width: 48px; height: 40px; line-height: 38px; text-align: center; background: #FD1A16; border-radius: 0px 4px 4px 0px; border: 1px solid #FD1A16 !important; position: absolute; top: -1px; right: 0; border: none; } .load-khzz .load-input button i { color: #fff; } .banner-in-lay-khzz { position: absolute; top: 34%; left: 0; width: 100%; text-align: right; } .banner-in-lay-khzz h3 { font-size: 40px; color: #fff; font-weight: bolder; margin-bottom: 5px; } .banner-in-lay-khzz .banner-in-lay-khzz-r { text-align: left; } .banner-in-lay-khzz p { font-size: 67px; color: #fff; font-weight: bolder; } .banner-in-lay-khzz h3 span { font-size: 70px; } .khzz-p100 { font-size: 18px; color: #8C8C8C; margin-bottom: 20px; } .khzz-section01 { padding: 60px 0px; } .swiper-gg-wrap .swiper-slide { border-bottom: 1px solid #DBDBDB; } .swiper-gg-wrap .swiper-slide a { display: block; padding: 15px 0; } .swiper-gg-wrap .swiper-slide a span { display: inline-block; font-size: 16px; color: #8C8C8C; margin-right: 50px; } .swiper-gg-wrap .swiper-slide a span i { color: #8C8C8C; display: inline-block; margin-right: 5px; } .swiper-gg-wrap .swiper-slide a p span i { margin-right: 0; } .swiper-gg-wrap .swiper-slide a h3 { display: inline-block; font-size: 20px; color: #0F0F0F; width: 65%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .swiper-gg-wrap .swiper-slide a p { font-size: 16px; color: #3A3A3A; float: right; } .swiper-gg-wrap .swiper-slide a p span { display: inline-block; width: 26px; height: 26px; border-radius: 100%; text-align: center; line-height: 26px; background: #EC1B23; margin-left: 10px; margin-right: 20px; } .swiper-gg-wrap, .swiper-gg { height: 172px; overflow: hidden; } .swiper-gg-wrap .swiper-slide { height: 58px; } .swiper-gg-wrap .swiper-slide a p span i { color: #fff; } .khzz-section02 { padding: 60px 00px; background: #F4F4F4; } .khzz-section02 .title-wrap span { color: #F4F4F4; } .khzz-section02 .khzz-section02-list { border-radius: 15px; } .khzz-section02 .khzz-section02-list .scale { border-radius: 15px 15px 0 0; } .khzz-section02 .khzz-section02-list .khzz-section02-bottom { padding: 20px 0; text-align: center; background: #fff; border-radius: 0px 0px 15px 15px; } .khzz-section02 .khzz-section02-list .khzz-section02-bottom h3 { font-size: 19px; color: #000000; } .khzz-section02 .khzz-section02-list .khzz-section02-bottom p { font-size: 16px; color: #8C8C8C; padding: 0 15px; } .khzz-section03 { padding: 60px 0; } .khzz-section03 .khzz-section03-list { position: relative; } .khzz-section03 .khzz-section03-list .khzz-section03-list-lay { position: absolute; top: 50%; left: 60px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .khzz-section03 .khzz-section03-list .khzz-section03-list-lay h3 { font-size: 30px; color: #fff; margin-bottom: 15px; } .khzz-section03 .khzz-section03-list .khzz-section03-list-lay p { font-size: 16px; color: #fff; } .khzz-section03 .khzz-section03-list .khzz-section03-list-lay p span { display: inline-block; width: 26px; height: 26px; border-radius: 100%; text-align: center; line-height: 26px; background: #EC1B23; margin-left: 10px; } .khzz-section03 .khzz-section03-list .khzz-section03-list-lay p span i { color: #fff; } .khzz-section04 { padding: 60px 0; background: #F4F4F4; } .khzz-section04 .title-wrap span { color: #F4F4F4; } .khzz-section03 .khzz-section04-in, .khzz-section04 .khzz-section04-in { height: 390px; position: relative; background-size: cover; border-radius: 15px; background-repeat: no-repeat; } .khzz-section03 .khzz-section04-in .khzz-section04-div { top: 30% !important; } .khzz-section03 .khzz-section04-in .khzz-section04-div, .khzz-section04 .khzz-section04-in .khzz-section04-div { position: absolute; top: 50%; left: 0; text-align: center; width: 100%; border-radius: 20px; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .khzz-section04 .khzz-section04-in .khzz-section04-div h3 { font-size: 30px; color: #fff; margin-bottom: 40px; } .khzz-section03 .khzz-section04-in .khzz-section04-div h3 { font-size: 30px; color: #fff; width: 62%; margin: 0 auto 30px; line-height: 45px; } .khzz-section03 .khzz-section04-in .khzz-section04-div a, .khzz-section04 .khzz-section04-in .khzz-section04-div a { width: 142px; height: 45px; background: #FD1A16; text-align: center; line-height: 45px; border-radius: 40px; color: #fff; display: inline-block; font-size: 16px; } .khzz-section05 { padding: 60px 0; } .khzz-section05 .khzz-section05-div { background: #F4F4F4; padding: 35px; border-radius: 15px; } .khzz-section05 .khzz-section05-div span { font-size: 17px; color: #3F3F3F; } .khzz-section05 .khzz-section05-div span i { color: #3F3F3F; display: inline-block; margin-right: 5px; } .khzz-section05 .khzz-section05-div a { display: inline-block; width: 138px; height: 42px; line-height: 42px; text-align: center; font-size: 16px; color: #FD1A16; border: 1px solid #FD1A16; border-radius: 30px; margin-left: 110px; } .khzz-section05 .khzz-section05-div a i { color: #FD1A16; } .article-wrap { padding: 95px 0; } .article-wrap .article-wrap-l .article-title { font-size: 30px; color: #000000; } .article-wrap .article-wrap-l .article-time { font-size: 17px; color: #494949; margin: 20px 0; } .article-wrap .article-wrap-l .article-time i { color: #494949; display: inline-block; margin-right: 2px; } .article-wrap .article-wrap-l .article-cons { font-size: 16px; color: #111; line-height: 30px; text-align: justify; } .article-wrap .article-wrap-l .article-cons em { color: #7f7f7f; } .article-wrap .article-wrap-l .article-cons img { max-width: 100%; } .article-wrap .article-wrap-r .article-wrap-r-title { font-size: 30px; color: #000000; margin-bottom: 35px; } .article-wrap .article-wrap-r .article-wrap-r-ul li { float: none; overflow: hidden; background: #F4F4F4; border-radius: 15px; margin-bottom: 18px; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-l { width: 45%; float: left; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-l a { display: block; border-radius: 15px; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-l a img { border-radius: 15px; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-r { width: 55%; padding: 20px 20px 0; float: right; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-r a { display: block; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-r h3 { font-size: 16px; color: #000; margin-bottom: 10px; line-height: 25px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 2; display: -ms-box; -ms-box-orient: vertical; -ms-line-clamp: 2; display: -o-box; -o-box-orient: vertical; -o-line-clamp: 2; overflow: hidden; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-r p { font-size: 16px; color: #494949; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-r p i { color: #494949; } .article-wrap .article-wrap-share { width: 54px; position: absolute; top: 0; left: 0px; } .article-wrap-l { padding-left: 85px; } .article-wrap .article-wrap-share .article-wrap-share-div { width: 54px; height: 54px; text-align: center; line-height: 54px; margin-bottom: 1px; background: #F4F4F4; position: relative; } .article-wrap .article-wrap-share .article-wrap-share-div span { display: block; } .article-wrap .article-wrap-share .article-wrap-share-div.share-list a { display: block; padding: 0; width: 54px; height: 54px; position: absolute; top: 0; left: 0; z-index: 2; } .article-wrap .article-wrap-share .article-wrap-share-div.share-list:nth-child(2) a, .article-wrap .article-wrap-share .article-wrap-share-div.share-list:nth-child(3) a { opacity: 0; } .article-wrap .article-wrap-share .article-wrap-share-div.share-list:nth-child(1) a { border-radius: 0; border-color: transparent; } .article-wrap .article-wrap-share .article-wrap-share-div.share-list:nth-child(1) a:hover { background: transparent; } .article-wrap .article-wrap-share .article-wrap-share-div.share-list:nth-child(1) a:before { opacity: 0; } .article-wrap .article-wrap-share .article-wrap-share-div:hover { background: #FD1A16; } .social-share .icon-wechat .wechat-qrcode { top: -74px !important; left: 69px !important; } .social-share .icon-wechat .wechat-qrcode:after { display: none; } .article-wrap .article-wrap-share .article-wrap-share-div:hover i { color: #fff; } .article-wrap .article-wrap-share .article-wrap-share-div i { color: #9B9B9B; font-size: 24px; } .article-wrap .article-wrap-share .article-wrap-share-div01 i { font-size: 36px; } .banner .swiper-banner { height: 100%; position: relative; } .banner .swiper-banner .swiper-slide { position: relative; height: 100%; background-size: cover; } .banner .swiper-banner .banner_swiper1.swiper-slide .banner-lay h3 { font-size: 3.4375rem !important; color: #fff; } .banner .swiper-banner .banner_swiper1.swiper-slide .banner-lay p { font-size: 2.5rem !important; color: #02faff; } .banner .swiper-banner .banner_swiper1.swiper-slide .banner-lay { left: 46% !important; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay { width: 100%; top: 69%; left: auto; right: 0%; text-align: center; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay p { font-weight: 600; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay a { margin-top: 15px !important; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay .container { width: 100%; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay p { color: #002262; font-size: 3rem; } .banner .swiper-banner .swiper-slide .banner-lay { position: absolute; top: 50%; width: 100%; left: 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .banner .swiper-banner .swiper-slide .banner-lay h3 { font-size: 50px; color: #fff; font-weight: bolder; } .banner .swiper-banner .swiper-slide .banner-lay p { font-size: 30px; color: #fff; margin: 15px 0 15px; } .banner .swiper-banner .swiper-slide .banner-lay ul { overflow: hidden; } .banner .swiper-banner .swiper-slide .banner-lay ul li { text-align: center; margin-right: 35px; } .banner .swiper-banner .swiper-slide .banner-lay ul li img { display: block; margin-bottom: 15px; } .banner .swiper-banner .swiper-slide .banner-lay ul li p { font-size: 16px; color: #fff; } .banner .swiper-banner .swiper-slide .banner-lay a, .more_news { display: inline-block; width: 170px; height: 52px; line-height: 52px; text-align: center; font-size: 16px; color: #fff; border-radius: 40px; margin-top: 40px; background: #FD1A16; } /* .banner .swiper-banner .swiper-slide:nth-child(1) p, .banner .swiper-banner .swiper-slide:nth-child(1) h3 { font-size: 44px; font-weight: 600; line-height: 55px; } */ .more_news { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; margin-top: 0; } .more_news:hover { color: #fff; box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.3); } .index_hyyy { padding-top: 60px; } .product-index { padding: 60px 0px 0; } .product-index .title-wrap { position: relative; } .product-index .title-wrap a { display: inline-block; border-radius: 30px; text-align: center; width: 170px; height: 52px; line-height: 52px; border: 1px solid #FD1A16; color: #FD1A16; position: absolute; top: 80px; right: 0; } .product-index .product-index-list { margin-bottom: 25px; } .product-index .product-index-list .product-index-list-title { font-size: 30px; color: #262626; margin-bottom: 30px; height: 33px; } .product-index .product-index-list .product-index-list-in { background: #F4F4F4; border-radius: 15px; padding: 0 30px; text-align: justify; } .product-index .product-index-list .product-index-list-in .product-index-list-in-top { border-bottom: 1px solid #CCCCCC; text-align: center; min-height: 258px; line-height: 258px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-top img { max-width: 90%; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom { padding: 25px 0 40px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom h3 { font-size: 19px; color: #000000; margin: 15px 0 11px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom div { font-size: 16px; color: #8C8C8C; line-height: 30px; margin-bottom: 20px; min-height: 150px; text-align: justify; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom p { font-size: 15px; color: #3A3A3A; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom p span { display: inline-block; width: 26px; height: 26px; border-radius: 100%; text-align: center; line-height: 26px; background: #EC1B23; margin-left: 5px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom p span i { color: #fff; } .product-index .product-index-list-title02 { font-size: 30px; color: #262626; margin-bottom: 25px; } .product-index .rjkf-div { background: #F4F4F4; padding: 36px 0; border-radius: 15px; overflow: hidden; } .product-index .rjkf-div .rjkf-div-l { text-align: center; } .product-index .rjkf-div .rjkf-div-l a { display: block; } .product-index .rjkf-div .rjkf-div-l a img { max-width: 100%; } .product-index .rjkf-div .rjkf-div-r { padding: 0 50px 0 45px; border-left: 1px solid #ccc; height: auto; display: flex; align-items: center; } .product-index .rjkf-div .rjkf-div-r a { display: block; padding-bottom: 20px; } .product-index .rjkf-div .rjkf-div-r a div { margin-bottom: 45px; } .product-index .rjkf-div .rjkf-div-r img { margin-top: -15px; margin-bottom: 5px; } .product-index .rjkf-div .rjkf-div-r h3, .index_yszs .right h3 { font-size: 20px; color: #000; margin: 10px 0 15px; } .product-index .rjkf-div .rjkf-div-r div, .index_yszs .right div { font-size: 16px; color: #8C8C8C; line-height: 25px; margin-bottom: 20px; text-align: justify; } .product-index .rjkf-div .rjkf-div-r p, .index_yszs .right p { font-size: 15px; color: #3A3A3A; } .product-index .rjkf-div .rjkf-div-r p span, .index_yszs .right p span { display: inline-block; width: 26px; height: 26px; border-radius: 100%; text-align: center; line-height: 26px; background: #EC1B23; margin-left: 10px; } .product-index .rjkf-div .rjkf-div-r p span i, .index_yszs .right p span i { color: #fff; } .index_yszs { display: flex; justify-content: space-between; align-items: center; background: #F4F4F4; border-radius: 15px; } .index_yszs .left .over, .index_yszs .left .over img { border-radius: 15px; } .index_yszs .right { padding: 0 45px; } .index_yszs .left, .index_yszs .right { width: 50%; } .index_yszs .right .img img { height: 50px; object-fit: contain; } .flex_yaotu.index_yszs .right .img img { height: 100px; } .flex_yaotu.index_yszs .right .img img:nth-child(2) { display: none; } .index_yszs .right h3 { text-transform: uppercase; } .news-index { padding: 60px 0px; background: #F4F4F4; } .news-index .title-wrap { position: relative; } .news-index .title-wrap span { color: #F4F4F4; } .news-index .title-wrap a { display: inline-block; border-radius: 30px; text-align: center; width: 170px; height: 52px; line-height: 52px; border: 1px solid #FD1A16; color: #FD1A16; position: absolute; top: 80px; right: 0; } .news-index .swiper-news { overflow: hidden; } .news-index .swiper-news .scale img, .news-index .swiper-news .scale { border-radius: 20px; } .news-index .swiper-news .news-index-bottom { padding: 20px 0 0; } .news-index .swiper-news .news-index-bottom a { display: block; } .news-index .swiper-news .news-index-bottom a .news-index-time { font-size: 14px; color: #8C8C8C; } .news-index .swiper-news .news-index-bottom a .news-index-time i { color: #8C8C8C; } .news-index .swiper-news .news-index-bottom a h3 { font-size: 18px; color: #0F0F0F; margin: 10px 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-index .swiper-news .news-index-bottom a div { font-size: 16px; color: #8C8C8C; line-height: 30px; margin-bottom: 20px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 2; display: -ms-box; -ms-box-orient: vertical; -ms-line-clamp: 2; display: -o-box; -o-box-orient: vertical; -o-line-clamp: 2; overflow: hidden; } .news-index .swiper-news .news-index-bottom a .news-index-more { padding-bottom: 20px; font-size: 16px; color: #3A3A3A; border-bottom: 1px solid #ccc; } .news-index .swiper-news .news-index-bottom a .news-index-more span { display: inline-block; position: relative; padding-right: 5px; float: right; } .news-index .swiper-news .news-index-bottom a .news-index-more span:after { content: ""; width: 1px; height: 10px; background: #CCCCCC; position: absolute; top: 7px; right: 0; } .news-index .swiper-news .news-index-bottom a .news-index-more span i { color: #CCCCCC; } footer .foot-top { background: #282828; padding: 80px 0 60px; } footer .foot-top .foot-top-ul li:nth-child(1) { width: 20%; } footer .foot-top .foot-top-ul li:nth-child(1) .mb30 { margin-bottom: 2.5rem; } footer .foot-top .foot-top-ul li:nth-child(1) h3 { display: block; } footer .foot-top .foot-top-ul li { /* margin-right: 100px; */ } footer .foot-top .foot-top-ul li a.footer_name { font-size: 16px; } .foot-top-ul { display: flex; justify-content: space-between; } footer .foot-top .foot-top-ul-in03 { display: flex; justify-content: space-between; } footer .foot-top .foot-top-ul li:last-of-type { margin-right: 0; } footer .foot-top .foot-top-ul li h3 { font-size: 17px; color: #fff; padding-bottom: 15px; margin-bottom: 15px; display: inline-block; border-bottom: 1px solid #3F3F3F; } footer .foot-top .foot-top-ul li h3 > a { font-size: 17px; color: #fff; } .contact_footer { padding-bottom: 25px !important; } footer .foot-top .foot-top-ul li a { display: block; font-size: 15px; color: #9C9C9C; margin-bottom: 10px; } footer .foot-top .foot-top-ul li p { font-size: 15px; color: #fff; margin-bottom: 10px; } footer .foot-bottom { font-size: 15px; color: #9C9C9C; background: #161616; overflow: hidden; height: 65px; line-height: 65px; } footer .foot-bottom p a { color: #9C9C9C; } footer .foot-bottom .copy { float: left; } footer .foot-bottom .foot-bottom-a { float: right; } footer .foot-bottom .foot-bottom-a a { font-size: 15px; color: #9C9C9C; } body { padding-top: 146px; } .height_fix { height: 146px; } .heig_load { position: fixed; top: 90px; z-index: 998; left: 0; width: 100%; } .home-a-in, .load .home-a > a span { display: none !important; } header { background: #fff; padding: 0 90px; border-bottom: 1px solid #CDCDCD; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } header.active { position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; } header .logo { display: inline-block; line-height: 90px; } header .logo img { width: 127px; height: 58px; } header .menu-ul { float: right; margin-right: 250px; } header .menu-ul > li { padding: 0 30px; } header .menu-ul > li.active > a, header .menu-ul > li:hover > a { color: #FD1A16; } header .menu-ul > li.active > a:after, header .menu-ul > li:hover > a:after { width: 100%; } header .menu-ul > li > a { font-size: 17px; color: #636363; padding: 33px 0px; position: relative; display: block; } header .menu-ul > li > a:after { content: ""; width: 0%; height: 4px; background: #FD1A16; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } header .head-sousuo-i { float: right; color: #000; font-size: 20px; line-height: 90px; cursor: pointer; } .jrwm-section03 .jrwm-section03-list .swiper-jrwm .swiper-slide:hover .jrwm-section03-list-lay { -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); } header .menu-ul { position: relative; } header .menu-ul > li:nth-child(3) .cpjs-menu-wrap { left: -115px; } header .menu-ul .cpjs-menu-wrap { width: 935px; background: #fff; padding: 25px 35px; overflow: hidden; position: absolute; top: 91px; left: -50px; border: 1px solid #CDCDCD; border-top: none; display: none; } header .menu-ul .cpjs-menu-wrap.head-menu-industy { width: 388px; } header .menu-ul .cpjs-menu-wrap.head-menu-industy .cpjs-menu-wrap-list:nth-child(2) { width: calc(60% - 40px) !important; } header .menu-ul .cpjs-menu-wrap.head-menu-industy .cpjs-menu-wrap-list:nth-child(2) .disabled p { margin-bottom: 0 !important; } header .menu-ul .cpjs-menu-wrap.head-menu-industy .cpjs-menu-wrap-list:nth-child(2) .disabled p a { font-size: 14px; line-height: 27px; color: #7C7C7C; margin-bottom: 0 !important; } header .menu-ul .cpjs-menu-wrap.head-menu-industy .cpjs-menu-wrap-list .disabled:nth-child(3) { margin-top: 8px; } header .menu-ul .cpjs-menu-wrap.head-menu-industy .cpjs-menu-wrap-list:nth-child(1) { width: 40%; } header .menu-ul .cpjs-menu-wrap.head-menu-industy .cpjs-menu-wrap-list:nth-child(1) li { width: 100%; } header .menu-ul .cpjs-menu-wrap.active { display: block; } header .menu-ul .cpjs-menu-wrap-list:nth-child(2) { width: calc(18% - 40px); margin-left: 40px; } header .menu-ul .cpjs-menu-wrap-list:nth-child(3) { width: calc(15% - 10px); margin-left: 40px; } header .menu-ul .cpjs-menu-wrap-list:nth-child(4) { width: calc(30% - 40px); margin-left: 40px; } header .menu-ul .cpjs-menu-wrap-list:nth-child(1) { width: 33%; margin-left: 0; } header .menu-ul .cpjs-menu-wrap-list:nth-child(1) ul li { width: 50%; float: left; } header .menu-ul .cpjs-menu-wrap-list:nth-child(1) ul { display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; } header .menu-ul .cpjs-menu-wrap-list h3 { font-size: 18px; color: #000000; padding-bottom: 20px; border-bottom: 1px solid #CDCDCD; margin-bottom: 10px; } header .menu-ul .cpjs-menu-wrap-list .cpjs-menu-wrap-list-ul li { float: none; } header .menu-ul .cpjs-menu-wrap-list .cpjs-menu-wrap-list-ul li p { font-size: 16px; color: #000000; margin-bottom: 10px; } header .menu-ul .cpjs-menu-wrap-list .cpjs-menu-wrap-list-ul li p a { color: #000000; } header .menu-ul .cpjs-menu-wrap-list .cpjs-menu-wrap-list-ul li a { display: block; font-size: 15px; color: #7C7C7C; margin-bottom: 10px; } header .menu-ul .cpjs-menu-wrap-list .cpjs-menu-wrap-list-ul01 li { float: none; } header .menu-ul .cpjs-menu-wrap-list .cpjs-menu-wrap-list-ul01 li a { font-size: 16px; color: #000000; margin-bottom: 10px; display: block; } header .menu-ul > li { position: relative; } header .menu-ul > li:nth-child(2) { position: initial; } .sec-ul { width: 252px; background: #fff; padding: 20px 45px 30px; position: absolute; top: 91px; left: 50%; border: 1px solid #CDCDCD; border-top: none; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); display: none; z-index: 9999; } .sec-ul li { float: none; border-bottom: 1px solid #CDCDCD; height: 55px; line-height: 55px; text-align: center; } .sec-ul li a { display: block; font-size: 16px; color: #000000; } .sec-ul li a { position: relative; } .sec-ul li a:after { content: ""; width: 0%; height: 1px; background: #FD1A16; position: absolute; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .sec-ul li:hover a:after { width: 100%; } .sec-ul li:hover a, header .menu-ul .cpjs-menu-wrap-list .cpjs-menu-wrap-list-ul li a:hover, header .menu-ul .cpjs-menu-wrap-list .cpjs-menu-wrap-list-ul01 li a:hover { color: #FD1A16 !important; } .searchbox { padding: 1rem 0; box-shadow: 0 0 0.4375rem 0 #cfcfcf; background: #fff; position: fixed; display: none; left: 0; width: 100%; right: 0; top: 90px; border-top: 0.125rem solid #FD1A16; text-align: center; z-index: 999; } .searchs { max-width: 37.5rem; margin: 0 auto; } .searchs .sertext { display: block; padding: 0; outline: 0; padding-left: 10px; width: 78%; float: left; border: 1px solid #FD1A16; color: #a2a2a2; font-size: 0.75rem; height: 52px; line-height: 52px; transition: 0.4s; } .serbtn { padding: 0; margin: 0; border: none; outline: 0; width: 22%; float: right; height: 52px; text-align: center; line-height: 52px; background: #FD1A16; color: #fff; font-size: 16px; cursor: pointer; transition: 0.44s; } .serbtn:hover { box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.3); } .banner .swiper-banner .swiper-slide .banner-lay a:hover, .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r a:hover, .jrwm-section04 .swiper-sytd .sytd-cons a:hover { box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.3); } .product-index .title-wrap a:hover, .news-index .title-wrap a:hover { box-shadow: inset 0 0 0 30px #fd1a16; color: #fff; } .banner-in-page { position: absolute; left: 50%; transform: translateX(-50%); width: 233px; height: 25px; z-index: 1; bottom: 100px; } .banner .banner-in-page { width: 237px; } .banner-in-page .pr { padding: 0 30px; height: 100%; } .banner-in-page .prev-banner, .banner-in-page .next-banner { margin-top: 0; background-image: inherit !important; width: 25px; height: 25px; line-height: 25px; text-align: center; } .banner-in-page .prev-banner i, .banner-in-page .next-banner i { color: #fff; font-size: 25px; } .banner-in-page .prev-banner { left: 0; top: 0; } .banner-in-page .next-banner { right: 0; top: 0; } .banner-in-page .pagination-banner .swiper-pagination-bullet { width: 22px; height: 25px; line-height: 25px; color: rgba(255, 255, 255, 0.3); opacity: 1; background: transparent; border-radius: 0; text-align: left; font-size: 12px; } .banner-in-page .pagination-banner .swiper-pagination-bullet-active { width: 118px; position: relative; } .banner-in-page .pagination-banner .swiper-pagination-bullet-active:after { content: ""; width: 80px; height: 2px; background: #fff; position: absolute; top: 11px; right: 10px; } .mouse { position: absolute; left: 50%; bottom: 40px; z-index: 2; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); animation: run 1s infinite linear; cursor: pointer; } @keyframes run { from { bottom: 40px; opacity: 0; } to { bottom: 20px; opacity: 1; } } .product-index .product-index-list .product-index-list-in a { display: block; } .product-index .product-index-list .product-index-list-in:hover .product-index-list-in-bottom p, .product-index .rjkf-div:hover .rjkf-div-r p, .product-index .product-index-list .product-index-list-in:hover .product-index-list-in-bottom h3, .product-index .rjkf-div:hover .rjkf-div-r h3, .jrwm-section05 .syfc-list:hover a .syfc-bottom h3, .jrwm-section05 .syfc-list:hover a .syfc-bottom p, .index_yszs:hover .right h3, .index_yszs:hover .right p { color: #EC1B23; } .news-index .swiper-news .news-index-bottom a .news-index-more { position: relative; } .news-index .swiper-news .news-index-bottom a .news-index-more:after { content: ""; width: 0%; height: 1px; background: #EC1B23; position: absolute; left: 0; bottom: 0; } .news-index .swiper-news .news-index-bottom:hover a h3, .news-index .swiper-news .news-index-bottom:hover a .news-index-more, .news-index .swiper-news .news-index-bottom:hover a .news-index-more span i { color: #EC1B23 !important; } .news-index .swiper-news .news-index-bottom:hover a .news-index-more span:after { background: #EC1B23; } .news-index .swiper-news .news-index-bottom:hover a .news-index-more:after { width: 100%; } .news-index .container .next-news, .news-index .container .prev-news, .about_news_swiper .prev-news, .about_news_swiper .next-news { width: 108px; height: 109px; background-image: initial !important; top: 50%; transform: translateY(-50%); margin-top: 0; text-align: center; } .about_news_swiper .content .name { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 2; display: -ms-box; -ms-box-orient: vertical; -ms-line-clamp: 2; display: -o-box; -o-box-orient: vertical; -o-line-clamp: 2; overflow: hidden; } .about_news_swiper .content { padding: 25px 30px; border-radius: 0 0 15px 15px; } .about_news_swiper .swiper-slide { background: #F4F4F4; border-radius: 15px; } .about_news_swiper .swiper-slide:hover img { transform: scale(1.1); } .about_news_swiper .swiper-slide:hover .name { color: #EC1B23; } .news-index .container .next-news, .about_news_swiper .next-news { right: -120px; } .about_news_swiper .prev-news, .news-index .container .prev-news { left: -120px; } .phone-menu { display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000; height: 50px; background: #fff; padding-right: 15px; border-bottom: 1px solid #eee; } .phone-menu .phone-menu-logo img { width: 90px; margin-left: 15px; margin-top: 4px; } .phone-menu .phone-menu-caidan { display: inline-block; position: relative; width: 22px; height: 16px; float: right; margin-top: 18px; } .phone-menu .phone-menu-caidan.active span:nth-child(1) { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 7px; } .phone-menu .phone-menu-caidan.active span:nth-child(2) { display: none; } .phone-menu .phone-menu-caidan.active span:nth-child(3) { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); bottom: 7px; } .phone-menu .phone-menu-caidan span { position: absolute; width: 100%; height: 2px; left: 0; background: #FD1A16; } .phone-menu .phone-menu-caidan span:nth-child(1) { top: 0; } .phone-menu .phone-menu-caidan span:nth-child(2) { top: 7px; } .phone-menu .phone-menu-caidan span:nth-child(3) { bottom: 0; } .phone-menu .phone-menu-ul { background: #fff; position: fixed; top: 50px; right: -100%; width: 100%; bottom: 0; z-index: 1000; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; height: calc(100vh - 50px); overflow-y: scroll; } .phone-menu .phone-menu-ul::-webkit-scrollbar-track { /*婊氬姩鏉¢噷闈㈣建閬?/ background-color: #c9c9c9; width: 0; height: 164px; position: absolute; } .phone-menu .phone-menu-ul::-webkit-scrollbar { /*婊氬姩鏉℃暣浣撴牱寮?/ width: 0; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ } .phone-menu .phone-menu-ul::-webkit-scrollbar-thumb { /*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ display: block; width: 0; height: 35px; background: #000; } .phone-menu .phone-menu-ul.active { right: 0; } .phone-menu .phone-menu-ul li { float: none; padding: 10px; } .phone-menu .phone-menu-ul > li { border-top: 1px solid #eee; } .phone-menu .phone-menu-ul > li:last-of-type { border-bottom: 1px solid #eee; margin-bottom: 50px; } .phone-menu .phone-menu-ul li a { font-size: 14px; color: #636363; } .phone-menu .phone-menu-ul li img { border-radius: 100%; } .phone-menu .phone-menu-ul li .phone-menu-cn { display: inline-block; margin-right: 10px; } .phone-menu .phone-menu-ul li .phone-menu-sec { margin-top: 15px; display: none; } .phone-menu .phone-menu-ul li .phone-menu-sec li { padding: 5px 10px; } .phone-menu .phone-menu-ul > li span { display: inline-block; width: 16px; height: 16px; position: relative; float: right; } .phone-menu .phone-menu-ul > li span.active i:nth-child(2) { display: none; } .phone-menu .phone-menu-ul > li span i { display: inline-block; position: absolute; width: 100%; height: 2px; background: #636363; } .phone-menu .phone-menu-ul > li span i:nth-child(1) { top: 7px; left: 0; } .phone-menu .phone-menu-ul > li span i:nth-child(2) { bottom: 0; width: 2px; height: 100%; left: 7px; } footer a:hover { color: #FD1A16 !important; } .banner-in-page-news { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } .banner-in-page .pagination-banner .swiper-pagination-bullet-active { color: #fff; } .tzz-wrap .tzz-wrap-list .tzz-wrap-title a:hover, .tzz-wrap .tzz-wrap-ul li:hover a h3 { color: #FD1A16; } .news-wrap .news-wrap-top:hover .news-w a .news-title, .news-wrap .news-wrap-top:hover .news-w a .news-more, .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li:hover a .news-title, .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li:hover a .news-more, .load a:hover, .article-wrap .article-wrap-r .article-wrap-r-ul li:hover .article-wrap-ul-r h3 { color: #EC1B23 !important; } .jrwm-section03 .jrwm-section03-list .swiper-jrwm .swiper-slide:hover .jrwm-section03-list-lay, .jrwm-section03 .jrwm-section03-list .swiper-jrwm .swiper-slide .jrwm-section03-list-lay, .article-wrap .article-wrap-share .article-wrap-share-div, .article-wrap .article-wrap-share .article-wrap-share-div:hover, header .menu-ul > li:hover > a, header .menu-ul > li > a, header .menu-ul > li:hover > a:after, header .menu-ul > li > a:after, .sec-ul li:hover a:after, .sec-ul li a:after, .serbtn:hover, .serbtn, .banner .swiper-banner .swiper-slide .banner-lay a:hover, .banner .swiper-banner .swiper-slide .banner-lay a, .product-index .title-wrap a:hover, .product-index .title-wrap a, .news-index .title-wrap a, .news-index .title-wrap a:hover, .news-index .swiper-news .news-index-bottom:hover a .news-index-more:after, .news-index .swiper-news .news-index-bottom a .news-index-more:after, .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r a, .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r a:hover, .jrwm-section02 .wh-ul li, .jrwm-section02 .wh-ul li.active, .jrwm-section04 .swiper-sytd .sytd-cons a, .jrwm-section04 .swiper-sytd .sytd-cons a:hover, .cpjs-section01-list:hover img, .cpjs-section01-list img { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .cpjs-section01-list:hover img { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } .cpjs-section03 .cpjs-section03-list:hover .cpjs-section03-list-in .cpjs-section03-list-in-r a p, .cpjs-section03 .cpjs-section03-list:hover .cpjs-section03-list-in .cpjs-section03-list-in-r a h3 { color: #EC1B23; } .cpjs-section03 .cpjs-section03-list:hover .cpjs-section03-list-in { box-shadow: 0 0 10px 0 #d9d6d6; } .banner-in { background-repeat: no-repeat; background-size: cover; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-l a { display: block; } .load-khzz .load-input button:hover, .load-khzz .load-input button, .khzz-section04 .khzz-section04-in .khzz-section04-div a, .khzz-section04 .khzz-section04-in .khzz-section04-div a:hover, .khzz-section03 .khzz-section04-in .khzz-section04-div a, .khzz-section03 .khzz-section04-in .khzz-section04-div a:hover, .khzz-section05 .khzz-section05-div a:hover, .khzz-section05 .khzz-section05-div a { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .load-khzz .load-input button:hover, .khzz-section04 .khzz-section04-in .khzz-section04-div a:hover { box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.3); } .khzz-section03 .khzz-section04-in .khzz-section04-div a:hover { box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.3); } .khzz-section05 .khzz-section05-div a:hover { box-shadow: inset 0 0 0 30px #fd1a16; color: #fff; } .khzz-section05 .khzz-section05-div a:hover i { color: #fff; } .khzz-section02 .khzz-section02-list:hover .khzz-section02-bottom h3, .khzz-section03 .khzz-section03-list:hover .khzz-section03-list-lay p { color: #FD1A16; } .khzz-section02 .khzz-section02-list a { display: block; } .khzz-section03 .khzz-section03-list a { display: block; } .khzz-section03 .khzz-section03-list, .khzz-section03 .khzz-section03-list a, .khzz-section03 .khzz-section03-list .scale, .khzz-section03 .khzz-section03-list img { border-radius: 15px; } .swiper-gg-wrap .swiper-slide:hover a h3, .swiper-gg-wrap .swiper-slide:hover a p { color: #EC1B23; } .home-a-in { background: #fff; width: 150px; position: absolute; top: 53px; left: 0; border: 1px solid #D3D3D3; z-index: 200; border-bottom: none; display: none; border-top: none; } .home-a-in a, .home-a-in p { display: block; height: 35px; line-height: 35px; border-bottom: 1px solid #D3D3D3; padding-left: 15px; } .home-a-in a { border-bottom: none; } .home-a-in a { color: #BFBFBF; } .home-a-in > a { font-size: 13px; } .home-a-in p a { color: #000; padding-left: 0; } p.home-a-in-p { color: #000; padding-left: 15px; background: #EAEAEA; height: 35px; line-height: 35px; border-bottom: 1px solid #D3D3D3; border-top: 1px solid #D3D3D3; } .home-a-in .home-a-inner { padding: 0px 15px; } .home-a-in .home-a-inner p { padding-left: 0; margin-bottom: 5px; } .home-a-in .home-a-inner a { padding-left: 0; } .article-wrap .article-wrap-share .article-wrap-share-div span img { width: 30px; } .sqsy-fix { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 1000; display: none; } .sqsy-fix.active { display: block; } .sqsy-in { width: 485px; background: #fff; border-radius: 20px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .sqsy-in .pr { padding: 40px 35px; } .sqsy-in h3 { font-size: 25px; color: #000; margin-bottom: 25px; text-align: center; } .sqsy-in-ul li { float: none; } .sqsy-in-ul li p { font-size: 17px; color: #3F3F3F; margin-bottom: 8px; } .sqsy-in-ul li p span { color: #FD1A16; } .sqsy-in-ul li input { width: 100%; height: 52px; line-height: 52px; border: 1px solid #3F3F3F; border-radius: 10px; padding-left: 15px; font-size: 15px; color: #A8A8A8; margin-bottom: 14px; } .sqsy-in-ul li button { font-size: 18px; color: #fff; border: none; width: 100%; height: 52px; line-height: 52px; background: #FD1A16; border-radius: 10px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .sqsy-close { display: inline-block; width: 64px; height: 64px; text-align: center; line-height: 64px; border-radius: 100%; background: #C1C1C1; position: absolute; top: -27px; right: -27px; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; cursor: pointer; } .sqsy-close i { font-size: 30px; color: #fff; } .sqsy-close:hover { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .sqsy-in-ul li button:hover { box-shadow: inset 0 0 0 30px rgba(0, 0, 0, 0.3); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .top { display: inline-block; width: 54px; height: 54px; text-align: center; line-height: 54px; border-radius: 100%; background: #FD1A16; position: fixed; right: 20px; bottom: 20px; z-index: 1000; cursor: pointer; } .top i { color: #fff; font-size: 26px; } .share-w { margin-top: 25px; } .share-w .share-w-in { display: inline-block; width: 45px; height: 45px; text-align: center; line-height: 45px; border: 1px solid #9C9C9C; border-radius: 100%; margin-right: 15px; position: relative; } .share-w .share-w-in .share-w-img { position: absolute; left: 50%; bottom: 60px; width: 150px; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); opacity: 0; z-index: -1; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .share-w .share-w-in .share-w-img img { max-width: 100%; } .share-w .share-w-in:hover .share-w-img { bottom: 50px; opacity: 1; z-index: 1; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .share-w .share-w-in:last-of-type { margin-right: 0; } .share-w .share-w-in i { color: #9C9C9C; font-size: 24px; } .share-w .share-w-in:hover { background: #FD1A16; border: 1px solid #FD1A16; } .share-w .share-w-in:hover i { color: #fff; } .jrwm-section03-list { display: none; } .jrwm-section03-list.active { display: block; } .product-index .product-index-list .product-index-list-in:hover, .product-index .product-index-list .product-index-list-in { transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .product-index .product-index-list .product-index-list-in:hover { box-shadow: 0 0 15px 0 #eee; } .about-section01 .about-section01-ul { margin-left: -45px; } .news-index .pagination-news { display: none; } .swiper-gg-wrap .swiper-slide a p b { font-weight: normal; } .about-section01-phone { display: none; width: 100%; } .foot-top-ul-in02 { display: none; } .banner .swiper-banner .banner-ban01 .banner-lay h3 { font-size: 45px; color: #FD1A16; font-weight: bolder; } .banner .swiper-banner .banner-ban01 .banner-lay p { font-size: 80px; color: #fff; line-height: 100px; font-weight: bolder; letter-spacing: 4px; } .banner .swiper-banner .banner-ban02 .banner-lay a, .banner .swiper-banner .banner-ban03 .banner-lay a { margin-top: 0; } .banner .swiper-banner .banner-ban02 .banner-lay p, .banner .swiper-banner .banner-ban03 .banner-lay p { font-weight: bolder; margin: 20px 0 30px; } .highcharts-exporting-group, .highcharts-credits, .product-index .title-wrap a { display: none !important; } .about-section03 .about-section03-in, .about-section03 .about-section03-in img { border-radius: 15px; } .about-section03 .about-section03-in h3 { position: absolute; top: 50%; left: 0%; width: 100%; color: #fff; text-align: center; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); font-size: 60px; line-height: 80px; font-weight: bolder; } .article_article_left, .article-wrap .article-wrap-share { z-index: 998; } .article-wrap .article-wrap-share .article-wrap-share-div span img { width: 30px; } .article-wrap .article-wrap-share .article-wrap-share-div:nth-child(3) img { width: 25px; } .article-wrap .article-wrap-share .article-wrap-share-div img.share-img02, .article-wrap .article-wrap-share .article-wrap-share-div:hover img.share-img01 { display: none; } .article-wrap .article-wrap-share .article-wrap-share-div:hover img.share-img02 { display: inline-block; } .tzz-wrap-desc { padding: 120px 0 60px; } .tzz-wrap-desc .tzz-wrap-des-title { font-size: 30px; color: #000000; } .tzz-wrap-desc .tzz-wrap-des-time { font-size: 17px; color: #494949; margin: 20px 0; } .tzz-wrap-desc .tzz-wrap-des-cons { font-size: 16px; color: #7C7C7C; line-height: 30px; } .tzz-wrap-desc .tzz-wrap-des-cons img { max-width: 100%; } footer .foot-top .foot-top-ul li h3 i, .jrwm-section04 .swiper-sytd .sytd-cons a, .load-khzz .load-ul li:last-of-type { display: none; } .jrwm-section04 .swiper-sytd .swiper-slide:nth-child(1) .sytd-cons a { display: block; } .load .load-a a:nth-child(1) { display: none; } .load-cpjs { position: absolute; top: 90px; right: 5%; } .load-cpjs.active { position: fixed; z-index: 21; top: 0; height: 52px; } .load-about .home-a > a:nth-child(1) { display: none; } .article-wrap-l { z-index: 3; } .jrwm-section04 .swiper-sytd .swiper-slide { border-radius: 15px; } .banner .swiper-banner .swiper-slide:nth-child(3) h3 { font-size: 45px; color: #FD1A16; font-weight: bolder; } /* .banner .swiper-banner .swiper-slide:nth-child(3) p { font-size: 80px; color: #fff; line-height: 100px; font-weight: bolder; letter-spacing: 4px; } */ /* .banner-phone,.phone-img{ display: none; } */ footer .foot-bottom .foot-bottom-a span i { font-style: normal; } footer .foot-bottom .foot-bottom-a span:nth-child(2) i { display: none; } .phone-menu .phone-menu-ul li .phone-menu-sec .home-a-in-p a, .phone-menu .phone-menu-ul li .phone-menu-sec .xl-p a { color: #000; } .phone-menu .phone-menu-ul li .phone-menu-sec .home-a-in-p { border: 1px solid #D3D3D3; } .banner-in-tzz-lay { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; } .phone-img { width: 100%; } .banner-phone, .phone-img { display: none; } .cpjs-image1, .banner-phone_1440 { object-fit: cover; height: 100%; width: 100%; } .cpjs-image2 { display: none; width: 100%; } .cpjs-section03-t21 .title-wrap span { color: #fff; } .cpjs-section03-t20 .cpjs-section03-t20-ul.margin_b_li li:nth-child(1) p { margin-bottom: 43px; } .cpjs-section03-t20 .cpjs-section03-t20-ul li:nth-child(1) p:last-of-type { margin-bottom: 0; } .social-share .icon-wechat .wechat-qrcode h4 { display: none; } .social-share .icon-wechat .wechat-qrcode { padding-top: 25px; } .foot-more-in { display: none; } .pc_img { display: block; /* padding-bottom: 45px; */ } .pc_img img { width: 100%; } .phone_img { display: none; } .phone_img img { width: 100%; } .fubiaoti { margin: 10px 0; font-size: 16px; line-height: 43px; font-style: italic; } .cpjs-section03-t20 .cpjs-section03-t20-ul.margin_b_li li:nth-child(1) p:last-child { margin-bottom: 0; } .c_right { display: block; width: 450px; } @media (max-width: 1750px) { header .menu-ul { margin-right: 200px; } } @media (max-width: 1600px) { .c_right { width: 370px; } footer .foot-top .foot-top-ul li:nth-child(1) { /* width: 29%; */ width: 24%; } footer .foot-top .foot-top-ul li { /* margin-right: 96px; */ } .banner .swiper-banner .swiper-slide:nth-child(1) .banner-lay p { font-size: 2.5rem !important; line-height: 2.5rem !important; } .banner-in .banner-in-lay p { width: 43%; } header .menu-ul > li { padding: 0 20px; } header .menu-ul { margin-right: 150px; } .sec-ul { width: 200px; padding: 20px; } .sec-ul li a { font-size: 14px; } .banner .swiper-banner .swiper-slide .banner-lay h3 { font-size: 30px; } .banner .swiper-banner .swiper-slide .banner-lay p { font-size: 20px; } .banner .swiper-banner .swiper-slide .banner-lay ul li img { width: 100px; } .banner .swiper-banner .swiper-slide .banner-lay ul li p { font-size: 14px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom h3, .product-index .rjkf-div .rjkf-div-r h3, .index_yszs .right h3 { font-size: 18px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom div, .product-index .rjkf-div .rjkf-div-r div, .index_yszs .right div { font-size: 14px; line-height: 25px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom p, .product-index .rjkf-div .rjkf-div-r p { font-size: 14px; } .product-index .product-index-list .product-index-list-title, .product-index .product-index-list-title02x { font-size: 26px; } .news-banner .swiper-news-banner .swiper-wrapper .swiper-slide .news-banner-in h3 { font-size: 40px; } .news-banner .swiper-news-banner .swiper-wrapper .swiper-slide .news-banner-in p { font-size: 20px; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-r { padding: 15px; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-r h3 { line-height: 22px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r h3 { font-size: 24px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r p { font-size: 18px; } .jrwm-section02 .wh-ul li h3 { font-size: 20px; } .jrwm-section02 .wh-ul li p { font-size: 14px; } .jrwm-section02 .wh-ul li .wh-ul-r p.wh-ul-r-p1, .jrwm-section02 .wh-ul li .wh-ul-r .wh-ul-r-p2 { font-size: 14px; } .jrwm-section02 .wh-ul li .wh-ul-r p.wh-ul-r-p1 span { top: -2px; } .sysh-fix .sysh-fix-in { width: 500px; padding: 15px; } .sysh-fix .sysh-fix-span span { width: 40px; height: 40px; line-height: 40px; } .sysh-fix .sysh-fix-span span i { font-size: 22px; } .sysh-fix .sysh-fix-span .sysh-fix-zuo i, .sysh-fix .sysh-fix-span .sysh-fix-you i { font-size: 30px; } .sysh-fix .sysh-fix-span { top: -15px; right: -90px; } .jrwm-section05 .syfc-list a .syfc-bottom div { font-size: 14px; line-height: 20px; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r div { font-size: 14px; line-height: 25px; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r h3 span { font-size: 60px; top: -10px; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r h3 { font-size: 20px; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r h3 { padding-bottom: 15px; margin-bottom: 15px; padding-top: 15px; } .sytddes-wrap .sytddes-wrap-ul li .sytddes-wrap-r div, .sywhdes-wrap .sywhdes-bottom .sywhdes-bottom-r { font-size: 14px; line-height: 25px; } .sywhdes-wrap .sywhdes-top, .about-section04 .about-section04-ul li .about-section04-r .about-section04-cons { font-size: 14px; } .sywhdes-wrap .sywhdes-top .span-r { left: 500px; } .about-section05 .about-section05-cons .about-section05-cons-l { width: 74%; } .about-section05 .about-section05-cons .about-section05-cons-r { width: 23%; } .about-section01 .about-section01-title { font-size: 40px; } .about-section01 .about-section01-ul li .about-section01-ul-in div { font-size: 16px; } .cpjs-section01 .cpjs-section01-list .cpjs-section01-list-in p { font-size: 14px; line-height: 25px; } .cpjs-section01 .cpjs-section01-list .cpjs-section01-list-in { padding: 40px 15px; /* min-height: 310px; */ } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r a div { font-size: 14px; line-height: 25px; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r a h3 { font-size: 18px; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .cpjs-section03-rider-in-bottom div { font-size: 14px; line-height: 25px; } .banner-in .banner-in-lay p { font-size: 16px; line-height: 25px; } .sqsy-in { width: 300px; } .sqsy-in .pr { padding: 30px 20px; } .sqsy-in-ul li input, .sqsy-in-ul li button { height: 40px; line-height: 40px; font-size: 14px; } .sqsy-in-ul li p { font-size: 14px; } .sqsy-in h3 { font-size: 20px; margin-bottom: 20px; } .sqsy-close { width: 40px; height: 40px; top: -20px; right: -20px; line-height: 40px; } .banner-in .banner-in-lay .banner-in-img { width: 200px; top: 4%; } .phone-menu .phone-menu-logo img { margin-top: 2px; } .product-index .rjkf-div .rjkf-div-r div, .index_yszs .right div { line-height: 26px; } .news-index .swiper-news .news-index-bottom a div { font-size: 14px; line-height: 26px; } .banner .swiper-banner .banner-ban01 .banner-lay h3 { font-size: 30px; } .banner .swiper-banner .banner-ban01 .banner-lay p { font-size: 40px; line-height: 50px; } .about-section04 .about-section04-ul li .about-section04-r .about-section04-cons { line-height: 19px; } .banner .swiper-banner .swiper-slide:nth-child(3) h3 { font-size: 30px; } .banner .swiper-banner .swiper-slide:nth-child(3) p { font-size: 40px; line-height: 50px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r { width: 72%; top: 40px; } .banner-in-lay-khzz h3 { font-size: 30px; } .banner-in-lay-khzz p { font-size: 45px; } .cpjs-section03-t20 .cpjs-section03-t20-ul li p span { font-size: 12px; } } @media (max-width: 1440px) { .cpjs-image1, .banner-phone_1440 { object-fit: cover; height: auto; } .cpjs-image1, .banner-phone_1440 { display: block; width: 100%; } .banner-in .banner-in-lay p { width: 45%; } .banner-in { background-image: none !important; position: relative; } .banner-in .banner-in-lay { top: 50%; transform: translateY(-50%); } } @media (max-width: 1366px) { .banner .swiper-banner .banner-ban03 { background-position: 0px; } .banner-in { background-position: 75% 0px !important; } .banner-in .banner-in-lay .banner-in-img { width: 35%; } } @media (max-width: 1300px) { .title-wrap span { transform: translateX(-18px); } } @media (max-width: 1280px) { .c_right { width: 320px; } .banner .swiper-banner .swiper-slide.banner_swiper1 .banner-lay h3 { font-size: 2.5rem !important; } .banner .swiper-banner .swiper-slide.banner_swiper1 .banner-lay p, .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay p { font-size: 2rem !important; line-height: 2.2rem; } .banner-in .banner-in-lay p { width: 43%; } .share-w .share-w-in { width: 40px; height: 40px; line-height: 40px; margin-right: 8px; } footer .foot-top .foot-top-ul li:nth-child(1) { width: 26%; } .product-index .rjkf-div .rjkf-div-r, .index_yszs .right { padding: 0 30px 0 30px; } } @media (max-width: 1200px) { body { padding-top: 50px; } header, footer .foot-top { display: none; } .khzz-section03 .khzz-section04-in .khzz-section04-div h3 { width: 100%; padding: 0 15px; } .phone-menu { display: block; } .news-wrap .news-wrap-top .news-wrap-top-r { padding: 40px; } .banner-in .banner-in-lay p { width: 550px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r h3 { font-size: 21px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r { top: 50%; transform: translateY(-50%); padding: 25px 40px 25px 100px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom div { min-height: 200px; } .banner-in-page { bottom: 50px; } } @media (max-width: 1100px) { .c_right { width: 294px; } } @media (max-width: 1010px) { .c_right { width: 280px; } } @media (max-width: 1024px) { .banner-in-page { left: 15px; } .khzz-section03 .khzz-section04-in { height: 190px; } .khzz-section03 .khzz-section04-in .khzz-section04-div { top: 21% !important; } .khzz-section03 .khzz-section04-in .khzz-section04-div h3 { font-size: 20px; } .banner .banner-in-page { width: 197px; } footer .foot-top .foot-top-ul li:last-child h3 { border-bottom: none; padding-bottom: 0; } .khzz-section03 .khzz-section04-in .khzz-section04-div h3 { line-height: 25px; margin-bottom: 20px; } .contact_footer { padding-bottom: 0 !important; } footer .foot-bottom { font-size: 12px; line-height: 18px; height: initial; padding: 10px 15px; } .product-index .rjkf-div .rjkf-div-r { border: none; } footer .foot-bottom .copy, footer .foot-bottom .foot-bottom-a { float: none; text-align: left; font-size: 12px !important; } .banner-in-page-news { left: 50% !important; } .load, .sywhdes-wrap .sywhdes-top .span-l, .sywhdes-wrap .sywhdes-top .span-r, .load-cpjs, .heig_load { display: none; } .about-section01 .about-section01-title { font-size: 30px; } .about-section01 .about-section01-ul li .about-section01-ul-in div span { font-size: 16px; } .about-section01 .about-section01-ul li { padding-left: 15px; } .about-section01 .about-section01-ul li { padding-left: 10px; } .about-section01 .about-section01-ul li .about-section01-ul-in div { padding-left: 58px; font-size: 14px; line-height: 22px; } .about-section01 .about-section01-ul li .about-section01-ul-in { min-height: 240px; } .about-section01 .about-section01-ul li h3 { height: 67px; padding-top: 15px; } .about-section01 .about-section01-ul li h3:hover { font-size: 35px; } .tzz-wrap-list { margin-bottom: 20px; } .swiper-gg-wrap .swiper-slide a h3 { width: 40%; font-size: 16px; } .swiper-gg-wrap .swiper-slide a p { font-size: 14px; } .banner-in-lay-khzz h3 { font-size: 40px; } .banner-phone, .phone-img { display: block; } .product-index .product-index-list .product-index-list-in { padding: 0 20px; min-height: auto; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom div { height: auto; min-height: auto; } .banner .swiper-banner .swiper-slide .banner-lay { padding: 0 15px; text-align: center; } .banner .swiper-banner .swiper-slide .banner-lay h3 { font-size: 26px; } .banner .swiper-banner .swiper-slide .banner-lay p { font-size: 20px; } .banner .swiper-banner .swiper-slide .banner-lay ul { display: inline-block; } .banner .swiper-banner .swiper-slide .banner-lay ul li img { width: 60px; } .banner .swiper-banner .swiper-slide .banner-lay ul li { margin-right: 10px; } .banner .swiper-banner .swiper-slide .banner-lay ul li p { font-size: 12px; } .banner .swiper-banner .swiper-slide .banner-lay a, .product-index .title-wrap a, .news-index .title-wrap a, .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r a, .jrwm-section04 .swiper-sytd .sytd-cons a { width: 100px; height: 30px; line-height: 30px; font-size: 12px; } .product-index .title-wrap a, .news-index .title-wrap a { top: 42px; } @keyframes run { from { bottom: 20px; opacity: 0; } to { bottom: 5px; opacity: 1; } } .title-wrap span { font-size: 40px; transform: translateX(0px); line-height: 40px; padding-bottom: 10px; } .title-wrap h3 { font-size: 26px; } .title-wrap p { margin-top: -40px; } .product-index { padding: 15px 0; } .product-index .product-index-list .product-index-list-title, .product-index .product-index-list-title02 { font-size: 20px; margin-bottom: 15px; } .product-index .product-index-list .product-index-list-in { padding: 0 15px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-top { min-height: 180px; line-height: 180px; } .product-index-list-title03 { display: none; } .product-index .product-index-list { margin-bottom: 15px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-top img { max-width: 80%; } .rjkf-div-w { padding: 0px; } .product-index .rjkf-div .rjkf-div-r { /* padding: 20px ; */ height: initial; padding: 0; } .index_yszs .right .img img { height: 30px; } .product-index .rjkf-div .rjkf-div-r a { padding: 0 0px !important; } .product-index .rjkf-div .rjkf-div-r img { width: 190px; } .product-index .rjkf-div .rjkf-div-r div { margin-bottom: 20px; text-align: left; } .product-index .rjkf-div { padding: 20px 0 0; } .news-index { padding: 15px 0; } .news-index .container .next-news { right: -22px; } .news-index .container .prev-news { left: -22px; } .banner-in-page { bottom: 20px; } .news-banner .swiper-news-banner .swiper-wrapper .swiper-slide { text-align: center; } .news-banner .swiper-news-banner .swiper-wrapper .swiper-slide .news-banner-in h3 { font-size: 30px; margin-bottom: 15px; } .news-banner .swiper-news-banner .swiper-wrapper .swiper-slide .news-banner-in p { font-size: 16px; } .news-wrap, .article-wrap { padding: 15px 0; } .news-wrap .news-wrap-top .news-wrap-top-r { padding: 15px; } .news-wrap .news-wrap-top .news-w a .news-time, .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a .news-time { font-size: 12px; } .news-wrap .news-wrap-top .news-w a .news-title, .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a .news-title { font-size: 18px; margin-bottom: 10px; } .news-wrap .news-wrap-top .news-w a .news-cons, .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a .news-cons { font-size: 14px; } .news-wrap .news-wrap-top .news-w a .news-more, .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a .news-more { font-size: 12px; } .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li a .news-cons { margin-bottom: 15px; } .news-wrap .news-wrap-bottom .news-wrap-bottom-ul li { padding: 15px 0; } .fenye .fenye-ul li a { width: 20px; height: 20px; line-height: 20px; font-size: 12px; } .news-mtwl { margin-top: 20px; } .news-mtwl .news-mtwl-w { padding: 20px; } .news-mtwl .news-mtwl-w .news-mtwl-ul li span { display: block; margin-right: 0; margin-bottom: 5px; } .article-wrap .article-wrap-l .article-title { font-size: 20px; line-height: 25px; } .article-wrap .article-wrap-l .article-time { font-size: 12px; } .article-wrap .article-wrap-l .article-cons { font-size: 14px; line-height: 25px; } .jrwm-section01 { padding: 15px 0px; } .jrwm-section01-list { margin-bottom: 15px; } .jrwm-section02 { padding: 15px 0; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-l { width: 100%; float: none; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r { position: initial; width: 100%; padding: 15px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r h3 { font-size: 20px; line-height: 25px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r p { font-size: 14px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r { border-radius: 0 0 20px 20px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-l { border-radius: 20px 20px 0px 0px; } .jrwm-section02 .jrwm-section02-div { margin-bottom: 15px; } /* .jrwm-section02 .wh-ul li { width: 50%; height: 172px; padding-top: 15px; } .jrwm-section02 .wh-ul li:nth-child(1) .wh-ul-l, .jrwm-section02 .wh-ul li:nth-child(2) .wh-ul-l { border-bottom: 1px solid rgba(255, 255, 255, 0.6); height: 142px; padding-bottom: 10px; } */ .jrwm-section02 .wh-ul li { width: 50% !important; float: left; height: auto !important; padding: 15px 0 !important; border-right: none; } .jrwm-section02 .wh-ul li.active .wh-ul-l { width: 100% !important; } .jrwm-section02 .wh-ul li .wh-ul-r { display: block; width: 100%; margin: 30px 0 0 0 !important; padding-left: 0; border-left: none; height: auto; } .jrwm-section02 .wh-ul { padding: 15px 15px; } .jrwm-section02 .wh-ul { background-position: center; } .jrwm-section02 .wh-ul li.active:after { width: 100%; } .jrwm-section02 .wh-ul { height: auto; } .jrwm-section03 { padding: 15px 0 55px; } .jrwm-section03 .jrwm-section03-ul { position: initial; overflow: hidden; margin-bottom: 20px; } .jrwm-section03 .jrwm-section03-ul li { margin-left: 0; margin-right: 20px; } .sysh-fix .sysh-fix-in { width: 280px; padding: 10px; } .sysh-fix .sysh-fix-span { right: -50px; width: 40px; } .jrwm-section04 { padding: 15px 0; } .jrwm-section04 .swiper-sytd .swiper-slide:nth-child(3) .sytd-cons, .jrwm-section04 .swiper-sytd .swiper-slide:nth-child(4) .sytd-cons { width: initial; padding: 0 15px; left: 15px; right: 15px; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r h3 { padding-bottom: 25px; } .syfcdes-wrap .syfcdes-wrap-ul li:nth-child(2n) .syfcdes-wrap-r { padding-right: 0; } .jrwm-section04 .swiper-sytd .sytd-cons { left: 15px; width: initial; right: 15px; } .jrwm-section04 .swiper-sytd .sytd-cons div { font-size: 12px; line-height: 22px; } .jrwm-section04 .swiper-sytd .swiper-slide:nth-child(3) .sytd-cons, .jrwm-section04 .swiper-sytd .swiper-slide:nth-child(4) .sytd-cons { padding: 0; } .jrwm-section04 .swiper-sytd .sytd-cons h3 { font-size: 24px; } .jrwm-section04 .next-sytd { right: -25px; } .jrwm-section04 .prev-sytd { left: -25px; } .syfc-list { margin-bottom: 15px; } .jrwm-section05 { padding: 15px 0px; } .jrwm-section05 .syfc-list a .syfc-bottom h3 { font-size: 16px; } .jrwm-section05 .syfc-list a .syfc-bottom { padding: 15px; min-height: initial; } .jrwm-section05 .syfc-list a .syfc-bottom p { font-size: 14px; } .jrwm-section06 { padding: 15px 0; } .jrwm-section06 .jrwm-section06-in .jrwm-section06-div { margin: 50px auto; } .syfcdes-wrap, .sytddes-wrap { padding: 15px 15px; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-l, .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r, .sytddes-wrap .sytddes-wrap-ul li .sytddes-wrap-l, .sytddes-wrap .sytddes-wrap-ul li .sytddes-wrap-r { width: 100%; float: none; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r, .sytddes-wrap .sytddes-wrap-ul li .sytddes-wrap-r { margin-top: 20px; padding: 0; } .syfcdes-wrap .syfcdes-wrap-ul li, .sytddes-wrap .sytddes-wrap-ul li { margin-bottom: 15px; } .sytddes-wrap .sytddes-wrap-ul li .sytddes-wrap-r h3 { font-size: 20px; } .syfcdes-wrap .syfcdes-wrap-ul li .syfcdes-wrap-r div { text-align: justify; } .sywhdes-wrap { padding: 15px 15px; } .sywhdes-wrap .sywhdes-top { padding: 15px; } .sywhdes-wrap .sywhdes-bottom .sywhdes-bottom-l, .sywhdes-wrap .sywhdes-bottom .sywhdes-bottom-r { width: 100%; float: none; } .sywhdes-wrap .sywhdes-top { margin-bottom: 20px; } .sywhdes-wrap .sywhdes-bottom .sywhdes-bottom-r { padding: 0; margin-top: 20px; } .about-section02 { padding: 15px 0px; } .about-section02 .about-section02-div { font-size: 14px; line-height: 25px; } .about-section03, .about-section04 { padding: 30px 15px; } .about-section04 .about-section04-ul li .about-section04-l, .about-section04 .about-section04-ul li .about-section04-r { width: 100%; float: none; } .about-section04 .about-section04-ul li .about-section04-l, .about-section04 .about-section04-ul li .about-section04-l img { border-radius: 10px 10px 0 0; } .about-section04 .about-section04-ul li .about-section04-r { padding: 20px; } .about-section04 .about-section04-ul li .about-section04-r h3 { font-size: 20px; } .about-section04 .about-section04-ul li .about-section04-r p { font-size: 16px; } .about-section04 .about-section04-ul li { margin-bottom: 15px; } .about-section05 { padding: 30px 15px; } .about-section05 .about-section05-cons { padding: 20px; } .about-section05 .about-section05-cons .about-section05-cons-l, .about-section05 .about-section05-cons .about-section05-cons-r { width: 100%; float: none; } .about-section05 .about-section05-cons .about-section05-cons-l .about-section05-con-ul li span { width: 100% !important; text-align: left !important; margin-bottom: 10px; } .about-section05 .about-section05-cons .about-section05-cons-l .about-section05-con-ul li span:nth-child(3) { margin-left: 0; } .about-section05 .about-section05-cons .about-section05-cons-r { padding-top: 0; } .about-section01 .about-section01-ul li { width: 50%; } .about-section01 .about-section01-ul li h3 { padding-right: 20px; } .about-section01 { padding: 0px 0; } .about-section01 .about-section01-title { margin-bottom: 30px; } .banner-in-tzz .tzzgx-ban-title { font-size: 30px; } .tzz-wrap { padding: 30px 0px; } .tzz-wrap .tzz-wrap-list .tzz-wrap-title { font-size: 18px; padding-bottom: 10px; } .tzz-wrap .tzz-wrap-list .tzz-wrap-title a { font-size: 12px; margin-top: 2px; } .tzz-wrap .tzz-wrap-ul li a p { font-size: 12px; } .tzz-wrap .tzz-wrap-ul li a span { top: -7px; } .banner-in-20 .banner-in-lay .banner-in-img { top: -134%; width: 100px; } .banner-in .banner-in-lay { padding: 0 15px; top: 12%; } .banner-in-20 .banner-in-lay { top: 36%; } .banner-in .banner-in-lay h3 { font-size: 18px; } .banner-in .banner-in-lay p { font-size: 12px; line-height: 22px; width: initial; } .banner-in .banner-in-lay .ban-img-w { font-size: 40px; } .banner-in .banner-in-lay .ban-img-w01 img { width: 90px; } .cpjs-section01 { padding: 30px 0px; } .cpjs-section01-list:nth-child(2n+1), .cpjs-section02-list:nth-child(2n+1) { padding-right: 7.5px; } .cpjs-section01-list:nth-child(2n), .cpjs-section02-list:nth-child(2n) { padding-left: 7.5px; } .cpjs-section01 .cpjs-section01-list .cpjs-section01-list-in { padding: 25px 20px; min-height: auto; } .cpjs-section01 { padding: 15px 0px; } .cpjs-section03-t20 .cpjs-section03-t20-ul.margin_b_li li:nth-child(1) p { margin-bottom: 30px; } .cpjs-section01 .cpjs-section01-list .cpjs-section01-list-in h3 { font-size: 16px; margin: 10px 0; } .cpjs-section01 .cpjs-section01-list .cpjs-section01-list-in p { font-size: 12px; line-height: 20px; } .cpjs-section01 .cpjs-section01-list { margin-bottom: 15px; } .cpjs-section02 .cpjs-section02-list .cpjs-section02-list-in h3 { font-size: 16px; height: 40px; line-height: 40px; } .cpjs-section02 .cpjs-section02-list { margin-bottom: 15px; } .cpjs-section03 { padding: 15px 0; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-l, .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r { width: 100%; float: none; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-l img { max-width: 60%; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-l { padding: 15px; text-align: center; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r a div { margin-bottom: 15px; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-l a { display: block; } .cpjs-section03-list:last-child { margin-bottom: 0; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-l img { display: block; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in { padding: 0; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r { border-top: 1px solid #EAEAEA; padding: 20px 15px; border-left: none; } .cpjs-section03-list { margin-bottom: 15px; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r a p { font-size: 14px; } .banner-in .banner-in-lay .ban-img-w02 img { width: 120px; } .cpjs-section01-rider .cpjs-section01-list .cpjs-section01-list-in { min-height: initial; } .cpjs-section01-rider .cpjs-section01-list:nth-child(2n+1) { padding-right: 15px; } .cpjs-section01-rider .cpjs-section01-list:nth-child(2n) { padding-left: 15px; } .cpjs-section02 { padding: 15px 0 0; } .cpjs-section03-rider { padding: 15px 0; } .cpjs-section02 .cpjs-section02-list .cpjs-section02-list-in img, .cpjs-section02 .cpjs-section02-list .cpjs-section02-list-in .scale { border-radius: 5px 5px 0 0; } .cpjs-section02 .cpjs-section02-list .cpjs-section02-list-in, .cpjs-section01 .cpjs-section01-list .cpjs-section01-list-in { border-radius: 5px; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .cpjs-section03-rider-in-bottom { min-height: initial; padding: 20px 15px; } .cpjs-section03-rider-list { margin-bottom: 15px; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .cpjs-section03-rider-in-bottom .cpjs-section03-rider-list-more { font-size: 14px; } .cpjs-section03-t20 { padding: 15px 0; } .cpjs-section03-t20 .cpjs-section03-t20-ul li { width: 50%; margin-bottom: 20px; } .cpjs-section03-t20 .cpjs-section03-t20-ul li h3 { font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; } .cpjs-section03-t20 .cpjs-section03-t20-ul li p { font-size: 14px; margin-bottom: 5px; } .cpjs-section03-t20 .cpjs-section03-t20-ul li p span { font-size: 12px; } .cpjs-section03-t20 .cpjs-section03-t20-ul { padding-bottom: 20px; margin-bottom: 20px; } .cpjs-section04-t20-lay { /* padding: 30px 15px; */ } .cpjs-section04-t20 { padding-top: 15px; } .cpjs-section01-tops .cpjs-section01-list .cpjs-section01-list-in { min-height: 227px; } .khzz-section02 { padding: 15px 0 0; } .khzz-section03 { padding: 15px 0 0; } .khzz-p100 { font-size: 14px; } .khzz-section02 .khzz-section02-list .khzz-section02-bottom h3 { font-size: 18px; } .khzz-section02 .khzz-section02-list .khzz-section02-bottom p { font-size: 14px; } .khzz-section02 .khzz-section02-list .khzz-section02-bottom { padding: 20px 15px; } .khzz-section02 .khzz-section02-list { margin-bottom: 15px; } .khzz-section03 .khzz-section03-list .khzz-section03-list-lay h3 { font-size: 20px; } .khzz-section03 .khzz-section03-list .khzz-section03-list-lay p { font-size: 14px; margin-bottom: 10px; } .khzz-section03 .khzz-section03-list .khzz-section03-list-lay { left: 40px; } .khzz-section03 .khzz-section03-list { margin-bottom: 15px; } .khzz-section04 { padding: 15px 0; } .khzz-section04 .khzz-section04-in .khzz-section04-div h3 { font-size: 15px; line-height: 25px; padding: 0 15px; } .khzz-section04 .khzz-section04-in { border-radius: 10px; } .khzz-section05 { padding: 15px 0; } .khzz-section05 .khzz-section05-div { padding: 15px; text-align: center; } .khzz-section05 .khzz-section05-div a { margin-left: 0; margin-top: 20px; } .khzz-section01 { padding: 15px; } .swiper-gg-wrap .swiper-slide a > span:nth-child(1) { display: none; } .khzz-p100 { margin-bottom: 15px; } .swiper-gg-wrap .swiper-slide a { padding: 10px 0; } .swiper-gg-wrap .swiper-slide { height: 42px; } .swiper-gg-wrap, .swiper-gg { height: 126px; } .swiper-gg-wrap .swiper-slide a p { margin-top: -3px; } .banner-in-lay-khzz h3 { font-size: 20px; } .banner-in-lay-khzz p { font-size: 30px; } .banner-in-lay-khzz h3 span { font-size: 30px; } .about-section05 .about-section05-cons .about-section05-cons-l .about-section05-con-ul li { font-size: 14px; } .khzz-section02 .khzz-section02-list .khzz-section02-bottom { min-height: auto; } .swiper-gg-wrap .swiper-slide a h3 { font-size: 14px; width: 50%; line-height: 20px; } .khzz-section04 .khzz-section04-in { height: 190px; } .khzz-section04 .khzz-section04-in .khzz-section04-div { top: 31%; } .khzz-section04 .khzz-section04-in .khzz-section04-div h3 { margin-bottom: 25px; } .jrwm-section04 .next-sytd, .jrwm-section04 .prev-sytd { top: 89%; } .jrwm-section04 .next-sytd { right: 36%; } .jrwm-section04 .prev-sytd { left: 36%; } .jrwm-section04 .next-sytd, .jrwm-section04 .prev-sytd { width: 60px; height: 60px; margin-top: -25px; display: none; } .jrwm-section04 .next-sytd img, .jrwm-section04 .prev-sytd img { width: 100%; } .banner .swiper-banner .swiper-slide .banner-lay ul { display: none; } .banner-in-page .pagination-banner .swiper-pagination-bullet-active { width: 50px; } .banner-in-page .pagination-banner .swiper-pagination-bullet-active:after { width: 20px; } .banner-in-page { width: 130px; } .banner-in-page .pr { padding: 0 20px; } .banner .swiper-banner .swiper-slide .banner-lay a { margin-top: 0; } .news-index .container .prev-news, .news-index .container .next-news { top: 24%; } .banner-in .banner-in-lay .ban-img-w { font-size: 12px; } .banner-in .banner-in-lay h3 { margin-bottom: 10px; } .banner-in .banner-in-lay .ban-img-w02 img { width: 120px; } .cpjs-section04-t20 .cpjs-section04-t20-p { font-size: 12px; line-height: 22px; } .banner-in-rider .banner-in-lay { top: 20%; } .banner-in-lay-khzz { top: 30%; } .news-wrap .news-wrap-top .news-wrap-top-l a img { border-radius: 10px 10px 0 0; } .about-section01 .about-section01-ul { margin-left: 0; } .about-section01 .about-section01-ul li h3 { height: 40px; line-height: 40px; padding-top: 0; } .about-section01 .about-section01-ul li { margin-bottom: 20px; } .banner-in-page { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; } .banner .swiper-banner .swiper-slide { background-repeat: no-repeat; background-position: -203px; } footer .foot-top { display: block; padding: 20px 15px; } footer .foot-top .foot-top-ul li { width: 100%; float: none; margin-right: 0; margin-bottom: 20px; } .foot-top-ul-in { display: none; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } footer .foot-top .foot-top-ul li h3 { display: block; } footer .foot-top .foot-top-ul li h3 i { float: right; cursor: pointer; margin-top: 3px; display: inline-block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } footer .foot-top .foot-top-ul li h3 { padding-bottom: 15px; } footer .foot-top .foot-top-ul li h3 > a { margin-bottom: 0; } footer .foot-top .foot-top-ul li.active h3 i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } footer .foot-top .foot-top-ul li.active .foot-top-ul-in { display: block; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .product-index .title-wrap a { display: none; } .news-index .pagination-news { bottom: -20px; display: block; } .banner-in .banner-in-lay .banner-in-img { left: 50%; right: initial; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .banner-in .banner-in-lay { text-align: center; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom { text-align: center; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom div, .product-index .rjkf-div .rjkf-div-r div { text-align: left; } .cpjs-section01-t20 .cpjs-section01-list-in .cpjs-section01-t20-div p:after { top: 8px; } .swiper-gg-wrap .swiper-slide a p b { display: none; } .swiper-gg-wrap .swiper-slide a > span:nth-child(1) { display: inline-block; font-size: 12px; margin-right: 20px; float: left; margin-top: -2px; } .jrwm-section04 .swiper-sytd .swiper-slide { height: 280px; } .jrwm-section04 .swiper-sytd { height: 1120px; } .jrwm-section04 .swiper-sytd .swiper-slide { border-radius: 0; } .article-wrap .article-wrap-share { left: 0; } .article-wrap .article-wrap-r .article-wrap-r-title { font-size: 20px; margin-top: 0; margin-bottom: 15px; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-r h3 { font-size: 14px; line-height: 22px; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-r p { font-size: 12px; } .article-wrap .article-wrap-r .article-wrap-r-ul li { margin-bottom: 15px; } .article-wrap .article-wrap-share { position: initial; width: auto; margin-top: 20px; } .article-wrap .article-wrap-share .article-wrap-share-div { float: left; } .about-section01-phone { display: block; } .about-section01 .container { display: none; } .about-section01 { background-image: none !important; } .about-section04 .about-section04-ul li .about-section04-l img { width: 120px !important; margin: 0 auto; } .about-section04 .about-section04-ul li .about-section04-l { text-align: center; padding-top: 20px; } .about-section04 .about-section04-ul li .about-section04-r h3, .about-section04 .about-section04-ul li .about-section04-r p { text-align: center; } .about-section04 .about-section04-ul li .about-section04-r p:after { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .tzzfw-wrap .tzzfw-wrap-ul li { width: 100% !important; float: none; padding: 15px 0 !important; height: auto !important; border-bottom: 1px solid rgba(255, 255, 255, 0.3); } .tzzfw-wrap .tzzfw-wrap-ul li:nth-child(1) { padding: 0; } .tzzfw-wrap .tzzfw-wrap-ul li span.tzzfw-span { width: 30px; height: 30px; line-height: 30px; margin-bottom: 10px; float: left; margin-top: -5px; margin-left: 30px; } .tzzfw-wrap .tzzfw-wrap-ul li:nth-child(2) span.tzzfw-span { margin-top: 5px; } .tzzfw-wrap .tzzfw-wrap-ul li span.tzzfw-span i { font-size: 18px; } .tzzfw-wrap .tzzfw-wrap-ul li p { font-size: 14px; line-height: 18px; } .tzzfw-wrap .title-wrap { text-align: center; } .tzzfw-wrap .title-wrap h3:before { left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -ms-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .banner-in-join { background-position: center; } .jrwm-section04 .swiper-sytd .sytd-cons div { margin-bottom: 15px; } .jrwm-section03 .jrwm-section03-list .swiper-jrwm .swiper-slide:hover .jrwm-section03-list-lay { -webkit-transform: scale(0); -moz-transform: scale(0); -ms-transform: scale(0); -o-transform: scale(0); transform: scale(0); } .foot-top-ul-in03 { display: none; } .product-index-list-title03 { display: block; } .product-index .product-index-list .product-index-list-title { height: auto; } .banner-in .banner-in-lay h3 { margin: 10px 0 8px; } .banner-in-t20 .banner-in-lay, .banner-in-rider .banner-in-lay { top: 23%; } .banner-in-rider .banner-in-lay .ban-img-w { font-size: 20px; } .banner .swiper-banner .banner-ban01 .banner-lay h3 { font-size: 26px; } .banner .swiper-banner .banner-ban01 .banner-lay p { font-size: 30px; line-height: 35px; text-shadow: 0 0px 5px #343333; } .banner .swiper-banner .banner-ban02 .banner-lay img, .banner .swiper-banner .banner-ban03 .banner-lay img { width: 180px; } .banner .swiper-banner .banner-ban02 .banner-lay p, .banner .swiper-banner .banner-ban03 .banner-lay p { margin: 15px 0; } .banner .swiper-banner .banner-ban02 { background-position: -385px; } .banner .swiper-banner .banner-ban03 { background-position: -385px; } #container { height: 400px !important; } .about-section03 .about-section03-in h3 { font-size: 20px; line-height: 30px; } /* .banner-in-tzz{ background-image: url("../images/91-1.png") !important; }*/ footer .foot-top .foot-top-ul li h3 i { display: inline-block; } .news-banner .mouse { animation: run2 1s infinite linear; } @keyframes run2 { from { bottom: 60px; opacity: 0; } to { bottom: 40px; opacity: 1; } } .banner .swiper-banner .swiper-slide:nth-child(3) p { line-height: 30px; } .banner .swiper-banner .swiper-slide img { width: 130px; } .banner .mouse { animation: run2 1s infinite linear; } .banner .swiper-banner .swiper-slide .banner-lay { top: 25%; } .news-index .container .next-news, .news-index .container .prev-news { width: 80px; height: 80px; } .news-index .container .next-news img, .news-index .container .prev-news img { width: 100%; } .mouse { display: none; } .product-index .rjkf-div .rjkf-div-r a { text-align: center; } .banner-phone, .phone-img { display: block; } .banner .swiper-banner .swiper-slide, .banner-in, .news-banner .swiper-news-banner .swiper-slide { background-image: none !important; } .banner-in-tzz-lay { padding: 0 15px; } .tzz-wrap-desc { padding: 30px 15px; } .tzz-wrap-desc .tzz-wrap-des-title { font-size: 20px; } .tzz-wrap-desc .tzz-wrap-des-time { font-size: 12px; } .tzz-wrap-desc .tzz-wrap-des-cons { font-size: 14px; line-height: 25px; } .about-section04 .about-section04-ul li .about-section04-l img { border-radius: 15px !important; } .about-section05 .about-section05-cons .about-section05-cons-l .about-section05-con-ul li { margin-bottom: 0; } .share-w .share-w-in .share-w-img { bottom: -125px; } .share-w .share-w-in:hover .share-w-img { bottom: 60px; left: 150%; } .cpjs-image2 { display: block; } .cpjs-image1, .banner-phone_1440 { display: none; width: 100%; } .banner-in .banner-in-lay { transform: translateY(0); } .cpjs-section01 .cpjs-section01-list:last-child { margin-bottom: 0; } .banner-in-lay-khzz .banner-in-lay-khzz-r { text-align: center; float: none; } .banner-in-tshu .banner-in-lay { position: initial; padding: 20px; background: #000; text-align: center; } .cpjs-section03-t20 .cpjs-section03-t20-ul li:nth-child(1) p { margin-bottom: 5px; } .banner-in .banner-in-lay img { display: none; } .banner-in .banner-in-lay .ban-img-w02 img { display: inline-block; } /* .cpjs-section04-t20 { padding-top: 160px; } */ .cpjs-section03-t20 .cpjs-section03-t20-ul { display: block; } .cpjs-section01-list:nth-child(2n+1), .cpjs-section02-list:nth-child(2n+1) { padding-right: 15px; } .cpjs-section01-list:nth-child(2n), .cpjs-section02-list:nth-child(2n) { padding-left: 15px; } .title-wrap { margin-bottom: 40px; } footer .foot-top .foot-top-ul li h3, footer .foot-top .foot-top-ul li h3 > a { font-size: 14px; } footer .foot-bottom .foot-bottom-a a { font-size: 12px; } .share-w .share-w-in { overflow: hidden; } footer .foot-top .foot-top-ul li a { font-size: 12px; margin-bottom: 15px; } footer .foot-top .foot-top-ul li.active { padding-bottom: 10px; } .article-wrap .article-wrap-share .article-wrap-share-div { width: 16.6%; } .article-wrap .article-wrap-share .article-wrap-share-div.share-list a { margin: 0; } .jrwm-section05 .syfc-list a .syfc-bottom div { height: auto; } .syfc-list:last-child { margin-bottom: 0; } .sytddes-wrap .sytddes-wrap-ul li:nth-child(2n) .sytddes-wrap-r { float: none; padding-left: 0; padding-right: 0; text-align: justify; } .sytddes-wrap .sytddes-wrap-ul li:nth-child(2n) .sytddes-wrap-l { float: none; } .heig_line4 { height: auto; } .article_article_left { display: none; } .article-wrap-l { padding-left: 15px; } .banner-in .banner-in-lay h3 { margin-top: 0; } .content_box .cpjs-section01 { padding: 15px 0px; } .news-index .swiper-news { padding-bottom: 45px; } .news-index .pagination-news { padding-bottom: 0; } .news-index .swiper-pagination-bullet-active { background: #FD1A16; } .news-index .container .next-news, .news-index .container .prev-news { display: none; } .cpjs-section03 .cpjs-section03-list .cpjs-section03-list-in .cpjs-section03-list-in-r a div { font-size: 12px; line-height: 22px; } #miao4 .cpjs-section03-rider-list:last-child { margin-bottom: 0; } .cpjs-section03-rider .cpjs-section03-rider-list .cpjs-section03-rider-in .cpjs-section03-rider-in-bottom div { font-size: 12px; line-height: 22px; } #main_t { margin-bottom: 0 !important; } .news-wrap .news-wrap-top .news-w a .news-cons { margin-bottom: 15px; } .fubiaoti { line-height: 24px; } .article-wrap .article-wrap-l .article-time { margin: 10px 0; } .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-l a, .article-wrap .article-wrap-r .article-wrap-r-ul li, .article-wrap .article-wrap-r .article-wrap-r-ul li .article-wrap-ul-l a img { border-radius: 5px; } .article-wrap .article-wrap-l .article-cons { text-align: justify; } .article-wrap .article-wrap-r .article-wrap-r-ul li:last-child { margin-bottom: 0; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r { top: 0; transform: translateY(0); } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r p { margin: 10px 0 15px; } .jrwm-section04 .swiper-sytd .sytd-cons h3 { font-size: 22px; } } @media (max-width: 991px) { .c_right { display: none; } } @media (max-width: 990px) { .c_right { display: none; } .index_yszs .left, .index_yszs .right { width: 100%; } .index_yszs .right h3, .index_yszs .right div.img, .index_yszs .right p { text-align: center; } .index_hyyy ul { padding: 0 0px; } .index_hyyy .content .font16 { font-size: 16px; } .index_yszs .right { padding: 30px 20px; } .index_yszs .right div.img { margin-bottom: 0; } /* .cpjs-section01-list:nth-child(2n), .cpjs-section02-list:nth-child(2n) { padding-left: 7.5px; } .cpjs-section01-list:nth-child(2n+1), .cpjs-section02-list:nth-child(2n+1) { padding-right: 7.5px; } */ .p_p_lr:nth-child(2n+1), .p_p_lr:nth-child(2n+1) { padding-right: 15px; } .p_p_lr:nth-child(2n), .p_p_lr:nth-child(2n) { padding-left: 15px; } .p_p_lr75:nth-child(2n+1), .p_p_lr75:nth-child(2n+1) { padding-right: 7.5px; } .p_p_lr75:nth-child(2n), .p_p_lr75:nth-child(2n) { padding-left: 7.5px; } .padd_b_15 { padding-bottom: 15px; } .jrwm-section02 .jrwm-section02-div .jrwm-section02-div-r h3 { font-size: 18px; } } @media (max-width: 767px) { body { overflow-x: hidden; } .banner .swiper-banner .swiper-slide:nth-child(2) .banner-lay { left: 0 !important; } .banner { width: 100%; overflow: hidden; } .product-index .product-index-list .product-index-list-title { height: auto; } .pc_img { display: none; } .phone_img { display: block; padding-bottom: 15px; } .cpjs-section03-listt20 { display: none; } /* .cpjs-section04-t20 { padding-top: 260px; } */ .about-section03, .about-section04, .about-section05 { padding: 15px 0px; } .about-section04 .about-section04-ul li .about-section04-r .about-section04-cons { line-height: 22px; } .top { bottom: 17%; } .top { display: none; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom { padding: 25px 0 25px; } .swiper-gg-wrap .swiper-slide a p span { margin-right: 0; } .jrwm-section02 .wh-ul li { width: 100% !important; } .sywhdes-wrap .sywhdes-top, .about-section04 .about-section04-ul li .about-section04-r .about-section04-cons { font-size: 12px; text-align: justify; } .about-section02 .about-section02-div { font-size: 12px; line-height: 22px; } } /* 浠ヤ笅鏄簩鏈熷紑鍙 */ #support1, #support2, #support3, #support4, #support5, #careers1, #careers2, #careers3, #careers4, #careers5, #careers6, #about1, #about2, #about3, #about4, #about5, .p_top { position: absolute; top: -146px; } .more_a_jt { font-size: 16px; line-height: 32px; color: #3A3A3A; margin-top: 20px; } .more_a_jt .bl { display: block; } .more_a_jt img { height: 32px; line-height: 32px; display: inline-block; transition: all 0.5s; margin-left: 14px; } .cpjs-section01 .article_i20_height .cpjs-section01-list-in { padding-bottom: 45px; height: 100%; padding-right: 10px; } .cpjs-section01-list:hover .more_a_jt img { transition: all 0.5s; -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); } .bgf .cpjs-section03-t20 { background: #fff; } .bgf .cpjs-section03-t20 .title-wrap span { color: #fff; } .cpjs-section01 .article_i20_height .cpjs-section01-t20-div p { letter-spacing: -0.5px; } .bgffffff { background: #fff; } .bgffffff .title-wrap span { color: #fff; } .flex_flex { display: flex; justify-content: space-between; } .flex { display: flex; flex-wrap: wrap; justify-content: left; } .flex .cpjs-section01-list-in { height: 100%; } .flex_flex .cpjs-section01-list .cpjs-section01-list-in { height: 100%; } .statement { padding: 60px 0; } .statement .title { font-size: 30px; line-height: 40px; margin-bottom: 30px; text-align: center; } .statement .text { font-size: 16px; line-height: 30px; color: #111; } .about-section01 { padding: 0; } .about-section01 .hover { position: absolute; top: 50%; transform: translateY(-50%); width: 100%; } .active_sx { border-bottom: 1px solid #D1D1D1; margin-bottom: 60px; } .active_sx ul { display: flex; justify-content: center; } .active_sx ul li { margin: 0 30px; font-size: 18px; line-height: 30px; color: #7C7C7C; padding-bottom: 10px; position: relative; cursor: pointer; } .active_sx ul li::before { content: ""; position: absolute; bottom: -1px; left: 0; width: 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; background: #EC1B23; height: 2px; } .active_list > div:hover .scale img { transform: scale(1.1); } .active_sum .content > div div.data img { margin-top: -1px; } .active_list > div:hover .name, .active_list > div:hover .news-more { color: #EC1B23; } .active_sx ul li.active, .active_sx ul li:hover { color: #000000; } .active_sx ul li.active::before, .active_sx ul li:hover::before { width: 100%; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; } .active_sum > div { display: none; } .active_sum > div.active { display: block; } .active_list > div { margin-bottom: 30px; } .active_list > div > a { background: #F3F3F3; border-radius: 15px; display: block; } .active_sum .content > div { height: 155px; } .show_active_eight .swiper-slide, .show_active_eight .col-md-6 > div { background: #fff; border-radius: 15px; } .show_active_eight .swiper-slide .content, .show_active_eight .col-md-6 > div .content { padding: 25px 30px; border-radius: 0 0 15px 15px; } .active_sum .content > div div { width: 100%; } .active_sum .content > div div img { height: 15px; } .active_sum .name, .show_active_eight .swiper-slide .name, .show_active_eight .col-md-6 > div .name { font-size: 22px; line-height: 30px; color: #0F0F0F; font-weight: 600; } .show_active_eight .swiper-slide .news-more, .show_active_eight .col-md-6 > div .news-more { margin-top: 30px; } .show_active_eight .swiper-slide .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .active_sum .data, .active_sum .address, .show_active_eight .swiper-slide .data, .show_active_eight .swiper-slide .address, .show_active_eight .col-md-6 > div .data, .show_active_eight .col-md-6 > div .address { font-size: 16px; line-height: 29px; color: #494949; } .show_active_eight .swiper-slide .data img, .show_active_eight .swiper-slide .address img { height: 15px; } .active_sum .data, .show_active_eight .swiper-slide .data { margin: 10px 0 3px; } .active_sum .over, .active_sum .over img { border-radius: 15px; } .active_sum .tags { font-size: 16px; line-height: 30px; color: #FFFFFF; width: 127px; line-height: 45px; text-align: center; border-radius: 15px 0 15px 0; background: rgba(0, 0, 0, 0.5); position: absolute; top: 0; left: 0; z-index: 9; } .active_sum .content { padding: 30px 30px 50px; } .show_active_ban .hover { position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); } .show_active_ban .hover .p1, .ny_title { font-size: 54px; line-height: 70px; color: #FFFFFF; margin-bottom: 10px; font-weight: 600; } .ny_title2 { font-size: 30px; line-height: 35px; color: #FFFFFF; margin-top: 10px; } .show_active_ban .hover .data, .show_active_ban .hover .address { font-size: 24px; line-height: 45px; color: #FFFFFF; } .show_active_ban .hover .data img, .show_active_ban .hover .address img { width: 23px; } .show_active_eight .swiper-slide:hover .name, .show_active_eight .col-md-6 > div:hover .name { color: #EC1B23; } .show_active_eight .swiper-slide:hover .scale img, .show_active_eight .col-md-6 > div:hover .scale img { transform: scale(1.1); } .show_active_ban .hover .data .iconfont, .show_active_ban .hover .address .iconfont { font-size: 24px; } .show_active .text { font-size: 16px; line-height: 30px; color: #8C8C8C; } .line2 { display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 2; overflow: hidden; } #spsy_tc video { display: block; } #spsy_tc, #sp1_tc { background: #000000; z-index: 9999; } #spsy_tc .modal-header, #sp1_tc .modal-header { padding: 0; border: none; position: absolute; right: 15px; } #spsy_tc .modal-content { background: #000; } #spsy_tc .modal-body, #sp1_tc .modal-body { padding: 0; background: #000000; } #sp1_tc .modal-body { border: none; } #spsy_tc .modal-content, #sp1_tc .modal-content { border: none; -webkit-box-shadow: none; box-shadow: none; } #spsy_tc button.close, #sp1_tc button.close { margin-top: 0; top: 15px; right: 15px; color: #fff; opacity: 1; margin: 20px 0 0 0; font-size: 50px; font-weight: lighter; } .show_active_two .img > img { width: 100%; border-radius: 15px; } .show_active_two .hover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; } #spsy_tc .modal-dialog { width: 49%; top: 50% !important; transform: translateY(-50%) !important; } .show_active_three .name { font-size: 30px; line-height: 53px; color: #262626; margin: 25px 0; } .show_active_three .swiper-slide .hover { position: absolute; bottom: 25px; padding: 0 27px; z-index: 9; } .show_active_three .swiper-slide .hover p { font-size: 20px; line-height: 26px; color: #fff; } .show_active_three .swiper-slide .hover .text { color: #fff; } .show_active_three .swiper-slide img { width: 100%; border-radius: 15px; } .show_active_three .swiper-slide .scale { border-radius: 15px; position: relative; z-index: 2; } .show_active_three .swiper-slide .scale::before { background: -moz-linear-gradient(50% -0.84% -90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 74.94%); background: -webkit-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 74.94%); background: -webkit-gradient(linear, 50% -0.84%, 50% 152.73%, color-stop(0, rgba(0, 0, 0, 0)), color-stop(0.7494, rgba(0, 0, 0, 0.5))); background: -o-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 74.94%); background: -ms-linear-gradient(-90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 74.94%); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000' ,GradientType=0)"; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 74.94%); border-radius: 0px 0px 15px 15px; -moz-border-radius: 0px 0px 15px 15px; -webkit-border-radius: 0px 0px 15px 15px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000', GradientType=0); content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 60%; z-index: 1; } .show_active_three .swiper-slide:hover img { transform: scale(1.1); } .show_active_three .swiper-slide:hover:hover p { font-size: 22px; transition: all 0.6s; } .show_active_three .swiper-slide:hover p { transition: all 0.6s; } .show_active_three .swiper-pagination-bullet { width: 13px; height: 13px; background: #9B9B9B; opacity: 1; } .show_active_three .swiper-pagination-bullet-active { background: #FD1A16; } .show_active_three .swiper-container { padding-bottom: 45px; } .show_active_three .swiper-container-horizontal > .swiper-pagination-bullets, .show_active_three .swiper-pagination-custom, .show_active_three .swiper-pagination-fraction { bottom: 0; } .show_active_three .scroll ul li { display: flex; align-items: center; padding: 10px 0; border-bottom: 1px solid rgba(58, 58, 58, 0.1); flex-wrap: wrap; width: calc(100% - 38px); margin-right: 38px; } .show_active_three .scroll .left { width: 26%; font-size: 16px; line-height: 29px; color: #8C8C8C; } .show_active_three .scroll .right { width: 74%; } .show_active_three .scroll .left .iconfont { font-size: 18px; color: #8C8C8C; position: relative; top: 1px; } .show_active_three .scroll { background: #F3F3F3; border-radius: 15px; padding: 15px 25px; } .show_active_three .scroll .right .tit { color: #8C8C8C; font-size: 16px; line-height: 30px; } .show_active_three .scroll .right .tit.font18 { font-size: 18px; } .show_active_three .scroll .right .tit strong { margin-right: 10px; color: #000; } .show_active_three .scroll .text { color: #8C8C8C; } .show_active_three .scroll ul li:first-child { padding-top: 0; } .show_active_three .scroll ul:last-child { padding-bottom: 0; } .show_active_three .scroll ul { height: 395px; overflow-y: scroll; } .show_active_three .scroll ul::-webkit-scrollbar-track { /*婊氬姩鏉¢噷闈㈣建閬?/ background-color: #E8E8E8; width: 6px; height: 40px; position: absolute; border-radius: 3px; } .show_active_three .scroll ul::-webkit-scrollbar { /*婊氬姩鏉℃暣浣撴牱寮?/ width: 6px; /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉$殑灏哄*/ } .show_active_three .scroll ul::-webkit-scrollbar-thumb { /*婊氬姩鏉¢噷闈㈠皬鏂瑰潡*/ display: block; width: 10px; height: 35px; background: #FD1A16; border-radius: 3px; } .bor15 { border-radius: 15px; } .bl { display: block; } .about_new .flex { background: #F3F3F3; display: flex; align-items: center; width: 100%; flex-wrap: wrap; } .about_new .data { font-size: 16px; line-height: 29px; color: #494949; } .about_new .data .iconfont { font-size: 16px; } .about_new .name { font-size: 22px; line-height: 30px; color: #0F0F0F; width: 100%; font-weight: 600; margin-bottom: 10px; } .about_new .text { color: #7C7C7C; margin: 15px 0 34px; } .about_new .left { width: 42%; } .about_new .right { width: 58%; padding: 0 65px 0 57px; } .about_new .flex:hover img { transform: scale(1.1); } .about_new .flex:hover .name { color: #FD1A16; } .about_new .flex:hover .news-more { color: #FD1A16; } .index_hyyy { padding-bottom: 115px; } .index_hyyy ul { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; width: 100%; padding: 0 150px; margin-top: 20px; } .index_hyyy ul li { width: 16.6%; text-align: center; } .index_hyyy ul li .icon img { height: 45px; } .index_hyyy ul li .font16 { padding: 10px; display: inline-block; color: #282828; position: relative; } .index_hyyy ul li .font16::before { content: ""; position: absolute; bottom: -2px; left: 0; width: 0; height: 4px; background: #EC1B23; transition: all 0.4s; } .index_hyyy .font16 { color: #282828; } .index_hyyy ul li:hover .font16::before, .index_hyyy ul li.active .font16::before { transition: all 0.4s; width: 100%; } .index_hyyy .hover { position: absolute; /* top: 0; */ width: 100%; z-index: 9; height: 210px; border-bottom: 1px solid #FFFFFF; } .index_hyyy .hover > div { position: absolute; bottom: 0; left: 0; width: 100%; } .index_hyyy .font30, .index_hyyy ul li .font16, .index_hyyy .font24, .index_hyyy .content .font16, .index_hyyy .content .news-more { color: #fff; } .index_hyyy .content .font16 { font-size: 20px; } .cpjs-section01-list-in > img { height: 61px; } .index_hyyy .swiper-slide { padding-top: 210px; border-radius: 15px; } .index_hyyy .swiper-slide { opacity: 0 !important; } .index_hyyy .swiper-slide-active { opacity: 1 !important; } .index_hyyy .swiper-slide .content { padding: 40px 80px 100px; } .show_hyyy_two .col-md-8.pt20 .text { text-align: justify; } .index_hyyy .name { font-size: 16px; line-height: 29px; color: #515151; margin: 20px 0 25px; display: none; } .index_hyyy .content .font16 { margin-bottom: 15px; margin-top: 10px; } .index_hyyy .content .news-more { margin-top: 25px; } .index_hyyy .name span { border: 1px solid #8b8b8b; padding: 0 20px; line-height: 32px; display: inline-block; margin-right: 14px; border-radius: 5px; color: #282828; } .index_hyyy .news-more { color: #282828; } @media (max-width: 1480px) { .about-section01 .about-section01-ul li .about-section01-ul-in div { margin-bottom: 25px; } .about-section01 .about-section01-ul li .about-section01-ul-in { min-height: 320px; } .about-section01 .about-section01-title { margin-bottom: 35px; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay { top: auto; bottom: 90px; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay a.ani { margin-top: 15px !important; } .about-section01 .hover { top: 53%; } .show_active_ban .hover .p1, .ny_title { font-size: 50px; } .about_new .text { margin: 10px 0 15px; } } @media (max-width: 1280px) { .about-section01 .about-section01-title { margin-bottom: 20px; } .about-section01 .about-section01-ul li .about-section01-ul-in { min-height: 300px; padding-top: 10px; } .about-section01 .about-section01-ul li .about-section01-ul-in div { margin-bottom: 15px; } .show_active_ban .hover .p1, .ny_title { font-size: 40px; } .show_active_ban .hover .data, .show_active_ban .hover .address { font-size: 20px; line-height: 35px; } .show_active_ban .hover .data .iconfont, .show_active_ban .hover .address .iconfont { font-size: 20px; } .show_active_two .hover img { width: 50px; } .about-section01 .about-section01-ul li h3 { height: 76px; line-height: 76px; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay .container { padding: 0 15px; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay { bottom: 75px; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay a.ani { margin-top: 0 !important; } } @media (max-width: 1200px) { .load, .load-cpjs { line-height: 46px; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay { bottom: 35px; } .heig_load { top: 50px; } body { padding-top: 96px; } #support1, #support2, #support3, #support4, #support5, #careers1, #careers2, #careers3, #careers4, #careers5, #careers6, #about1, #about2, #about3, #about4, #about5, .p_top { top: -96px; } .heig_load { height: 46px; } .flex_flex { justify-content: left; } .flex_flex > div { margin-bottom: 30px; } .more_a_jt { font-size: 14px; } .statement { padding: 45px 0; } .statement .title { font-size: 26px; margin: 0 0 20px 0; } .about-section01 .about-section01-ul li .about-section01-ul-in { min-height: 249px; } .about-section01-ul-in > div:last-child { margin-bottom: 0 !important; } .about-section01 .about-section01-title { font-size: 34px; } .about-section01 .about-section01-ul li h3 { line-height: 60px; height: 60px; } .about-section01 .about-section01-ul li h3:hover { font-size: 48px; } .about-section01 .about-section01-ul li .about-section01-ul-in div { line-height: 26px; } .about-section01 .about-section01-ul li .about-section01-ul-in div:hover { transform: scale(1.1); } .show_active .news-index .container .prev-news, .show_active .news-index .container .next-news { display: none; } .show_active_three .swiper-pagination-bullet { width: 8px; height: 8px; } } .foot-top.phone_footer { display: none; } .foot-top { display: block; } @media (max-width: 1024px) { .flex_flex .cpjs-section01-list:last-child { margin-bottom: 30px; } .foot-top { display: none !important; } .foot-top.phone_footer { display: block !important; } #spsy_tc .modal-dialog { width: 96%; transform: translate(-50%, -50%) !important; left: calc(50% - 2px); } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay { left: 0; right: 0; margin: 0 auto; top: 10%; width: 90%; bottom: auto; } .cpjs-section01 .cpjs-section01-list, .cpjs-section01 .cpjs-section01-list:last-child { margin-bottom: 30px; } .cpjs-section01 .article_i20_height .cpjs-section01-list-in { padding-bottom: 30px; } body { padding-top: 50px; } .active_sum .name, .show_active_eight .swiper-slide .name, .about_new .name, .show_active_eight .col-md-6 .name { font-size: 18px; } .active_sum .data, .active_sum .address, .show_active_eight .swiper-slide .data, .show_active_eight .swiper-slide .address { font-size: 14px; line-height: 26px; } .show_active .text { font-size: 14px; line-height: 26px; } .about_new .data { font-size: 14px; line-height: 26px; } .about_new .name { margin-bottom: 0px; } #support1, #support2, #support3, #support4, #support5, #careers1, #careers2, #careers3, #careers4, #careers5, #careers6, #about1, #about2, #about3, #about4, #about5, .p_top { top: -50px; } } @media (max-width: 990px) { .flex_flex > div { width: 100%; } .cpjs-section01 .cpjs-section01-list, .flex_flex .cpjs-section01-list:last-child { margin-bottom: 15px; } .flex_flex { flex-wrap: wrap; } .flex > div { width: 100%; } .active_sum .content > div { height: auto; margin-bottom: 20px; } .about_new .left { width: 100%; } .about_new .right { width: 100%; padding: 15px 30px 30px; } .show_active_three .scroll ul { height: 420px; } .show_active_three .scroll .right .tit { font-size: 18px; } .show_active_ban .hover .p1, .ny_title { font-size: 32px; line-height: 40px; } .font30 { font-size: 24px; } .index_hyyy .swiper-slide .content { padding: 30px 50px 50px; } .index_hyyy ul { padding: 0 20px; } } @media (max-width: 767px) { .cpjs-section02 .cpjs-section02-list .cpjs-section02-list-in h3 { line-height: 20px; padding: 10px; font-size: 14px; height: auto; } .cpjs-section02 .row { display: flex; flex-wrap: wrap; } .show_pro_zs_five .row { display: block; } .banner .swiper-banner .swiper-slide:nth-child(1) .banner-lay { top: 15%; } .banner .swiper-banner .swiper-slide:nth-child(1) .banner-lay p { font-size: 1.525rem !important; line-height: 2.3rem !important; } .cpjs-section02 .row > div > div { height: 100%; } .statement .title { font-size: 24px; margin: 0 0 15px 0; line-height: 30px; } .statement .text { font-size: 14px; line-height: 26px; } .active_sx ul li { margin: 0 15px; font-size: 16px; } .active_sx { margin-bottom: 15px; } .active_sum .tags { font-size: 12px; width: 80px; line-height: 30px; } .active_sum .content { padding: 15px 15px 20px; } .active_list > div { margin-bottom: 15px; } .show_active_three .scroll .left { width: 100%; } .show_active_three .scroll .right { width: 100%; } .show_active_ban .hover .p1, .ny_title { font-size: 34px; line-height: 40px; } .show_active_ban .hover .data, .show_active_ban .hover .address { font-size: 16px; line-height: 30px; } .show_active_ban .hover .data .iconfont, .show_active_ban .hover .address .iconfont { font-size: 16px; } .show_active_ban .hover .p1, .ny_title { font-size: 28px; line-height: 32px; } } @media (max-width: 580px) { .banner .swiper-banner .swiper-slide.banner_swiper1 .banner-lay h3 { font-size: 1.875rem !important; } .banner .swiper-banner .swiper-slide.banner_swiper1 .banner-lay p { font-size: 1.5rem !important; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay p { font-size: 1.25rem !important; line-height: 1.5rem !important; } .banner .swiper-banner .swiper-slide.banner_swiper47 .banner-lay { width: 93%; top: 16%; } } @media (max-width: 480px) { .banner .swiper-banner .swiper-slide .banner-lay h3, .banner .swiper-banner .swiper-slide.banner_swiper47 p, .banner .swiper-banner .swiper-slide .banner-lay p { font-size: 20px !important; } .banner .swiper-banner .swiper-slide.banner_swiper1 .banner-lay h3 { font-size: 1.5rem !important; } .banner .swiper-banner .swiper-slide.banner_swiper1 .banner-lay p { font-size: 1.25rem !important; line-height: 1.5; } .show_active_ban .hover .p1, .ny_title { font-size: 24px; line-height: 30px; } .show_active_two .hover img { width: 40px; } .show_active_three .name { font-size: 22px; line-height: 40px; margin: 15px 0; } .show_active_three .scroll { padding: 15px 10px 15px 15px; } .show_active_three .scroll ul li { width: calc(100% - 15px); margin-right: 15px; } .about_new .right { padding: 15px 15px 20px; } } .index_hyyy .news-more:hover { color: #EC1B23; } .font18 { font-size: 18px; line-height: 30px; color: #8C8C8C; } .c0 { color: #000; } .font16 { font-size: 16px; line-height: 30px; color: #8C8C8C; } .industry1 .topp1 .font18 { margin-top: 20px; } .industry1 .topp1 ul { display: flex; justify-content: center; align-items: center; margin-top: 20px; } .industry1 .topp1 ul li { padding: 0 50px; } .industry1 .topp1 ul li .img img { width: 125px; } .industry1 .topp1 .name { margin: 15px 0 6px; } .industry1 .topp1 .name img { height: 17px; display: block; } .industry1 .xian { position: relative; margin-top: -20px; margin-bottom: 20px; } .industry1 .xian img { width: 80%; margin: 0 auto; } .industry1 .bot > div > div { border-radius: 15px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); background: #fff; padding: 25px 25px; } img { max-width: 100%; } .industry1 .bot > div .name { font-size: 20px; line-height: 30px; color: #FD1A16; font-weight: 600; } .industry1 .bot > div .content { border-top: 1px solid rgba(62, 58, 57, 0.2); margin-top: 15px; } .industry1 .hover { margin-top: 20px; } .industry1 .hover .pa { position: absolute; top: 0%; left: 0; } .industry1 .hover .pa .bot { display: flex; flex-wrap: wrap; } .industry1 .hover .pa .bot > div > div { height: 100%; } .industry1 .hover > img { padding-top: 34px; } .industry2 .bg_img { margin-top: 60px; } .industry2 .bg_img .padding { padding: 0 125px 0 140px; } .industry2 .bg_img .padding .swiper-slide { margin-top: 0 !important; } .industry2 .bg_img .padding .col-md-4 { padding: 0; } .industry2 .bg_img .padding .col-md-4 > div { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; } .industry2 .bg_img .padding .col-md-4:hover > div { transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; } .industry2 .bg_img .padding .row { margin: 0; } .industry2 .bg_img > img:nth-child(2) { display: none; } .industry2 .bg_img > img { position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 100%; } .industry2 .row > div > div { border-radius: 15px; } .industry2 .row > div > div > a { border-radius: 15px 15px 0 0; overflow: hidden; } .industry2 .row > div .content { padding: 23px 0; border: 1px solid #EAEAEA; border-radius: 0 0 15px 15px; background: #fff; } .industry2 .row > div:hover img { transform: scale(1.1); } .industry2 .row > div:hover .name { color: #FD1A16; } .industry2 .row > div .name { font-size: 20px; line-height: 30px; color: #000; margin-bottom: 5px; } .industry2 .title-wrap, .industry1 .title-wrap { margin-bottom: 35px; } .industry3 .flex { display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; margin: 0 -15px; } .industry3 .flex > div { width: 20%; padding: 0 15px; margin-bottom: 30px; } .industry3 .swiper-slide div, .industry3 .swiper-slide div img { border-radius: 15px; overflow: hidden; } .industry3 .swiper-slide div img { width: 100%; } .industry3 .swiper-container { padding-bottom: 55px; } .industry3 .swiper-pagination { bottom: 0; } .industry3 .swiper-pagination { display: none; } .show_hyyy_one.cpjs-section01 .article_i20_height .cpjs-section01-list-in { padding-right: 25px; } .font24_bottom_xian { position: relative; font-size: 24px; line-height: 35px; padding-bottom: 8px; margin-bottom: 8px; color: #FD1A16; } .font24_bottom_xian::before { content: ""; position: absolute; bottom: 0; left: 0; width: 24px; height: 3px; background: #FD1A16; } .show_hyyy_two .col-md-8.pt20 .font24_left_xian { margin-bottom: 8px; } .font24_left_xian { position: relative; font-size: 24px; line-height: 30px; color: #0F0F0F; padding-left: 20px; } .font24_left_xian.mtb20 { margin-bottom: 8px; } .font24_left_xian::before { content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 4px; height: 22px; background: #FD1A16; } .font30 { font-size: 30px; line-height: 30px; color: #282828; } .flex_bottom { display: flex; justify-content: space-between; align-items: flex-start; margin: 35px -25px 0; } .flex_bottom li { padding: 0 25px; } .show_hyyy_two .scale img { width: 100%; border-radius: 15px; } .mt30 { margin-top: 30px; } .pt20 { padding-top: 20px; } .mtb20 { margin: 20px 0; } .font20 { font-size: 20px; line-height: 30px; color: #0F0F0F; } .bsfa ul { margin: 0 -8px; display: flex; justify-content: space-between; } .bsfa ul li { padding: 0 8px; } .bsfa ul li .font20 { padding-top: 15px; } .bsfa .mb15 { margin-bottom: 15px; } .bsfa .content { background: #F4F4F4; padding: 25px 0; border-radius: 0 0 15px 15px; } .bsfa .scale.bor15, .bsfa .scale.bor15 img { border-radius: 15px 15px 0 0; } .bsfa .scale.bor15 img.bor15 { border-radius: 15px; } .zhuzhuangtu { margin-top: 35px; } .border_bsfa_height img { height: 206px; object-fit: cover; } .font24 { font-size: 24px; line-height: 30px; color: #000; margin-bottom: 5px; } .show_hyyy_two.zhcs_hyyy .bsfa ul { flex-wrap: wrap; } .show_hyyy_two.zhcs_hyyy .bsfa ul li { width: 50%; margin-bottom: 20px; } .list_pro_zs_two .right ul { margin-bottom: 23px; } .list_pro_zs_two .right ul:nth-child(1) { position: relative; margin-top: -5px; } .list_pro_zs_two .right ul:nth-child(2) { position: relative; margin-top: 33px; } .list_pro_zs_two .right ul:nth-child(3) { margin-top: 61px !important; } .list_pro_zs_two .right ul:nth-child(2) div { line-height: 24px !important; } .list_pro_zs_two .right ul:nth-child(3) div { line-height: 26px !important; } .list_pro_zs_two .right ul:last-child { margin-top: 33px; } .list_pro_zs_two .right ul li { margin-bottom: 10px; display: flex; justify-content: flex-start; align-items: flex-start; width: 100%; } .list_pro_zs_two .right ul li:nth-child(1) { line-height: 45px; border-bottom: 1px solid #000; margin-bottom: 15px; padding-bottom: 10px; } .list_pro_zs_two .hover { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: -1; width: 90%; } .list_pro_zs_two .right ul li div:nth-child(1) { font-size: 20px; line-height: 30px; color: #000000; width: 35%; float: left; } .list_pro_zs_two .right ul li div:nth-child(2) { font-size: 16px; line-height: 28px; color: #6B6B6B; width: 65%; float: right; } .list_pro_zs_two .left { padding-right: 35px; } .list_pro_zs_two .right { padding-left: 65px; } .list_pro_zs_three .right { padding-left: 70px; margin-top: -46px; } .list_pro_zs_three .font16 { text-align: justify; } .list_pro_zs_three .font16 a { color: #8C8C8C; text-decoration: underline; } .list_pro_zs_three .font16 a:hover { color: #EC1B23; } .show_pro_zs_five .col-md-6 .content { background: #F4F4F4; padding: 25px 35px 45px; border-radius: 0 0 15px 15px; } .show_pro_zs_five .col-md-6 .bor15 { border-radius: 15px 15px 0 0; } .show_pro_zs_five .font16 { margin: 10px 0 15px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 30px; height: 30px; } .show_pro_zs_five .col-md-6:hover img { transform: scale(1.1); } .show_pro_zs_five .col-md-6:hover .font20 { color: #EC1B23; } .show_pro_zs_five .col-md-6:hover .news-more { color: #EC1B23; } .mt55 { margin-top: 55px; } .singn_bottom .title-wrap { margin-bottom: 20px; } .border_bsfa.bsfa ul li .scale { border: 1px solid #e6e6e6; border-radius: 15px; } .border_bsfa.bsfa ul li .scale img { width: 100%; border-radius: 15px; } .show_hyyy_two .font16 { text-align: justify; } .show_active_eight.news-index .container .next-news, .show_active_eight.news-index .container .prev-news { display: none; } .rjkf-div-w { margin-bottom: 25px; } @media (max-width: 1600px) { .list_pro_zs_two .right { width: 36%; padding-left: 15px; } .show_hyyy_two .pt20 { padding-top: 0; } .show_hyyy_two .flex_bottom .font16 { line-height: 24px; } .list_pro_zs_two .left { width: 64%; } .flex_bottom { margin: 20px -25px 0; } .list_pro_zs_two .right ul li { margin-bottom: 0px; } .list_pro_zs_two .right ul li div:nth-child(1) { font-size: 18px; } .border_bsfa_height img { height: 165px; } .list_pro_zs_two .right ul li:nth-child(1) { margin-bottom: 10px; padding-bottom: 5px; } .list_pro_zs_two .right ul { margin-bottom: 7px; } .list_pro_zs_three .right { margin-top: 0px; padding-left: 30px; } .show_active_ban .hover .p1, .ny_title { font-size: 40px; line-height: 50px; } .ny_title2 { font-size: 24px; line-height: 30px; } .list_pro_zs_two .right ul:last-child { margin-top: 19px; } .list_pro_zs_two .right ul li div:nth-child(1) { width: 32%; } .list_pro_zs_two .right ul li div:nth-child(2) { width: 68%; } .list_pro_zs_two .right ul li div:nth-child(2) { line-height: 26px; } .list_pro_zs_two .right ul:nth-child(2) { margin-top: 25px; } .list_pro_zs_two .right ul:nth-child(3) { margin-top: 51px !important; } .list_pro_zs_two .right ul:nth-child(3) div { line-height: 28px !important; } .about-section01 .about-section01-ul li { padding-left: 30px; } .about-section01 .about-section01-title { margin-bottom: 30px; } .show_pro_zs_five .font16 { overflow: inherit; text-overflow: initial; white-space: inherit; height: 60px; } } @media (max-width: 1440px) { header .menu-ul { margin-right: 110px; } .show_hyyy_two .col-md-8.pt20 { padding-top: 0; } .flex_bottom { margin: 15px -25px 0; } .show_hyyy_two .col-md-8.pt20 .text { line-height: 26px; text-align: justify; } .font16 { font-size: 14px; line-height: 28px; } .show_pro_zs_five .font16 { overflow: inherit; text-overflow: initial; white-space: inherit; height: 30px; } } @media (max-width: 1366px) { header .menu-ul { margin-right: 60px; } .news-index .container .next-news, .about_news_swiper .next-news { right: -90px; } .news-index .container .prev-news, .about_news_swiper .prev-news { left: -90px; } } @media (max-width: 1280px) { header .menu-ul { margin-right: 10px; } .border_bsfa_height img { height: 141px; } .list_pro_zs_two .right ul li div:nth-child(2) { font-size: 14px; line-height: 24px; } .list_pro_zs_two .right ul li div:nth-child(1) { font-size: 16px; line-height: 25px; } .list_pro_zs_two .right ul li div:nth-child(2) { width: 70%; } .list_pro_zs_two .right ul li div:nth-child(1) { width: 30%; } .list_pro_zs_three .row { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; } .show_hyyy_two .col-md-8.pt20 .text { line-height: 23px; } .list_pro_zs_two .right ul li div:nth-child(2) { line-height: 23px; } .list_pro_zs_two .right ul:nth-child(2) { margin-top: 18px; } .list_pro_zs_two .right ul:nth-child(2) div { line-height: 20px !important; } .list_pro_zs_two .right ul:nth-child(3) { margin-top: 38px !important; } .list_pro_zs_two .right ul:nth-child(3) div { line-height: 23px !important; } .about-section01 .about-section01-ul li { padding-left: 5px; } .index_yszs .right .img img { height: 40px; object-fit: contain; } .show_pro_zs_five .font16 { height: 44px; line-height: 22px; } } @media (max-width: 1200px) { .flex_bottom { margin: 5px -8px 0; } .pt20 { padding-top: 0; } .about-section01 .about-section01-ul li { padding-left: 5px !important; } .about-section01 .about-section01-ul li .about-section01-ul-in div { font-size: 15px; } .flex_bottom li { padding: 0 8px; } .list_pro_zs_two .right ul:last-child { margin-top: 9px; } .list_pro_zs_two .right ul { position: relative; margin-top: -3px; } .show_active_eight.news-index .pagination-news { display: none; } .product-index .rjkf-div .rjkf-div-r h3, .index_yszs .right h3 { margin: 10px 0 10px; } } @media (max-width: 1100px) { .list_pro_zs_two .right { width: 38%; } .border_bsfa_height img { height: 128px; } .list_pro_zs_two .left { width: 62%; padding-right: 15px; } .list_pro_zs_two .right { padding-left: 5px; } .list_pro_zs_two .right ul li div:nth-child(1), .list_pro_zs_two .right ul li div:nth-child(2) { line-height: 22px; } .list_pro_zs_two .right ul:nth-child(2) div { line-height: 19px !important; } .list_pro_zs_two .right ul:nth-child(3) { margin-top: 35px !important; } .list_pro_zs_two .right ul:nth-child(3) div { line-height: 22px !important; } .about-section01 .about-section01-ul li .about-section01-ul-in div { font-size: 14px; } } @media (max-width: 1024px) { .index_hyyy ul { padding: 0 50px; } .banner .swiper-banner .banner_swiper1.swiper-slide .banner-lay { left: 0% !important; } .index_hyyy .content .font16 { font-size: 16px !important; } .index_hyyy ul li img { height: 40px; } .index_hyyy .swiper-slide { padding-top: 200px; } .index_hyyy .hover { height: 200px; } .index_hyyy { padding-bottom: 40px; } .show_active_ban .hover .p1, .ny_title { font-size: 30px; line-height: 40px; } .ny_title2 { font-size: 20px; line-height: 24px; } .show_active_eight .col-md-6 .name { font-size: 18px !important; } .show_active_eight .col-md-6 > div .data, .show_active_eight .col-md-6 > div .address { font-size: 14px !important; } .index_yszs .right .img img { height: 30px; } } @media (max-width: 990px) { .industry1 .hover > img { display: none; } .border_bsfa_height img { height: auto; } .industry3 .swiper-pagination { display: block; } .industry1 .hover .pa { position: relative; } .industry1 .hover .pa .col-md-4 { margin-bottom: 30px; } .industry1 .hover .pa .col-md-4:last-child { margin-bottom: 0; } .industry2 .col-md-3:nth-child(1), .industry2 .col-md-3:nth-child(2) { margin-bottom: 30px; } .industry3 .swiper-pagination-bullet-active { background: #FD1A16; } .padding60 { padding: 25px 0; } .list_pro_zs_two .left, .list_pro_zs_two .right { width: 100%; } .list_pro_zs_two .right { margin-top: 25px; } .list_pro_zs_two .right ul li div:nth-child(2) { line-height: 27px; } .list_pro_zs_three .right { width: 100%; margin-top: 15px; padding-left: 15px; } .show_pro_zs_five .col-md-6 { margin-bottom: 15px; } .show_pro_zs_five .col-md-6:last-child { margin-bottom: 0; } .font30 { font-size: 22px; } .show_hyyy_two .col-md-8 { margin-top: 20px; } .mt55 { margin-top: 35px; } .bsfa .col-md-4 { margin-bottom: 15px; } .bsfa .col-md-4:last-child { margin-bottom: 15px; } .show_pro_zs_five .font16 { height: auto; } .industry1 .hover .pa .bot { display: block; } } @media (max-width: 767px) { .title-wrap span { font-size: 36px; } .font18 { font-size: 16px; line-height: 26px; } .industry1 .topp1 ul li { padding: 0 15px; } .font16 { font-size: 14px; line-height: 24px; } .industry1 .xian { display: none; } .industry1 .bot { margin-top: 15px; } .industry1 .hover .pa .col-md-4 { margin-bottom: 15px; } .industry2 .row { margin-top: 15px; } .industry2 .col-md-3:nth-child(1), .industry2 .col-md-3:nth-child(2), .industry2 .col-md-3:nth-child(3) { margin-bottom: 15px; } .industry2 .row > div .content { padding: 15px 0; } .industry3 .swiper-slide div, .industry3 .swiper-slide div img { border-radius: 8px; } .font30 { font-size: 20px; } .font24 { font-size: 20px; } .index_hyyy ul { padding: 0; } .index_hyyy ul li .font16 { padding: 10px 0; } .index_hyyy ul li img { height: 34px; } .index_hyyy .swiper-slide .content { padding: 15px 15px 25px; } .index_hyyy .swiper-slide { padding-top: 170px; } .index_hyyy .hover { height: 170px; } .index_hyyy .name span { border: 1px solid #999999; padding: 0 8px; margin-bottom: 5px; } .index_hyyy .name { font-size: 14px; margin: 10px 0 15px; } .index_hyyy { padding-bottom: 20px; } .cpjs-section01-list-in > img { height: auto; } .show_pro_zs_five .col-md-6 .content { height: auto; padding: 15px 15px 25px; } .show_pro_zs_five .font16 { margin: 5px 0 8px; } .industry3 .swiper-container { padding-bottom: 45px; } .show_active_ban .hover .p1, .ny_title { font-size: 20px; line-height: 30px; } .ny_title2 { font-size: 16px; line-height: 24px; } .mt30 { margin-top: 15px; } .flex_bottom li { width: 100%; margin-bottom: 8px; } .flex_bottom li:last-child { margin-bottom: 0; } .flex_bottom { flex-wrap: wrap; } .font24_left_xian { padding-left: 15px; } .font24_bottom_xian { font-size: 18px; line-height: 30px; } .mt25 { margin-top: 15px !important; } .bsfa .col-md-6 { margin-bottom: 15px; } .bsfa .col-md-6:last-child { margin-bottom: 0; } .bsfa .content { padding: 15px 0; } .font20 { font-size: 18px; } .singn_bottom .font16 { margin-top: 30px; } .show_hyyy_two.zhcs_hyyy .bsfa ul li { margin-bottom: 10px; } .bsfa ul li .font20 { padding-top: 10px; } .font24_left_xian { font-size: 20px; line-height: 26px; } .border_bsfa.bsfa ul li .scale { border-radius: 8px; } .border_bsfa.bsfa ul li .scale img { border-radius: 8px; } .bor15 { border-radius: 8px; } .show_active_eight { padding: 15px; } .show_active_eight.news-index .pagination-news { display: block; } .show_active_eight.news-index .container .next-news, .show_active_eight.news-index .container .prev-news { display: none; } .index_hyyy ul li .icon img { height: 30px; } .show_pro_zs_five .font16 { overflow: inherit; text-overflow: initial; white-space: inherit; height: auto; line-height: 24px; } .list_pro_zs_two .right { padding-left: 15px; } .font24_left_xian { margin-bottom: 8px; } .show_hyyy_two .col-md-8 { margin-top: 15px; } .font24_left_xian.mtb20 { margin-top: 15px; } } @media (max-width: 380px) { .khzz-section03 .khzz-section04-in .khzz-section04-div { top: 15% !important; } } .page_news { display: flex; align-items: center; justify-content: center; } .page_news > div { padding: 0 0.625rem; } .page_news > div:nth-child(2) { position: relative; top: -2px; } .page_news > div input { width: 4rem; line-height: 32px; border: 1px solid #ddd; padding: 0 0.5rem; text-align: center; margin: 0 0.65rem; } .pagination > li > a, .pagination > li > span { border-radius: 0 !important; } .pagination > li { margin: 0 5px; } .pagination > li > a, .pagination > li > span { color: #333; } .pagination > li:last-child a, .pagination > li:last-child span { padding: 0.5px; } .pagination > li:nth-child(1) a, .pagination > li:nth-child(1) span { padding: 0.5px; } .pagination > li:last-child .iconfont, .pagination > li:nth-child(1) .iconfont { font-size: 30px; line-height: 30px; } @media (max-width: 767px) { .page_news { flex-wrap: wrap; } .page_news > div { width: 100%; padding: 0; } .pagination > li > a, .pagination > li > span { padding: 4px 10px; } .pagination { margin-bottom: 10px; } .page_news > div input { width: 3.5rem; line-height: 28px; } .pagination > li:last-child .iconfont, .pagination > li:nth-child(1) .iconfont { font-size: 26px; line-height: 25px; } } /* author:Amy date:2023-0513 鏂板寮€鍙戣€呬腑蹇冨拰灏鹃儴鐨勪慨鏀 */ .list_kfzzx .img, .list_kfzzx_two .img { padding: 128px 200px 100px; border-radius: 0.9375rem; display: flex; align-items: center; min-height: 390px; justify-content: center; } .bgf4 { background: #F4F4F4; } .bgf4 .title-wrap span { transform: translateX(-80px); text-shadow: 1px 1px #ffe8e7, -1px -1px #ffe8e7, 1px -1px #ffe8e7, -1px 1px #ffe8e7; color: #F4F4F4; } .list_kfzzx .img .name, .list_kfzzx_two .img .name { font-size: 24px; line-height: 35px; color: #FFFFFF; margin-bottom: 40px; text-align: center; } @media (max-width: 1600px) { .list_kfzzx .img, .list_kfzzx_two .img { padding: 128px 100px 100px; } } @media (max-width: 1280px) { .list_kfzzx .img, .list_kfzzx_two .img { padding: 128px 70px 100px; } } @media (max-width: 1024px) { .list_kfzzx .img .name, .list_kfzzx_two .img .name { font-size: 18px; line-height: 30px; margin-bottom: 25px; } .list_kfzzx .img, .list_kfzzx_two .img { padding: 80px 50px; min-height: 300px; } .show_aigc_ban.show_active_ban .hover { top: 46%; } } @media (max-width: 990px) { .list_kfzzx .img, .list_kfzzx_two .img { padding: 0 50px; min-height: 240px; } } @media (max-width: 767px) { .list_kfzzx .img, .list_kfzzx_two .img { padding: 40px 30px; min-height: 240px; } } @media (max-width: 600px) { .show_aigc_ban.show_active_ban .ny_title2 { margin-top: 2px; } .show_aigc_ban.show_active_ban .ny_title { margin-bottom: 0; } } @media (max-width: 500px) { .list_kfzzx .img, .list_kfzzx_two .img { padding: 25px 20px; min-height: 200px; } .list_kfzzx .img .name, .list_kfzzx_two .img .name { font-size: 16px; line-height: 26px; margin-bottom: 20px; } .show_aigc_ban.show_active_ban .hover { top: 24%; } } .flex_flex.flex_wrap_wrap { flex-wrap: wrap; } .mb35 { margin-bottom: 35px; } .cpjs-section02 .justify_center { justify-content: center; display: flex; flex-wrap: wrap; } .pro.show_hyyy_two .pt20 { padding-top: 0; } .pro.show_hyyy_two .flex_bottom { margin-top: 25px; } .pro.show_hyyy_two .font30 { line-height: 45px; } .pro.show_hyyy_two .title-wrap { margin-bottom: 40px; } #box_5.khzz-section05 .text { font-size: 16px; line-height: 30px; color: #8C8C8C; } #box_5.khzz-section05 .mb25 { margin-bottom: 25px; } .padding_top0 .pt20 { padding-top: 0; } .padding_top0 .flex_bottom { margin-left: -15px; margin-right: -15px; } .padding_top0 .flex_bottom > li { padding: 0 15px; } .about-section01 .about-section01-ul { margin-left: 0; } .about_swiper .swiper-button-black { width: 47px; height: 47px; border-radius: 50%; box-shadow: 0 0 16px rgba(0, 0, 0, 0.15); background-color: #fff; background-size: 20px 20px; top: calc(50% - 60px); } .about_swiper .swiper-button-next { right: -100px; } .about_swiper .swiper-button-prev { left: -100px; } .about_swiper .swiper-slide-active { padding-left: 10px !important; } .about_swiper .swiper-slide-active .about-section01-ul-in { padding-right: 20px; } .list_kfzzx a:focus, .list_kfzzx_two a:focus { color: #fff !important; } .product-index .rjkf-div { display: flex; } .yaotu_flex_img { display: flex; } .yaotu_flex_img .bor15 { height: 100%; } .yaotu_flex_img .bor15 img { height: 100%; object-fit: cover; } .hyyy_swiper_sw .swiper-pagination { display: none; } .about_swiper .swiper-pagination { display: none; } .khzz-section05#box_5.padding60 .khzz-section05-div { background: #fff; } @media (max-width: 1700px) { .about_swiper .swiper-button-next { right: -85px; } .about_swiper .swiper-button-prev { left: -85px; } } @media (max-width: 1600px) { .product-index .rjkf-div { padding: 30px 0; } .product-index .rjkf-div .rjkf-div-r a div { margin-bottom: 30px; } .industry2 .row > div .content { padding: 15px 0; } .about-section01 .about-section01-ul li { padding-left: 25px; } .about-section01 .about-section01-ul li { padding-left: 20px; } .about_swiper .swiper-slide-active .about-section01-ul-in { padding-right: 12px; } .industry3 .flex { margin: 0 -10px; } .industry3 .flex > div { width: 20%; padding: 0 10px; margin-bottom: 20px; } .banner_swiper48 .banner-lay img { height: 50px; } } @media (max-width: 1440px) { .about_swiper .swiper-button-next { right: -80px; } .about_swiper .swiper-button-prev { left: -80px; } } @media (max-width: 1366px) { .about_swiper .swiper-button-next { right: -60px; } .about_swiper .swiper-button-prev { left: -60px; } } @media (max-width: 1320px) { .about_swiper .swiper-button-next { right: -50px; } .about_swiper .swiper-button-prev { left: -50px; } } @media (max-width: 1280px) { .show_hyyy_two .font30 { line-height: 32px; font-size: 26px; } .index_hyyy ul { padding: 0 80px; } .index_hyyy ul li .icon img { height: 40px; } .product-index .rjkf-div .rjkf-div-r img { height: 80px; margin-bottom: 5px; } .product-index .rjkf-div { padding: 22px 0; } .product-index .rjkf-div .rjkf-div-r a div { margin-bottom: 20px; } .industry2 .bg_img .padding { padding: 0 100px 0 110px; } .about_swiper .swiper-button-next { right: -70px; } .about_swiper .swiper-button-prev { left: -70px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom div { min-height: 175px; } .banner_swiper48 .banner-lay img { height: 44px; } .banner .swiper-banner .banner_swiper48.swiper-slide .banner-lay p { font-size: 1.875rem !important; } .index_yszs .right h3, .product-index .rjkf-div .rjkf-div-r h3 { margin: 10px 0 10px; } .index_yszs .right div, .product-index .rjkf-div .rjkf-div-r a div { margin-bottom: 10px; } } @media (max-width: 1200px) { .about_swiper .swiper-button-next { right: calc(50% - 100px); top: auto; bottom: -4px; } .about_swiper .swiper-button-prev { left: calc(50% - 100px); right: auto; top: auto; bottom: -4px; } .about_swiper .swiper-container { padding-bottom: 55px; } .about_swiper .swiper-pagination { bottom: 0; display: block; } .about_swiper .swiper-pagination-bullet-active { background: #FD1A16; } .about-section01 .about-section01-ul li { padding-left: 10px !important; } .about-section01 .banner-phone_1440 { position: absolute; top: 0; left: 0; width: 100%; object-fit: cover; height: 100%; } .about-section01 .hover { position: static; top: 50%; transform: translateY(0%); width: 100%; padding: 45px 0 25px; } .product-index .rjkf-div .rjkf-div-r div, .index_yszs .right div { margin-bottom: 10px; } .product-index .rjkf-div .rjkf-div-r div, .index_yszs .right div, .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom div { line-height: 23px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom div { min-height: 184px; } .product-index .product-index-list .product-index-list-in .product-index-list-in-bottom div { min-height: 165px; } } @media (max-width: 1100px) { .product-index .rjkf-div .rjkf-div-r { height: auto !important; } .banner_swiper48 .banner-lay img { height: 40px; } .product-index .rjkf-div { padding: 26px 0; } .product-index .rjkf-div .rjkf-div-r, .index_yszs .right, .product-index .rjkf-div .rjkf-div-r { padding: 0 20px 0 25px; } } @media (max-width: 1024px) { .product-index .rjkf-div .rjkf-div-r img { height: auto; } .product-index .rjkf-div .rjkf-div-r { border-left: 1px solid #ccc; } .product-index .rjkf-div .rjkf-div-r, .index_yszs .right { padding: 30px 20px; } .product-index .rjkf-div .rjkf-div-r a { border-left: none !important; } .product-index .rjkf-div { padding: 26px 0; } .about-section01-phone { display: none; } .about-section01 .banner-phone_1440, .about-section01 .container { display: block; } .about-section01 .hover { padding: 35px 0 25px; } .about-section01 .about-section01-ul li { padding-left: 20px !important; } .about-section01 .about-section01-ul li .about-section01-ul-in div span { font-size: 18px; width: 50px; } .about-section01 .about-section01-ul li { margin-bottom: 0; } .show_active_ban.show_hyyy_295 .hover { position: static; transform: translateY(-1px); padding: 30px 0px; background: #000; text-align: center; } .show_active_ban.show_hyyy_295 .hover .ny_title { font-size: 26px; } .banner .swiper-banner .swiper-slide.banner_swiper48 img { width: auto; } .flex_yaotu.index_yszs .right .img img { height: 60px; } } @media (max-width: 992px) { .industry1 .hover .pa .col-md-4 { width: 100%; margin-bottom: 30px; } .industry1 .hover .pa .col-md-4:last-child { margin-bottom: 0; } .industry1 .hover .pa { position: relative; } .industry1 .hover > img { display: none; } .industry3 .flex > div { width: 25%; } } @media (max-width: 990px) { .product-index .rjkf-div { display: block; } .flex_yaotu.index_yszs .right .img img:nth-child(2) { display: block; } .flex_yaotu.index_yszs .right .img img:nth-child(1) { display: none; } .product-index .rjkf-div .rjkf-div-r { border-left: none !important; } .yaotu_flex_img { display: block; } .industry2 .bg_img .padding { padding: 0 45px 0 70px; } .hyyy_swiper_sw .swiper-container { padding-bottom: 55px; } .hyyy_swiper_sw .swiper-container .swiper-pagination-bullet-active { background: #FD1A16; } .industry2 .bg_img .padding .col-md-4.mb35 { margin-bottom: 20px; } .about_swiper .swiper-slide-active .about-section01-ul-in { padding-right: 5px; } .about-section01 .about-section01-ul li.swiper-slide-active { padding-left: 5px !important; } .about-section01 .about-section01-ul li.swiper-slide-active .about-section01-ul-in { padding-right: 10px !important; } .about-section01 .about-section01-ul li .about-section01-ul-in div:hover { transform: scale(1.05); } } @media (max-width: 767px) { .hyyy_swiper_sw .swiper-pagination { display: block; } .banner_swiper48 .banner-lay img { height: auto; } .show_hyyy_two .font30 { line-height: 30px !important; font-size: 20px; } .banner .swiper-banner .banner_swiper48.swiper-slide .banner-lay p { font-size: 1.525rem !important; } .banner .swiper-banner .banner_swiper48.swiper-slide .banner-lay { top: 23% !important; } .industry2 .row > div .name { font-size: 16px; line-height: 22px; } .show_hyyy_two .font30.mt40 { margin-top: 20px; } .industry2 .bg_img .padding { padding: 0 35px 0 80px; } .hyyy_swiper_sw .swiper-container { padding-bottom: 45px; } .industry2 .bg_img { margin-top: 15px; } .about-section01 .hover .row { margin-right: 0; } .about_swiper .swiper-container { padding-bottom: 45px; } .about-section01 .about-section01-ul li .about-section01-ul-in div { font-size: 12px; } .industry2 .bg_img > img:nth-child(2) { display: block; top: 47%; } .industry2 .bg_img > img:nth-child(1) { display: none; } .industry2 .row > div > div > a { border-radius: 8px 8px 0 0; } .industry2 .row > div > div { border-radius: 8px; } .industry2 .row > div .content { border-radius: 0 0 8px 8px; } .show_active_ban.show_hyyy_295 .hover .ny_title { font-size: 20px; } .industry3 .flex { margin-left: -6px; margin-right: -6px; } .industry3 .flex > div { margin-bottom: 12px; } .industry3 .flex > div { padding: 0 6px; } .about_swiper .swiper-button-black { background-size: 15px 15px !important; width: 40px; height: 40px; bottom: 0; } } @media (max-width: 650px) { .about-section01 .container { padding-left: 5px; } .about-section01 .about-section01-ul li { padding-left: 10px !important; } .about-section01 .about-section01-title { font-size: 26px; } .about-section01 .about-section01-ul li h3 { font-size: 30px; padding-right: 0; } } @media (max-width: 600px) { .khzz-section05 .khzz-section05-div a { display: block !important; margin-top: 10px !important; margin-left: 0 !important; } .khzz-section05 .khzz-section05-div span { font-size: 15px; } .index_hyyy .font30 { font-size: 18px; } .index_hyyy .font30 span { display: block; } } @media (max-width: 500px) { .industry2 .bg_img .padding { padding: 0px 30px 0 60px; } .industry2 .bg_img .padding .font16 { font-size: 12px; line-height: 22px; } .industry2 .row > div .content { padding: 10px 0; } .industry2 .bg_img .padding .col-md-4.mb35 { margin-bottom: 15px; } .industry3 .flex > div { width: 33.3%; } } @media (max-width: 480px) { .show_active_ban.show_hyyy_295 .hover { padding: 20px 0; } .banner .swiper-banner .banner_swiper48.swiper-slide .banner-lay p { font-size: 1.125rem !important; } } .banner_swiper46 .banner-lay { display: none; }