@charset "utf-8"; *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; margin: 0; padding: 0; } #bsWXBox { box-sizing: content-box; } ul { list-style: none; } body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, input, textarea, select { margin: 0; padding: 0; } a:link, a:visited { text-decoration: none; outline: 0; color: #666 } a:hover, a:active, a:focus { color: #666; text-decoration: none } img { border: 0; padding: 0; margin: 0; max-width: 100%; } table { border-collapse: collapse; width: 100% } h1, h2, h3, h4, h5, h6 { font-weight: normal; } input, textarea { font-size: 14px; outline: 0; overflow: hidden; font-family: arial, "microsoft yahei" } input[type='reset'], input[type='button'], input[type='submit'], input[type='radio'] { cursor: pointer; outline: 0; border: none; } input[type='checkbox'], input[type='radio'] { position: relative; vertical-align: middle; } textarea, input[type='email'], input[type='date'], input[type='password'], input[type='text'] { outline: 0; color: #666; } input[type="submit"], input[type="reset"], input[type="button"], input[type='text'], select, button { -webkit-appearance: none } input, select, textarea { -webkit-appearance: none; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } ::-webkit-input-placeholder { color: #999; } :-moz-placeholder { color: #999; opacity: 1; } ::-moz-placeholder { color: #999; opacity: 1; } :-ms-input-placeholder { color: #999; } .clearfix:after { clear: both; height: 0; content: ""; line-height: 0; font-size: 0; display: block } .clear { clear: both; } body { font-family: arial, "microsoft yahei"; font-size: 14px; color: #666; line-height: 1.5; width: 100%; background: #fff; -webkit-tap-highlight-color: transparent; -webkit-text-size-adjust: none; } .continer1 { width: 1600px; margin: 0 auto; } #page { display: none; } /*鐢佃剳绔彍鍗曟牱寮?/ #com-nav .com-nav { display: flex; flex-direction: row; justify-content: space-between; } #com-nav .com-nav .soso { width: 219px; height: 29px; background: #F7F7F7; border-radius: 5px; position: relative; display: flex; margin-left: 100px; } #com-nav .com-nav .soso-btn { width: 64px; height: 29px; background: #EB6000; border-radius: 0px 5px 5px 0px; position: absolute; right: 0px; top: 0px; line-height: 29px; display: flex; flex-direction: row; align-items: center; justify-content: center; cursor: pointer; } #com-nav .com-nav .soso-input { font-size: 14px; line-height: 29px; padding-left: 5px; } /*棣栭〉鏍峰紡*/ #main .home-banner { margin-top: 100px; } #main .home-banner .swiper-pagination-bullet { width: 17px; height: 17px; } #main .home-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 20px; } #main .home-banner .swiper-pagination-bullet-active { background-color: #EB6000; } #main .home-banner .swiper-slide { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; } #main .home-banner .swiper-text { position: absolute; } #main .home-banner .swiper-text .text1 { font-size: 65px; font-weight: bold; color: #FFFFFF; line-height: 40px; } #main .home-banner .swiper-text .text1 span { color: #EB6000; } #main .home-banner .swiper-text .text2 { font-size: 24px; color: #FFFFFF; line-height: 40px; opacity: 0.47; margin-top: 30px; } #main .home-banner .swiper-text .text-line { width: 43px; height: 5px; background: #EB6000; margin-top: 18px; margin-bottom: 16px; } #main .home-banner .swiper-text .text4 { font-size: 24px; color: #FFFFFF; line-height: 40px; } #main .intro { display: flex; flex-direction: row; justify-content: space-between; position: relative; margin-top: 83px; } #main .intro .intro-left { width: 675px; height: 779px; } #main .intro .intro-left img { width: 675px; height: 779px; } #main .intro .intro-right { margin-left: 57px; } #main .intro .intro-right .text3 { font-size: 16px; font-weight: 400; color: #616161; line-height: 40px; height: 200px; overflow: hidden; } #main .intro .intro-right .intro-btn { width: 76px; height: 76px; background: #EB6000; border-radius: 50%; display: block; text-align: center; line-height: 74px; position: absolute; bottom: 0px; } #main .intro .num-block { display: flex; flex-direction: row; justify-content: space-between; align-items: center; width: 1095px; height: 153px; background: #EB6000; position: absolute; right: 0px; bottom: 200px; } #main .intro .num-block .num-list { width: calc(33.333333333333336%); display: flex; flex-direction: column; justify-content: space-between; align-items: center; border-right: 1px solid #fff; } #main .intro .num-block .num-list:nth-child(3) { border-right: 0px; } #main .intro .num-block .text1 { font-size: 66px; font-weight: 400; color: #FFFFFF; line-height: 51px; display: flex; align-items: baseline; height: 51px; margin-bottom: 15px; } #main .intro .num-block .text1 span { font-size: 16px; margin-left: 5px; display: block; position: relative; top: -30px; } #main .intro .num-block .text2 { font-size: 20px; font-weight: 400; color: #E3E3E3; line-height: 26px; } #main .pro .detail { display: flex; flex-direction: row; align-items: center; justify-content: space-between; } #main .pro .detail .left { font-size: 16px; font-weight: 400; color: #616161; line-height: 30px; width: 60%; } #main .pro .detail .right { width: 140px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; } #main .pro .detail .right .btn1 { width: 53px; height: 53px; border: 1px solid #B4B4B4; border-radius: 50%; background-image: url("../../images/index23.png"); background-repeat: no-repeat; background-position: center center; } #main .pro .detail .right .btn1:hover { background-image: url("../../images/index23_1.png"); border: 1px solid #EB6000; } #main .pro .detail .right .btn2 { width: 53px; height: 53px; border: 1px solid #B4B4B4; border-radius: 50%; background-image: url("../../images/index23.png"); transform: rotate(-180deg); background-repeat: no-repeat; background-position: center center; cursor: pointer; } #main .pro .detail .right .btn2:hover { background-image: url("../../images/index23_1.png"); border: 1px solid #EB6000; cursor: pointer; } #main .pro .swiper-slide { position: relative; margin-top: 40px; width: 32%; overflow: hidden; } #main .pro .pro-img { overflow: hidden; } #main .pro .pro-img img { width: 100%; transition: 1s; } #main .pro .swiper-slide:hover .text-hover { display: block; } #main .pro .swiper-slide:hover .pro-img img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } #main .pro .pro-text { position: absolute; bottom: 20px; margin-left: 28px; } #main .pro .pro-text .text1 { font-size: 26px; color: #FFFFFF; line-height: 22px; margin-bottom: 8px; } #main .pro .pro-text .text2 { font-size: 12px; color: #D5D5D5; line-height: 22px; } #main .pro .pro-text .text-hover { display: none; } #main .pro .pro-text .text-hover .text3 { font-size: 14px; color: #D3D3D3; line-height: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 20px; margin-bottom: 20px; width: 80%; } #main .pro .pro-text .text-hover .text-arrow img { width: 26px; height: 26px; } #main .sevice { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #main .sevice a { width: 32%; display: block; } #main .sevice .sevice-block .sevice-img { overflow: hidden; } #main .sevice .sevice-block .sevice-img img { width: 100%; } #main .sevice .sevice-block .hover_content_9 { display: flex; flex-direction: column; justify-content: center; align-items: center; } #main .sevice .sevice-block .hover_content_9 .hover-img { margin-bottom: 46px; } #main .sevice .sevice-block .hover_content_9 .text1 { font-size: 44px; color: #FFFFFF; line-height: 22px; margin-bottom: 15px; } #main .sevice .sevice-block .hover_content_9 .text2 { font-size: 16px; color: #D0D0D0; line-height: 22px; margin-bottom: 28px; } #main .sevice .sevice-block .hover_content_9 .line { width: 16px; height: 3px; background: #FFFFFF; } #main .sevice .sevice-block .hover_content_9 .arrow { margin-top: 123px; width: 53px; height: 53px; border: 1px solid #FFFFFF; border-radius: 50%; background-image: url("../../images/index3.png"); background-repeat: no-repeat; background-position: center center; } #main .sevice-btn { width: 240px; height: 58px; background: #EB6000; font-size: 18px; color: #FFFFFF; line-height: 58px; text-align: center; margin: 0 auto; display: block; } #main .sevice-btn:hover { background: #fff; border: 1px solid #EB6000; color: #EB6000; } #main .news .swiper-slide { width: 32%; } #main .news .news-img { overflow: hidden; position: relative; } #main .news .news-img img { width: 100%; transition: 1s; } #main .news .news-time { position: absolute; top: 10px; left: 12px; width: 85px; height: 62px; display: flex; flex-direction: column; align-items: center; } #main .news .news-time .time-text1 { font-size: 24px; color: #000; line-height: 22px; position: absolute; top: 10px; } #main .news .news-time .time-text2 { font-size: 14px; color: #000; line-height: 22px; position: absolute; top: 32px; } #main .news .news-time .time-meng { position: inherit; top: 0px; left: 0px; width: 85px; height: 62px; background: #FFFFFF; opacity: 0.84; } #main .news .news-text .text1 { font-size: 20px; font-weight: 400; color: #000000; line-height: 22px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 90%; margin-top: 23px; margin-bottom: 21px; } #main .news .news-text .text2 { font-size: 14px; color: #9F9F9F; line-height: 22px; height: 70px; overflow: hidden; } #main .news .news-text .arrow { width: 23px; height: 23px; border: 1px solid #D2D2D2; border-radius: 50%; background-image: url("../../images/index2.png"); background-repeat: no-repeat; background-position: center center; margin-top: 21px; margin-bottom: 19px; } #main .news .news-text .line { width: 100%; height: 2px; background: #F1F1F1; } #main .news .swiper-pagination-bullet { width: 16px; height: 16px; } #main .news .swiper-pagination-bullet-active { background: #EB6000 !important; width: 16px; height: 16px; } #main .news .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 20px; } #main .news .swiper-slide:hover .line { background-color: #EB6000; } #main .news .swiper-slide:hover .arrow { background-image: url("../../images/index5.png"); border: 1px solid #EB6000; } #main .news .swiper-slide:hover .news-img img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } #main .news .swiper-slide:hover .time-meng { background-color: #EB6000; } #main .news .swiper-slide:hover .time-text1 { color: #fff; } #main .news .swiper-slide:hover .time-text2 { color: #fff; } #main .news .news-pagination { text-align: center; margin-top: 20px; margin-bottom: 30px; } #main .parter { background-color: #f5f5f5; } #main .parter .logo-list { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #main .parter .logo-list .logo-block { width: 232px; height: 63px; background-color: #fff; display: flex; flex-direction: row; justify-content: center; align-items: center; padding: 10px; margin-bottom: 24px; } #main .parter .logo-list .logo-block img { height: 100%; transition: 1s; } #main .parter .logo-list .logo-block:hover { box-shadow: 0px 2px 6px 0px rgba(0, 0, 0, 0.25); } #main .parter .logo-list .logo-block:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } #main .parter .logo-list .logo-block:empty { width: 232px; height: 0px; padding: 0px; margin-bottom: 0px; } #main .zixun { width: 100%; height: 181px; background-image: url("../../images/index4.png"); display: flex; flex-direction: column; align-items: center; justify-content: center; } #main .zixun .zixun-text { font-size: 28px; font-weight: bold; color: #FFFFFF; line-height: 40px; } #main .zixun .zixun-btn { width: 212px; height: 38px; background: #FFFFFF; border-radius: 19px; font-size: 18px; color: #EB6000; line-height: 38px; text-align: center; margin-top: 35px; display: block; } #main .zixun .zixun-btn:hover { background-color: #EB6000; color: #fff; border: 1px solid #fff; } /*鏍囬鏍峰紡*/ .intro-right { display: flex; flex: 1; flex-direction: column; position: relative; } .intro-right .text-en { margin-top: 92px; font-size: 35px; font-weight: bold; color: #EB6000; line-height: 22px; text-transform: uppercase; } .intro-right .text-en span { color: #000; display: inline-block; margin-left: 5px; } .intro-right .text2 { font-size: 24px; font-weight: 300; color: #000000; line-height: 22px; margin-top: 19px; margin-bottom: 10px; } .intro-right .line { width: 16px; height: 3px; background: #EB6000; margin-bottom: 60px; } /*搴曢儴鏍峰紡*/ .foot { width: 100%; background-color: #2D2D2D; } .foot .continer1 { display: flex; flex-direction: row; justify-content: space-between; } .foot .foot-block { display: flex; flex-direction: column; margin-top: 49px; padding-bottom: 28PX; } .foot .foot-title { font-size: 18px; color: #FFFFFF; line-height: 40px; } .foot .foot-line { width: 17px; height: 1px; background: #EB6000; margin-top: 12px; margin-bottom: 12px; } .foot .foot-text-in { font-size: 14px; color: #8F8F8F; line-height: 30px; } .foot .foot-text-in a:hover { color: #fff; } .foot .foot-icon { width: 20px; height: 20px; margin-right: 5px; } .foot .foot-detail-text { font-size: 14px; color: #8F8F8F; line-height: 30px; } .foot .foot-detail { display: flex; flex-direction: row; } .foot .foot-logo img { width: 213px; transition: 1s; } .foot .foot-logo:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } .foot .foot-code { width: 115px; height: 115px; text-align: center; width: 100%; } .foot .foot-code img { width: 105px; height: 105px; border: 5px solid #fff; } .foot .foot-code-text { font-size: 14px; color: #8F8F8F; line-height: 30px; text-align: center; } .foot .foot-block:nth-child(1) { width: 15%; } .foot .foot-block:nth-child(2) { width: 15%; } .foot .foot-block:nth-child(3) { width: 15%; } .foot .foot-block:nth-child(4) { width: 20%; } .foot .foot-block:nth-child(5) { width: 25%; } .foot .foot-block:nth-child(6) { width: 10%; } .foot .foot-beian { height: 63px; font-size: 14px; color: #FFFFFF; line-height: 32px; border-top: 1px solid #373737; text-align: center; line-height: 63px; } /*妗堜緥椤甸潰*/ #case { min-height: 650px; } #case .case-block { display: flex; flex-direction: row; justify-content: space-between; margin-top: 50px; margin-bottom: 50px; } #case .case-block a { width: 31%; } #case .case-block .case-list { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 10px; border: 1px solid #fff; } #case .case-block .case-list img { width: 100%; transition: 1s; border-radius: 10px; } #case .case-block .case-list:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } #case .case-block .case-text { position: absolute; top: 25%; height: 50%; width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; } #case .case-block .case-text .text1 { font-size: 24px; color: #FFFFFF; line-height: 21px; margin-bottom: 6px; } #case .case-block .case-text .text2 { font-size: 14px; color: #C0C0C0; line-height: 21px; margin-bottom: 6px; } #case .case-block .case-text .line { width: 22px; height: 4px; background: #F74F00; } #case .case-block a:hover .list-hover { display: flex; } #case .case-block a:hover .case-list { display: none; } #case .list-hover { display: none; flex-direction: row; justify-content: space-between; border: 1px solid #F74F00; border-radius: 10px; } #case .list-hover .left { width: 37.2%; } #case .list-hover .left img { width: 100%; } #case .list-hover .right { padding-left: 24px; padding-right: 24px; display: flex; flex: 1; flex-direction: column; justify-content: center; align-items: center; } #case .list-hover .right .hover-case-text { display: flex; flex-direction: column; justify-content: center; align-items: center; } #case .list-hover .right .hover-text1 { font-size: 24px; color: #262626; line-height: 21px; margin-bottom: 6px; } #case .list-hover .right .hover-text2 { font-size: 14px; color: #C0C0C0; line-height: 21px; margin-bottom: 6px; } #case .list-hover .right .hover-line { width: 22px; height: 4px; background: #F74F00; margin-bottom: 15px; } #case .list-hover .right .hover-detail { font-size: 16px; color: #9D9D9D; line-height: 21px; text-align: center; } #case .case-title { width: 662px; display: flex; flex-direction: row; justify-content: space-between; align-items: center; margin: 0 auto 20px; } #case .case-title .case-line { width: 120px; height: 2px; background: #F74F00; } #case .case-title .case-title { display: flex; flex-direction: column; text-align: center; } #case .case-title .case-title .title1 { font-size: 28px; color: #F65100; line-height: 21px; margin-bottom: 11px; } #case .case-title .case-title .title2 { font-size: 18px; color: #BBBBBB; line-height: 21px; } #case .case-detail { margin-bottom: 50px; text-align: center; } #case .case-detail p { font-size: 18px; color: #252525; line-height: 50px; } #case .case-detail img { margin-top: 50px; margin-bottom: 50px; max-width: 100%; } .neiye-banner-img img { width: 100%; } .neiye-banner { margin-top: 100px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; } .neiye-banner .neiye-text { display: flex; flex-direction: column; align-items: center; width: 100%; position: absolute; } .neiye-banner .neiye-text .text1 { font-size: 65px; color: #FFFFFF; line-height: 40px; margin-bottom: 30px; font-weight: bold; } .neiye-banner .neiye-text .text2 { font-size: 24px; color: #FFFFFF; line-height: 40px; opacity: 0.47; margin-bottom: 20px; } .neiye-banner .neiye-text .line { width: 43px; height: 5px; background: #FFFFFF; } /*鏈嶅姟涓庢渚?/ #caseIn .case-btn { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #caseIn .case-btn .btn-block { width: 15%; height: 80px; cursor: pointer; margin-top: 60px; } #caseIn .case-btn .btn-block:empty { width: 15%; height: 0px; margin-bottom: 0px; margin-bottom: 0px; } #caseIn .case-btn .btn { width: 100%; height: 80px; background: #FFFFFF; box-shadow: 0px 3px 12px 1px rgba(0, 0, 0, 0.25); font-size: 22px; color: #343434; line-height: 80px; display: flex; flex-direction: row; align-items: center; justify-content: center; } #caseIn .case-btn .btn .arrow { width: 0px; height: 0px; border: 6px solid transparent; border-top: 6px solid #B6B6B6; margin-left: 14px; } #caseIn .case-btn .btn:hover { color: #F65100; } #caseIn .case-btn .btn:hover .arrow { border-top: 6px solid #F65100; } #caseIn .case-btn ul { background-color: #eee; height: auto; overflow: hidden; position: relative; z-index: 9; text-align: center; padding-bottom: 10px; padding-top: 10px; } #caseIn .case-btn ul li { font-size: 16px; color: #343434; line-height: 40px; } #caseIn .case-btn ul li a:hover { color: #F65100; } #caseIn .title { display: flex; flex-direction: row; align-items: center; border-bottom: 1px solid #A3A3A3; padding-bottom: 20px; margin-bottom: 30px; } #caseIn .title .title-line { width: 7px; height: 36px; background: #F65100; } #caseIn .title .title-text { margin-left: 10px; } #caseIn .title .title-text1 { font-size: 22px; color: #F65100; } #caseIn .title .title-text2 { font-size: 12px; color: #BABABA; text-transform: uppercase; display: none; } #caseIn .casein-detail { text-align: center; margin-bottom: 60px; } #caseIn .casein-detail h1 { font-size: 20px; color: #F65100; line-height: 50px; text-align: left; } #caseIn .casein-detail p { text-align: left; font-size: 14px; color: #3A3A3A; line-height: 50px; } #caseIn .casein-detail img { margin-top: 50px; margin-bottom: 50px; max-width: 100%; } .bread { display: flex; flex-direction: row; align-items: center; margin-top: 50px; } .bread .bread-first { font-size: 18px; color: #252525; line-height: 50px; } .bread .bread-first span { display: inline-block; margin-left: 15px; margin-right: 19px; } .bread .bread-first:hover { color: #F65100; } .bread .bread-second { font-size: 16px; color: #343434; line-height: 40px; } /*鍏充簬涓囨槅*/ #about .about-content { display: flex; flex-direction: row; justify-content: space-between; margin-top: 60px; margin-bottom: 60px; } #about .about-content .left { width: 231px; } #about .about-content .left .left-top { width: 231px; height: 66px; background: #EB6000; font-size: 18px; color: #FFFFFF; line-height: 66px; text-align: center; } #about .about-content .left .left-list { background: #F2F2F2; text-align: center; padding-top: 10px; padding-bottom: 30px; } #about .about-content .left .left-list .left-list-in { font-size: 18px; color: #2F2F2F; line-height: 60px; } #about .about-content .left .left-list a { display: block; width: 110px; margin-left: 60px; border-bottom: 1px solid #F2F2F2; } #about .about-content .left .left-list a:hover { color: #EB6000 !important; border-bottom: 1px solid #EB6000; } #about .about-content .left .left-list a:hover .left-list-in { color: #EB6000; } #about .about-content .left .left-list .active { color: #EB6000; border-bottom: 1px solid #EB6000; } #about .about-content .left .left-list .active .left-list-in { color: #EB6000; } #about .about-content .right { display: flex; flex: 1; margin-left: 69px; flex-direction: column; } #about .about-content .right .about-right-content .text1 { font-size: 28px; color: #EB6000; line-height: 21px; margin-bottom: 20px; text-align: center; margin-top: 30px; } #about .about-content .right .about-right-content .text2 { font-size: 16px; color: #858585; line-height: 21px; margin-bottom: 30px; text-align: center; } #about .about-content .right .about-right-content .text-line { width: 53px; height: 9px; background: #9B9B9B; margin: 0 auto 20px; } #about .about-content .right .about-right-content .text-all { font-size: 16px; color: #858585; line-height: 45px; } #about .about-content .right .about-right-content .text-all p { margin-bottom: 20px; } #about .about-content .right .cert-right-content { display: flex; flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; } #about .about-content .right .cert-right-content .cert-block { width: 19%; text-align: center; margin-bottom: 20px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #about .about-content .right .cert-right-content .cert-block .cert-img { width: 100%; height: 302px; overflow: hidden; } #about .about-content .right .cert-right-content .cert-block .cert-img img { transition: 1s; } #about .about-content .right .cert-right-content .cert-block .cert-text { font-size: 16px; color: #494949; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #about .about-content .right .cert-right-content .cert-block:hover .cert-img img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } #about .about-content .right .cert-right-content .cert-block:hover .cert-text { color: #EB6000; } #about .about-content .right .partner-right-content .partner-detail { display: flex; flex-direction: row; } #about .about-content .right .partner-right-content .partner-detail .detailA { width: 50px; height: 50px; } #about .about-content .right .partner-right-content .partner-detail .detailB { display: flex; flex: 1; font-size: 24px; color: #F65100; line-height: 40px; margin-left: 10px; margin-right: 10px; } #about .about-content .right .partner-right-content .partner-logo { display: flex; flex-direction: row; justify-content: space-between; margin-top: 44px; flex-wrap: wrap; } #about .about-content .right .partner-right-content .partner-logo .logo-block { display: flex; flex-direction: row; justify-content: center; align-items: center; overflow: hidden; width: 211px; height: 98px; border: 1px solid #E7E7E7; flex-wrap: wrap; cursor: pointer; margin-bottom: 37px; } #about .about-content .right .partner-right-content .partner-logo .logo-block img { max-width: 100%; transition: 1s; } #about .about-content .right .partner-right-content .partner-logo .logo-block:empty { width: 211px; border: 0px; margin-bottom: 0px; } #about .about-content .right .partner-right-content .partner-logo .logo-block:hover img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } #about .about-content .right .share-right-content .share-list { display: flex; flex-direction: row; justify-content: space-between; border-bottom: 1px dashed #3A3A3A; padding-bottom: 44px; padding-top: 44px; position: relative; cursor: pointer; } #about .about-content .right .share-right-content .share-list .left { width: 383px; overflow: hidden; display: none; } #about .about-content .right .share-right-content .share-list .left img { width: 100%; transition: 1s; } #about .about-content .right .share-right-content .share-list .right { display: flex; flex: 1; margin-left: 0px; flex-direction: row; } #about .about-content .right .share-right-content .share-list .right .arrow { width: 24px; height: 12px; margin-right: 18px; margin-top: 12px; } #about .about-content .right .share-right-content .share-list .right .arrow img { display: none; width: 10px; height: 12px; } #about .about-content .right .share-right-content .share-list .right .right-text .text1 { font-size: 22px; color: #292929; line-height: 40px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 300px; } #about .about-content .right .share-right-content .share-list .right .right-text .text2 { font-size: 16px; color: #898989; line-height: 40px; } #about .about-content .right .share-right-content .share-list .right .right-text .text-arrow { width: 40px; height: 40px; border: 1px solid #ccc; border-radius: 50%; display: flex; flex-direction: row; justify-content: center; align-items: center; position: absolute; bottom: 44px; background-image: url("../../images/share4.png"); background-repeat: no-repeat; background-position: center center; display: none; } #about .about-content .right .share-right-content .share-list:hover .arrow img { display: block; } #about .about-content .right .share-right-content .share-list:hover .left img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } #about .about-content .right .share-right-content .share-list:hover .right-text .text1 { color: #F65100; } #about .about-content .right .share-right-content .share-list:hover .right-text .text-arrow { border: 1px solid #F65100; background-image: url("../../images/share3.png"); } #about .about-content .right .contact-right-content { display: flex; flex-direction: row; justify-content: space-between; flex-wrap: wrap; } #about .about-content .right .contact-right-content .contact-block { width: 45%; margin-bottom: 80px; } #about .about-content .right .contact-right-content .contact-block .text1 { font-size: 28px; color: #F65100; line-height: 40px; margin-bottom: 15px; } #about .about-content .right .contact-right-content .contact-block .text2 { font-size: 18px; color: #5C5C5C; line-height: 35px; } #about .about-content .right .feedback-right-content { display: flex; flex-direction: row; justify-content: space-between; margin-top: 10px; margin-bottom: 60px; } #about .about-content .right .cert-right-content .cert-block:empty { margin-bottom: 0px; } #about .about-content .right .feedback-right-content .feedback-left { width: 50%; } #about .about-content .right .feedback-right-content .feedback-left img { width: 100%; } #about .about-content .right .feedback-right-content .feedback-right { width: 50%; } #about .about-content .right .feedback-right-content .feedback-right .input-line { margin-bottom: 18px; } #about .about-content .right .feedback-right-content .feedback-right .yanzhen { width: 103px; height: 30px; margin-left: 5px; margin-top: 2px; margin-right: 2px; } #about .about-content .right .feedback-right-content .feedback-right .input-line label { display: flex; flex-direction: row; } #about .about-content .right .feedback-right-content .feedback-right .input-text { font-size: 20px; color: #000000; line-height: 34px; width: 200px; text-align: right; font-weight: normal; } #about .about-content .right .feedback-right-content .feedback-right .inputin { background: #FFFFFF; border: 1px solid #DBDBDB; border-radius: 5px; margin-left: 13px; font-weight: normal; } #about .about-content .right .feedback-right-content .feedback-right .input-btn { width: 196px; height: 51px; background: #EB6000; border-radius: 10px; font-size: 24px; color: #FFFFFF; line-height: 44px; border: 1px solid #EB6000; } #about .about-content .right .feedback-right-content .feedback-right .input-btn-con { width: 100%; text-align: center; } #about .about-content .right .feedback-right-content .feedback-right .input-btn:hover { background: #fff; color: #EB6000; } #about .about-content .news-list .swiper-slide { font-size: 18px; color: #2F2F2F; line-height: 21px; cursor: pointer; } #about .about-content .news-list .swiper-slide:hover { color: #EB6000; } #about .about-content .news-list .button-prev { width: 26px; height: 26px; border: 1px solid #404040; border-radius: 50%; background-image: url("../../images/news2.png"); background-repeat: no-repeat; background-position: center center; position: absolute; top: 20px; left: 100px; } #about .about-content .news-list .button-prev:hover { background-image: url("../../images/news2_1.png"); border: 1px solid #EB6000; } #about .about-content .news-list .button-next:hover { background-image: url("../../images/news1_1.png"); border: 1px solid #EB6000; } #about .about-content .button-next.swiper-button-disabled, #about .about-content .button-prev.swiper-button-disabled { opacity: .35; cursor: auto; pointer-events: none; } #about .about-content .news-list .swiper-wrapper { margin-top: 23px; } #about .about-content .news-list { height: 500px; overflow: hidden; padding-top: 20px; padding-bottom: 20px; position: relative; } #about .about-content .news-list .swiper-container { height: 400px; margin-top: 30px; } #about .about-content .news-right-content .month { display: flex; flex-direction: row; justify-content: space-between; border-bottom: 1px solid #888; } #about .about-content .news-right-content .month-block { width: 98px; position: relative; bottom: -1px; cursor: pointer; } #about .about-content .news-right-content .month-block .month-text { font-size: 28px; color: #EB6000; line-height: 40px; margin-bottom: 23px; text-align: center; } #about .about-content .news-right-content .month-block .yuan { width: 12px; height: 12px; background: #EB6000; border-radius: 50%; position: absolute; left: 43px; bottom: -7px; display: none; } #about .about-content .news-right-content .month-block:hover { border-bottom: 1px solid #EB6000; } #about .about-content .news-right-content .month-block:hover .yuan { display: block; } #about .about-content .news-right-content .month-block.active { border-bottom: 1px solid #EB6000; } #about .about-content .news-right-content .month-block.active .yuan { display: block; } #about .about-content .news-right-content .news-data { display: flex; flex-direction: row; justify-content: space-between; margin-top: 45px; padding-bottom: 45px; border-bottom: 1px dashed #C4C4C4; cursor: pointer; } #about .about-content .news-right-content .news-data .left { width: 299px; height: 230px; border-radius: 10px; overflow: hidden; } #about .about-content .news-right-content .news-data .left img { width: 100%; transition: 1s; } #about .about-content .news-right-content .news-data .right { margin-left: 73px; display: flex; flex: 1; position: relative; } #about .about-content .news-right-content .news-data .right .text1 { font-size: 22px; color: #3E3E3E; line-height: 40px; margin-bottom: 20px; height: 40px; overflow: hidden; } #about .about-content .news-right-content .news-data .right .text2 { font-size: 14px; color: #898989; line-height: 30px; margin-bottom: 10px; height: 65px; overflow: hidden; } #about .about-content .news-right-content .news-data .right .text3 { font-size: 14px; color: #CBCBCB; line-height: 40px; } #about .about-content .news-right-content .news-data .right .arrow { position: absolute; bottom: 0px; width: 40px; height: 40px; border: 1px solid #898989; border-radius: 50%; background-image: url("../../images/share3_1.png"); background-repeat: no-repeat; background-position: center center; } #about .about-content .news-right-content .news-data:hover .left img { transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); } #about .about-content .news-right-content .news-data:hover .arrow { background-image: url("../../images/share3.png"); border: 1px solid #EB6000; } #about .about-content .news-right-content .news-data:hover .text1 { color: #EB6000; } #about .about-content .news-list .button-next { width: 26px; height: 26px; border: 1px solid #404040; border-radius: 50%; background-image: url("../../images/news1.png"); background-repeat: no-repeat; background-position: center center; position: absolute; bottom: 20px; left: 100px; } .fenye { margin-top: 20px; margin-bottom: 20px; text-align: center; width: 100%; } /*璇︽儏椤?/ /*鏂伴椈璇︽儏*/ .inner_newsshow { overflow: hidden; margin-top: 60px; margin-bottom: 60px; } .inner_fr_newsshow { margin: 31px 0 50px 0; overflow: hidden; } .show_title { text-align: center; padding-bottom: 25px; border-bottom: 1px dashed #bfbfbf; } .show_title h3 { font-size: 20px; font-weight: normal; text-align: center; color: #333; padding-bottom: 10px; line-height: 28px; } .show_title span { color: #949494; margin: 0px 10px; font-size: 14px; padding-left: 20px; } .browse { background: url(../../images/browse.png) no-repeat left center; } .date { background: url(../../images/date.png) no-repeat left center; } .show_content { line-height: 28px; color: #4b4b4b; padding: 25px 0px; border-bottom: 1px dashed #bfbfbf; font-size: 15px; } .show_content img { display: block; margin-right: auto; margin-left: auto; max-width: 100%; height: auto; } .show_back { padding-top: 20px; } .show_back_fl { float: left; width: 70%; overflow: hidden; } .show_back_fl li { margin-bottom: 2px; line-height: 25px; color: #4d4d4d; width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 15px; } .show_back_fl li a { color: #868686; font-size: 15px; } .show_back_fl li a:hover { color: #2668A2; } .show_back_fr { overflow: hidden; float: right; width: 15%; } .show_back_fr a { display: block; line-height: 46px; color: #fff; font-size: 15px; background: #eb6000 url(../../images/return.png) no-repeat 20px center; padding-right: 25px; text-align: right; } .bottom-jianxi { padding-bottom: 40px; } @media (max-width: 1801px) { } @media (max-width: 1701px) { } @media (max-width: 1601px) { .continer1 { width: 1400px; margin: 0 auto; } } @media (max-width: 1501px) { #main .intro .intro-right .text3{ font-size: 14px; } .continer1 { width: 1300px; margin: 0 auto; } #main .intro .num-block { bottom: 150px; } } @media (max-width: 1401px) { .continer1 { width: 1200px; margin: 0 auto; } .home-banner { margin-top: 0px !important; } } @media (max-width: 1280px) { #main .intro .num-block { width: 800px } .continer1 { width: 1100px; margin: 0 auto; } #about .about-content .right .cert-right-content .cert-block .cert-text { font-size: 14px; } #about .about-content .right .cert-right-content .cert-block { width: 23%; } #about .about-content .right .partner-right-content .partner-detail .detailB { font-size: 20px; } #about .about-content .right .share-right-content .share-list .right .right-text .text2 { height: 200px; overflow: hidden; } #about .about-content .right .share-right-content .share-list .right .arrow { width: 43px; } .neiye-banner .neiye-text .text1 { font-size: 50px; margin-bottom: 10px; } } @media (max-width: 1201px) { #about .about-content .news-right-content .month-block .month-text { font-size: 24px; } #about .about-content .news-right-content .news-data .right .text1 { font-size: 20px; } #case .case-block { flex-wrap: wrap; } #main .home-banner .swiper-text .text1 { font-size: 50px; } #case .case-block a { width: 48%; margin-bottom: 20px; } #about .about-content .right .feedback-right-content .feedback-left { width: 30%; } #about .about-content .right .feedback-right-content .feedback-right { width: 70%; } .foot-block:nth-child(1) { display: none; } .foot-block:nth-child(2) { display: none; } .foot-block:nth-child(3) { display: none; } .foot-block:nth-child(6) { width: 30% !important; } .foot-block:nth-child(5) { width: 30% !important; } .neiye-banner { margin-top: 0px; } .continer1 { width: 96%; margin: 0 auto; } .main-header { display: none !important; } #page { display: block; } #about .about-content .right .contact-right-content .contact-block .text1 { font-size: 23px; } #about .about-content .right .contact-right-content .contact-block .text2 { } #about .about-content .right .feedback-right-content .feedback-right .input-text { font-size: 18px; } #main .sevice .sevice-block .hover_content_9 .text1 { font-size: 20px; } #main .sevice .sevice-block .hover_content_9 .arrow { margin-top: 20px; width: 30px; background-size: 10px 10px; height: 30px; } #main .sevice .sevice-block .hover_content_9 .hover-img { margin-bottom: 30px; width: 40px; } } @media (max-width: 992px) { #about .about-content .news-right-content .news-data .right { margin-left: 20px; } #about .about-content .news-list .button-prev { left: 47.5%; } #about .about-content .news-list .button-next { left: 47.5%; } .continer1 { width: 96%; margin: 0 auto; } .neiye-banner .neiye-text .text1 { font-size: 40px; } .inner_newsshow { margin-top: 30px; margin-bottom: 30px; } } @media (max-width: 768px) { #main .home-banner .swiper-text .text1 { font-size: 30px; line-height: 30px; } #main .home-banner .swiper-text .text2 { margin-top: 10px; font-size: 18px; } #main .home-banner .swiper-text .text-line { width: 36px; height: 2px; background: #EB6000; margin-top: 10px; margin-bottom: 6px; } #main .home-banner .swiper-text .text4 { font-size: 20px; line-height: 30px; } #main .intro .num-block { } #main .intro .intro-left img { width: 100%; height: auto; } #main .intro .intro-left { width: 60%; height: auto; } #main .intro .num-block { bottom: 300px; } #main .intro { flex-direction: column; } #main .intro { margin-top: 20px; } #main .intro .num-block .text1 { font-size: 40px; } #main .intro .num-block { width: 100%; } #main .intro .num-block .text2 { font-size: 16px; } #main .intro .num-block { height: 140px; } .intro-right .text-en { margin-top: 40px; font-size: 21px; } .intro-right .text2 { font-size: 20px; margin-top: 10px } #main .intro .intro-right { margin-left: 0px; } .intro-right .line { margin-bottom: 20px; } #main .intro .intro-right .intro-btn { width: 40px; height: 40px; line-height: 37px; bottom: -25px; right: 0px; } #main .intro .intro-right .text3 { font-size: 14px; } #main .intro .intro-right .text3 { height: 130px; } #main .pro .pro-text .text1 { font-size: 18px; margin-bottom: 0px; } #main .pro .pro-text .text-hover .text3 { margin-top: 0px; margin-bottom: 10px; } #main .pro .detail .right .btn1 { width: 40px; height: 40px; background-size: 15px 15px; } #main .pro .detail .right .btn2 { width: 40px; height: 40px; background-size: 15px 15px; } #main .pro .detail .left { width: 80%; } #main .pro .detail .right { width: 100px; } #main .intro .intro-right .intro-btn img { width: 15px; } #main .sevice .sevice-block .hover_content_9 .text1 { font-size: 20px; } #main .sevice .sevice-block .hover_content_9 .arrow { margin-top: 20px; width: 30px; background-size: 10px 10px; height: 30px; } #main .sevice .sevice-block .hover_content_9 .hover-img { margin-bottom: 30px; width: 40px; } #main .sevice-btn { width: 200px; height: 40px; line-height: 40px; } #main .news .news-text .text1 { font-size: 16px; margin-top: 15px; margin-bottom: 10px; } #main .news .news-pagination { text-align: center; margin-top: 10px; margin-bottom: 10px; } #main .zixun .zixun-text { font-size: 20px; } .parter { padding-bottom: 60px !important; } #main .zixun .zixun-btn { margin-bottom: 20px; } .neiye-banner .neiye-text .text1 { font-size: 30px; } .neiye-banner .neiye-text .text2 { font-size: 18px; margin-bottom: 0px; } .neiye-banner .neiye-text .text1 { margin-bottom: 0px; } #caseIn .case-btn .btn { font-size: 16px; } #caseIn .case-btn .btn-block { width: 30%; } #caseIn .case-btn .btn-block { margin-top: 20px } .bread { margin-top: 20px; } #caseIn .title { margin-top: 20px; } #caseIn .casein-detail { margin-bottom: 20px; } #caseIn .title .title-text1 { font-size: 18px; } #caseIn .title { padding-bottom: 15px; } #caseIn .title { margin-bottom: 20px; } #caseIn .casein-detail h1 { font-size: 17px; line-height: 30px; } #about .about-content .left .left-top { width: 100%; font-size: 16px; height: 40px; line-height: 40px; } #about .about-content .left .left-list .left-list-in { font-size: 16px; line-height: 40px; } #about .about-content .right { margin-left: 0px; } #about .about-content { flex-direction: column; } #about .about-content .left { width: 100%; } #about .about-content .left .left-list a { width: 40%; margin-left: 30%; } #about .about-content { margin-top: 30px; } #about .about-content .right .about-right-content .text1 { font-size: 20px; margin-top: 10px; margin-bottom: 10px; } #about .about-content .right .about-right-content .text-line { height: 5px; } #about .about-content .right .about-right-content .text2 { margin-bottom: 10px; } #about .about-content .right .about-right-content .text-all { font-size: 14px; line-height: 30px; } #about .about-content .right .cert-right-content .cert-block { width: 31%; } .about-content { margin-bottom: 10px; } #about .about-content .right .partner-right-content .partner-logo .logo-block:empty { height: 0px; } #about .about-content .right .partner-right-content .partner-detail .detailB { font-size: 16px; } #about .about-content .right .share-right-content .share-list .right .right-text .text1 { font-size: 18px; } #about .about-content .right .share-right-content .share-list .right .right-text .text2 { font-size: 14px; line-height: 30px; } #about .about-content .right .share-right-content .share-list .right .right-text .text-arrow { width: 30px; height: 30px; background-size: 10px; } #about .about-content .right .share-right-content .share-list .right .right-text .text2 { height: 126px; } #about .about-content { margin-bottom: 30px; } #about .about-content .right .contact-right-content .contact-block .text1 { font-size: 18px; margin-bottom: 0px; } #about .about-content .right .contact-right-content .contact-block .text2 { font-size: 16px; } #about .about-content .right .contact-right-content .contact-block { margin-bottom: 40px; } #about .about-content .right .feedback-right-content .feedback-left { display: none; } #about .about-content .right .feedback-right-content .feedback-right { margin-left: 15%; } #about .about-content .right .feedback-right-content .feedback-right .input-btn { width: 140px; height: 40px; line-height: 40px; margin-top: 10px; font-size: 18px; } .inner_newsshow { margin-top: 30px; margin-bottom: 30px; } #main .news .news-text .text2 { height: 70px; overflow: hidden; } } @media (max-width: 414px) { #about .about-content .right .share-right-content .share-list { flex-direction: column; } #about .about-content .right .share-right-content .share-list { padding-top: 20px; padding-bottom: 20px; } #about .about-content .right .share-right-content .share-list .right .arrow { display: none; } #about .about-content .right .share-right-content .share-list .right .right-text .text-arrow { display: flex; position: inherit; bottom: 0; margin-bottom: 10px; } .show_back_fr { width: 30%; } #about .about-content .right .contact-right-content { flex-direction: column; } #about .about-content .right .contact-right-content .contact-block .text2 { font-size: 14px; line-height: 25px; } #about .about-content .right .contact-right-content .contact-block { margin-bottom: 20px; } #about .about-content .right .feedback-right-content .feedback-right { width: 100%; } #about .about-content .right .feedback-right-content .feedback-right { margin-left: 0%; } #about .about-content .right .contact-right-content .contact-block { width: 100%; } #about .about-content .right .feedback-right-content .feedback-right .input-text { font-size: 14px; width: 100px; } #about .about-content .right .feedback-right-content { margin-bottom: 20px; } #about .about-content .right .share-right-content .share-list .left { margin-left: 0px !important; } .bread { margin-top: 10px; } .bread .bread-second { font-size: 14px; } .bread .bread-first { font-size: 14px; } .bread .bread-first span { margin-left: 10px; margin-right: 10px; } .bread .bread-first { line-height: 30px; } #about .about-content .right .share-right-content .share-list .right { width: 100%; margin-left: 0px; } #about .about-content .right .partner-right-content .partner-logo .logo-block { width: 48%; } #caseIn .title { margin-bottom: 10px; } #about .about-content .news-right-content .news-data { flex-direction: column; } #about .about-content .news-right-content .news-data .left { width: 100%; } #about .about-content .news-right-content .news-data .right .text1 { font-size: 18px; margin-bottom: 0px; margin-top: 10px; height: 35px; line-height: 35px; } #about .about-content .news-right-content .news-data .right .text2 { margin-bottom: 0px; } #about .about-content .news-right-content .news-data .right .arrow{ width: 30px; height: 30px; background-size: 10px; position: absolute; bottom: -9px; right: 10px; } #about .about-content .right .partner-right-content .partner-detail .detailA{ width: 25px; height: 25px; } #about .about-content .right .partner-right-content .partner-logo{ margin-top: 20px; } #about .about-content .news-right-content .news-data .right{ margin-left: 0px; } #about .about-content .news-right-content .news-data .right .text3 { line-height: 20px; } #about .about-content .news-right-content .news-data { margin-top: 20px; padding-bottom: 20px; } #about .about-content .news-right-content .month-block .month-text { font-size: 20px; margin-bottom: 10px; } #about .about-content .right .share-right-content .share-list .left { width: 100% !important; } #main .home-banner .swiper-text .text2 { font-size: 12px; margin-top: 0px; } #main .home-banner .swiper-text .text1 { font-size: 18px; line-height: 20px; } #main .home-banner .swiper-text .text4 { font-size: 12px; line-height: 25px; } #main .home-banner .swiper-text .text-line { margin-top: 0px; } #main .home-banner .swiper-text .text2 { line-height: 30px; } #main .sevice .sevice-block .hover_content_9 .hover-img { display: none; } #main .home-banner .swiper-text .text-line { line-height: 30px; } #main .intro .num-block .text1 { font-size: 25px; } #main .intro .num-block .text2 { font-size: 13px; } #main .intro .num-block { height: 100px; } #main .home-banner .swiper-pagination-bullet { width: 10px; height: 10px; } #main .home-banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; } #main .intro .intro-left { width: 80%; } #main .intro .num-block .text1 { margin-bottom: 0px; } #main .intro .intro-right .text3 { line-height: 25px; } #main .intro .intro-right .intro-btn { width: 30px; height: 30px; line-height: 27px; z-index: 99; } .header1, .footer { position: fixed; } #main .intro .intro-right .intro-btn img { width: 10px; } .intro-right .text2 { font-size: 16px; margin-top: 5px; margin-bottom: 5px; } #main .pro .detail .right .btn1 { width: 30px; height: 30px; background-size: 10px 10px; } #main .pro .detail .right .btn2 { width: 30px; height: 30px; background-size: 10px 10px; } #main .pro .detail .right { width: 80px; } #main .pro .detail .left { font-size: 14px; line-height: 25px; } #main .pro .pro-text { bottom: 10px; margin-left: 10px; } #main .pro .pro-text .text1 { font-size: 15px; } .intro-right .text-en { margin-top: 20px; } #main .pro .detail .left { width: 78%; margin-right: 2%; } #main .pro .swiper-slide { margin-top: 20px; } #main .sevice .sevice-block .hover_content_9 .text1 { font-size: 15px; margin-bottom: 0px; } #main .sevice .sevice-block .hover_content_9 .text2 { font-size: 14px; line-height: 20px; margin-bottom: 5px; } #main .sevice .sevice-block .hover_content_9 .arrow { width: 25px; background-size: 8px; height: 25px; } #main .sevice-btn { font-size: 15px; width: 150px; } .hover_area { margin-bottom: 20px; } #main .news .news-time .time-text1 { font-size: 14px; top: 2px; } #main .news .news-time .time-text2 { font-size: 12px; top: 18px; } #main .news .news-time .time-meng { width: 50px; height: 40px; } #main .news .news-time { width: 50px; height: 40px; top: 0px; left: 0px; } #main .news .news-text .arrow { margin-top: 10px; margin-bottom: 10px; } #main .news .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 10px; } #main .news .swiper-pagination-bullet-active { width: 10px; height: 10px; } #main .news .swiper-pagination-bullet { width: 10px; height: 10px; } #main .parter .logo-list .logo-block { width: 45%; } .parter { padding-bottom: 20px !important; } #main .sevice-btn { margin-top: 10px !important; } #main .zixun .zixun-text { font-size: 17px; margin-left: 2%; margin-right: 2%; } #main .zixun .zixun-btn { margin-bottom: 10px; margin-top: 10px; width: 184px; font-size: 16px; } #main .zixun .zixun-text { line-height: 30px; text-align: center; } #main .zixun { height: 148px; } .foot-block:nth-child(5) { width: 54% !important; } .foot .foot-block:nth-child(4) { display: none; } .foot .foot-beian { height: auto; line-height: 25px; font-size: 12px; margin-left: 2%; margin-right: 2%; } .foot .foot-block { margin-top: 20px; margin-bottom: 20px; } .home-banner { padding-top: 80px !important; } .neiye-banner { padding-top: 80px; margin-top: 0px; } .neiye-banner .neiye-text .text1 { font-size: 20px; line-height: 20px; } .neiye-banner .neiye-text .text2 { font-size: 14px; line-height: 20px; } .neiye-banner .neiye-text .line { width: 20px; height: 3px; } #case .case-block .case-text .text1 { font-size: 17px; } #case .case-title { width: 95%; } #case .case-title .case-title .title1 { font-size: 20px; margin-bottom: 2px; } #case .case-title .case-title .title2 { font-size: 12px; } #case .case-title .case-line { width: 50px; } #case .case-block { margin-bottom: 20px; margin-top: 20px; } #case .case-title { margin-bottom: 2px; } #case .case-detail p { font-size: 14px; line-height: 30px; } #case .case-detail img { margin-top: 20px; margin-bottom: 20px; } #case .case-detail { margin-bottom: 20px; } #case .list-hover { display: none !important; } #caseIn .case-btn .btn-block { width: 48%; height: 60px; } #caseIn .case-btn .btn { height: 60px; } #caseIn .casein-detail p { line-height: 30px; } #caseIn .casein-detail img { margin-top: 20px; margin-bottom: 20px; } #about .about-content .right .cert-right-content .cert-block .cert-img { height: 164px; } } @media (max-width: 375px) { } @media (max-width: 320px) { }