/*2018浼熸槦瀹樼綉淇敼鏍峰紡*/ .w720 { width: 720px; } .w750 { width: 750px; } .w810 { width: 810px; } .w990 { width: 990px; } .w1340 { width: 1340px; } .w750, .w990, .w810, .w1340, .w720 { margin-left: auto; margin-right: auto; } .img100 { display: block; width: 100%; } .poa100 { position: absolute; width: 100%; display: block; height: 100%; } .bgImg { background-size: cover !important; background-repeat: no-repeat !important; background-position: center !important; } .wel-list2 .list2-ico-wrap { padding: 26px 0 22px; } .wel-list2 div, .wel-list2 a, .recruits-list1 div, .recruits-list1 a { box-sizing: border-box; } .wel-list2 .ico-wrap { width: 55px; height: 48px; position: relative; margin: 0 auto 6px; overflow: hidden; } .wel-list2 .ico-txts { height: 24px; } .wel-list2 .hover { display: none; } .wel-list2 .ico-item:hover .unhover { display: none; } .wel-list2 .ico-item:hover .hover { display: block; } .wel-list2 .ico-item { display: inline-block; width: 16.66%; float: left; text-align: center; color: #282828; font-size: 16px; line-height: 24px; transition-duration: .3s; } .wel-list2 .ico-item:hover { color: #00824b; } .wel-list2 .list2-nav-item { float: left; width: 50%; } .wel-list2 .list2-a { display: block; height: 100%; width: 100%; transition: all .5s ease; } .wel-list2 .lis2-a-wrap { height: 100%; width: 100%; overflow: hidden; } .wel-list2 .list2-nav-item:hover .list2-a { transform: scale(1.05); } .img-scale { transition-duration: .5s; } .img-hover:hover .img-scale { transform: scale(1.1); } .list2-nav-item1, .list2-nav-item2 { padding-bottom: 2px; } .list2-nav-item3, .list2-nav-item4 { padding-top: 2px; } .list2-nav-item1, .list2-nav-item3 { padding-right: 2px; } .list2-nav-item2, .list2-nav-item4 { padding-left: 2px; } .recruits-list1 { padding: 70px 0 144px; } .recruits-list1 .recruits-a { display: inline-block; position: relative; overflow: hidden; font-size: 24px; line-height: 3; color: #fff; } .recruits-list1 .recruits-a:hover .img100 { /*transform: scale(1.1);*/ } .recruits-list1 .img100 { transition-duration: .5s; } .recruits-list1 .recruits-list1-h5 { height: 40px; line-height: 40px; } .recruits-list1 .recruits-list1-detail { font-size: 14px; line-height: 24px; display: none; } .recruits-list1 .recruits-list1-txts { position: absolute; left: 0; width: 100%; bottom: 0; padding: 0 30px 20px; transition-duration: .5s; } .recruits-list1 .list1-top-imgs .recruits-list1-detail { font-size: 12px; } .recruits-list1 .list1-bot-imgs .recruits-list1-txts { top: 50%; transform: translate(0, -50%); padding: 0 54px 0; height: 40px; } .recruits-list1 .list1-bot-imgs .recruits-a:hover .recruits-list1-txts { height: 64px; } .recruits-list1 .top-left, .recruits-list1 .bot-left { float: left; width: 462px; } .recruits-list1 .top-right, .recruits-list1 .bot-right { float: right; width: 714px; } .recruits-list1 .top-left { float: left; width: 462px; } .recruits-list1 .top-left { float: left; width: 462px; } .recruits-list1 .top-left { float: left; width: 462px; } .recruits-list1 .top-left { float: left; width: 462px; } .recruits-list1 .top-left { float: left; width: 462px; } .recruits-list1 .list1-top-imgs, .recruits-list1 .right-item1, .recruits-list1 .right-item2 { margin-bottom: 24px; } .recruits-list1 .right-item1, .recruits-list1 .right-item3 { float: left; } .recruits-list1 .right-item2, .recruits-list1 .right-item4 { float: right; } .recruits-list1 .right-item1 { width: 345px; } .about ul { padding-top: 0; } .inner-public-nav .nav-ico-wrap { padding: 26px 0 22px; } .inner-public-nav .ico-wrap { width: 32px; height: 30px; position: relative; margin: 0 auto 6px; overflow: hidden; } .inner-public-nav .ico-txts { height: 24px; } .inner-public-nav .hover { display: none; } .inner-public-nav .ico-item:hover .unhover, .inner-public-nav .ico-item.active .unhover { display: none; } .inner-public-nav .ico-item:hover .hover, .inner-public-nav .ico-item.active .hover { display: block; } .inner-public-nav .ico-item { display: inline-block; width: 11.11%; float: left; text-align: center; color: #333; font-size: 16px; line-height: 24px; transition-duration: .3s; } .inner-public-nav .ico-item:hover, .inner-public-nav .ico-item.active { color: #00824b; } .inner-public-nav { width: 100%; background: #fff; border-bottom: 1px solid #dfdfdf; } .inner-public-nav.fix { position: fixed; left: 0; top: 0; z-index: 10; } .inline-title p.en { font-size: 20px; line-height: 2; color: #666; } .about .font { padding-top: 26px; } .about .inline-title { padding-bottom: 36px; } .about p { line-height: 26px; } .about-list1-detail .scroll-wrap { height: 416px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background: #d5d5d5 !important; width: 6px !important; } .mCSB_scrollTools .mCSB_draggerRail { background: transparent !important; } .about-list2 { background: #01885f; padding: 110px 0 76px; color: #fff; font-size: 16px; line-height: 26px; } .about-list2 .img100 { transition-duration: .5s; } .base-item { float: left; width: 190px; text-align: center; margin-right: 10px; } .base-item.last { margin-right: 0; } .about-list2 .base-item:hover .img100 { transform: scale(1.1); } .about-list2 .img-wrap { overflow: hidden; margin-bottom: 14px; } .about-list2 .base-ico0 { display: inline-block; vertical-align: top; background: url(../img/add-ico.png) no-repeat center; width: 28px; height: 26px; } .about-list2 .base-name { display: inline-block; height: 26px; vertical-align: top; } .about-list2 .map-img { float: right; width: 709px; display: inline-block; } .about-list2 .list2-top-txts { width: 460px; } .about-list2 .list2-h5 { font-size: 22px; line-height: 30px; padding-bottom: 22px; } .about-list2 .num-ul { margin: 90px 0; } .about-list2 .num-s0 { font-weight: bold; font-size: 36px; font-family: "Arial"; line-height: 40px; height: 40px; display: inline-block; vertical-align: top; } .about-list2 .num-jia { width: 12px; height: 40px; display: inline-block; vertical-align: top; background: url(../img/jia0.png) no-repeat; } .about-list2 .num-li { float: left; width: 188px; padding-bottom: 15px; box-sizing: border-box; border-bottom: 1px solid #1a926d; margin-right: 26px; } .about-list2 .num-ul p { margin-top: 6px; } .moudle-titles { text-align: center; color: #fff; padding-bottom: 30px; } .moudle-h5 { font-size: 38px; line-height: 1.1; color: } .moudle-h5-en { font-size: 22px; line-height: #666; text-transform: uppercase; margin: 8px 0 26px; } .moudle-detail { font-size: 14px; line-height: 24px; } .color .moudle-h5 { color: #007955; } .color .moudle-h5-en { color: #666; } .color .moudle-detail { color: #666; } .about-list3 { padding-top: 84px; padding-bottom: 78px; background-position: center !important; } .more-a0 { width: 188px; height: 48px; line-height: 46px; border-radius: 24px; border: 1px solid #c6c6c6; display: block; margin: 480px auto 0; color: #666; font-size: 16px; text-align: center; transition: all .5s ease; } .more-a0:hover { color: #666; transform: translateY(-6px); transition: all .5s ease; } .more-s0 { display: inline-block; vertical-align: top; height: 46px; } .more-s1 { width: 8px; height: 46px; margin-left: 8px; display: inline-block; vertical-align: top; background: url(../img/more001.png) no-repeat center; } .about-list4 {} .list41-contents { background: #01885f; padding-top: 30px; } .list41-contents .w1200 { position: relative; top: 58px; } .list41-contents .list41-imgs { position: relative; } .list41-contents .cover-txts { position: absolute; left: 0; top: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 80px 88px 0; color: #fff; } .list41-contents .h5-s0 { display: block; font-size: 29px; line-height: 1.1; } .list41-contents .h5-s1 { display: block; width: 44px; height: 1px; background: #fff; margin-top: 8px; } .list41-contents .cover-ico-wrap { text-align: center; position: absolute; left: 0; bottom: 16px; width: 100%; } .list41-contents .ico-item { display: inline-block; width: auto; margin: 0 50px; font-size: 16px; line-height: 24px; } .list41-contents .ico-wrap { width: 69px; height: 69px; border-radius: 50%; overflow: hidden; margin: 0 auto 10px; transition-duration: .5s; } .list42-contents { padding: 58px 0 0; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; } .list42-contents .coop-item { float: left; width: 240px; padding: 0 22px; background: #fff; box-sizing: border-box; } .list43-contents { padding: 52px 0; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; } .list44-contents { padding: 52px 0; box-sizing: border-box; border-bottom: 1px solid #f5f5f5; } .list43-left { width: 600px; } .list43-right { width: 430px; } .about-list4 .list43-s1 { display: inline-block; height: 28px; line-height: 28px; vertical-align: top; font-size: 22px; color: #333; } .about-list4 .list43-s0 { width: 26px; height: 28px; margin-right: 8px; display: inline-block; vertical-align: top; } .list43-detail { font-size: 14px; line-height: 26px; color: #666; margin: 22px 0 32px; } .list44-ico-wrap {} .about-list4 .num-ul { margin: 60px 0 0; color: #01885f; font-size: 16px; line-height: 18px; } .about-list4 .num-s0 { font-weight: bold; font-size: 70px; font-family: "Arial"; line-height: 60px; height: 60px; display: inline-block; vertical-align: top; } .about-list4 .num-jia { width: 12px; height: 60px; display: inline-block; vertical-align: top; background: url(../img/jia-green.png) no-repeat; } .about-list4 .num-li { float: left; width: 216px; box-sizing: border-box; } .about-list4 .num-ul p { margin-top: 6px; } .list44-ico-wrap .ico-item { display: inline-block; float: left; padding: 0 12px; } .list44-ico-wrap .ico-wrap { width: 43px; margin: 0 auto 12px; } .list44-ico-wrap .ico-name { text-align: center; font-size: 14px; line-height: 26px; color: #01885f; } .about-list5 { background: #f5f5f5; padding: 110px 0 150px; } .list5-item { cursor: pointer; position: relative; float: left; width: 399px; overflow: hidden; } .list5-covers { width: 100%; position: absolute; color: #fff; text-align: center; box-sizing: border-box; padding: 0 20px; height: auto; top: 50%; left: 0; transform: translate(0, -50%); } .list5-ico { width: 53px; height: 48px; margin: 0 auto 16px; } .list5-h5 { font-size: 24px; line-height: 32px; } .list5-item2 { margin: 0 1px; } .list5-contents { position: relative; } .ajax-bg0 { position: absolute; width: 100%; height: 100%; left: 0; top: 0; /*background: url(../img/ajax-bg0.png) repeat;*/ display: none; z-index: 3; } .quality-ajax-box { height: 100%; top: 0; left: 0; width: 100%; background: #fff; z-index: 4; } .quality-left { position: relative; float: left; width: 399px; } .quality-h4 { font-size: 34px; line-height: 40px; font-weight: bold; } .quality-h5 { font-size: 18px; color: #007955; margin: 8px 0 40px; } .quality-detail { font-size: 15px; } .quality-right { float: left; width: 608px; margin-left: 72px; color: #333; line-height: 32px; padding: 130px 0 0; } .ajax-bg0 .close-img { position: absolute; right: 20px; top: 20px; width: 22px; height: 22px; cursor: pointer; transition-duration: .3s; } .quality-num { font-size: 141px; color: #f5f5f5; line-height: 1; position: absolute; right: 20px; bottom: -14px; display: inline-block; } .ajax-bg0 .close-img:hover { transform: rotate(90deg); } .about-list6 { padding: 110px 0 270px; } .about-list6 .ico-item { float: left; position: relative; padding: 42px 0; text-align: center; margin-right: 10px; cursor: pointer; } .about-list6 .ico-item1 { width: 282px; margin-left: 32px; } .about-list6 .ico-item2 { width: 264px; } .about-list6 .unhover { display: block; } .about-list6 .hover { display: none; } .about-list6 .ico-item:hover .unhover, .about-list6 .ico-item.cur .unhover { display: none; } .about-list6 .ico-item:hover .hover, .about-list6 .ico-item.cur .hover { display: block; } .about-list6 .bg-wrap { position: absolute; left: 0; top: 0; height: 114px; z-index: 1; } .about-list6 .ico-item1 .bg-wrap { width: 318px; } .about-list6 .ico-item2 .bg-wrap { width: 297px; } .about-list6 .list6-ico-wrap { padding-top: 42px; } .about-list6 .item-contents { position: relative; z-index: 2; } .about-list6 .ico-wrap { display: inline-block; vertical-align: top; width: 32px; height: 29px; margin-right: 8px; } .about-list6 .ico-txts { display: inline-block; vertical-align: top; height: 29px; line-height: 29px; font-size: 24px; color: #fff; } .about-list6 .ico-item:hover .ico-num, .about-list6 .ico-item.cur .ico-num { color: #3a9876; } .ico-num { position: absolute; right: 12px; z-index: 3; bottom: -2px; font-size: 24px; line-height: 1; color: #7d8386; display: inline-block; } .about-list7 { position: relative; padding-top: 80px; background: url(../img/list7-bg.jpg) repeat-X; background-position: bottom !important; } .about-list7 .more-a2-wrap { position: absolute; left: 50%; margin-left: -600px; bottom: 0; } .list7-imgs { height: 535px; background-position: center bottom !important; } .list7-imgs .list7-img { display: block; max-width: 100%; position: relative; left: 54px; } .more-a2 { position: absolute; left: 162px; bottom: 42px; z-index: 2; display: block; width: 188px; height: 48px; line-height: 48px; text-align: center; font-size: 14px; color: #000; border-radius: 24px; border: 1px solid #7e7e7f; transition: all .5s ease; } .more-a2:hover { color: #000; transform: translateY(-6px); transition: all .5s ease; } .list8-ajax-controls { text-align: center; margin: 8px 0 66px; } .about-list8 .txt-wrap { color: #535a60; font-size: 14px; line-height: 26px; padding: 7px 10px 30px; box-sizing: border-box; text-align: center; } .about-list8 { padding-top: 80px; padding-bottom: 90px; } .about-list8 .ajax-s0 { cursor: pointer; display: inline-block; width: auto; padding: 0 58px; margin: 0 8px; box-sizing: border-box; height: 48px; line-height: 46px; border-radius: 24px; border: 1px solid #8a8a8a; color: #000; font-size: 18px; text-align: center; transition: all .5s ease; } .about-list8 .ajax-s0.cur, .about-list8 .ajax-s0:hover { background: #037f5b; color: #fff; border-color: #037f5b; } .list8-banner { height: 512px !important; box-sizing: border-box; position: relative; } .lisit8-banner-li { float: left; width: 288px !important; margin-right: 16px !important; } .banner-a:hover .img100 { transition: all .5s ease; } .list8-banner .img-wrap { overflow: hidden; } .list8-banner .bd { overflow: hidden; width: 1200px; margin-left: auto; margin-right: auto; } .list8-banner .banner-a { display: block; } .hd00 a { width: 40px; height: 40px; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; transition: background 0.3s; } .list8-banner .hd00 { margin-top: -56px; } .hd00 .prev { left: 0; background: url(../img/about26.png) no-repeat center; } .hd00 .prev:hover { background: url(../img/about26_h.png) no-repeat center; } .hd00 .next { right: 0; background: url(../img/about27.png) no-repeat center; } .hd00 .next:hover { background: url(../img/about27_h.png) no-repeat center; } .about-list9 { padding-top: 80px; padding-bottom: 110px; background: #f7f7f7; } .list9-banner { box-sizing: border-box; position: relative; height: 343px !important; } .lisit9-banner-li { float: left; width: 185px !important; margin-right: 18px !important; padding: 10px 0; box-sizing: border-box; } .list9-banner .banner-a { display: block; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .list9-banner .banner-a2 { margin: 10px 0; } .banner-a:hover .img100 { transition: all .5s ease; } .list9-banner .img-wrap { overflow: hidden; } .list9-banner .bd, .list10-banner .bd { overflow: hidden; width: 1200px; margin-left: auto; margin-right: auto; } .hd00 a { width: 40px; height: 40px; cursor: pointer; position: absolute; top: 50%; margin-top: -20px; transition: background 0.3s; } .list10-banner { position: relative; height: 438px !important; } .list10-banner-li { float: left; width: 390px !important; margin-right: 16px !important; } .list10-banner .banner-a { display: block; overflow: hidden; box-shadow: 0 0 10px rgba(0, 0, 0, .1); } .about-list10 { padding: 80px 0 140px; } .about-list10 .txts-wrap { background: #f5f5f5; box-sizing: border-box; padding: 20px 32px 50px; } .about-list10 .hd00 { margin-top: -56px; } .list10-h5 { font-size: 16px; line-height: 26px; color: #333; margin-bottom: 8px; } .img-wrap { overflow: hidden; } .list10-dt { font-size: 14px; line-height: 22px; color: #666; height: 66px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .list10-ico-wrap { text-align: center; padding: 10px 0; margin-bottom: 50px; background: url(../img/bgline0.png) no-repeat center; } .list10-ico-wrap .ico-item { box-sizing: border-box; display: inline-block; width: auto; margin: 0 20px; font-size: 16px; line-height: 24px; width: 138px; height: 138px; border-radius: 50%; background: #dde2e6; text-align: center; padding: 34px 0 0; font-size: 18px; line-height: 26px; color: #01885f; } .list10-ico-wrap .ico-wrap { width: 43px; height: 40px; overflow: hidden; margin: 0 auto 6px; } .w1200-h2 strong a { margin-left: 30px; display: inline-block; } /*products*/ .product { padding-top: 59px; } .product .title .right a { width: auto; padding: 0 50px; box-sizing: border-box; margin: 0 16px; margin-bottom: 27px; } .pro-list .pro-a { display: block; position: relative; } .product .title { padding-bottom: 0; } .pro-imgs-wrap { width: 612px; } .four-img img { display: block; width: 100%; height: 236px; } .one-img { display: inline-block; width: 100%; height: 478px; } .four-img { display: inline-block; width: 303px; } .four-img1 { margin-bottom: 4px; } .pro-imgs-wap2 { margin-top: 5px; } .pro-name-wrap { float: left; width: 750px; display: inline-block; } .w1200-h2 .pro-name { float: left; width: auto; padding-right: 32px; text-decoration: none; color: #666; font-size: 16px; height: 48px; line-height: 48px; display: inline-block; transition: color 0.3s; } .w1200-h2 .w1200-h2-a { color: #666; transition: color 0.3s; } .w1200-h2 .pro-name:hover, .w1200-h2 .w1200-h2-a:hover { color: #007d5a; } .w1200-h2 .pro-h2 { display: inline-block; float: left; width: 160px; font-size: 24px; color: #333; } .pro-list { padding-top: 30px; box-sizing: border-box; } .coop-list-wrap { padding-top: 30px; box-sizing: border-box; } .down-search-wrap { position: relative; top: 15px; float: right; width: 556px; height: 50px; line-height: 48px; float: right; border: 1px solid #007d5a; } .search-submit { float: right; width: 34px; height: 48px; border: none; padding: 0; color: transparent; background: url(../img/search-input-bg.png) no-repeat left center; } .search-input { font-size: 14px; line-height: 48px; text-indent: 10px; background: none; border: none; display: inline-block; float: left; width: 450px; padding: 0; } .wel-news .list span { width: 170px; } @media(max-width: 1600px) { .fixed-left { left: 0; width: 98px; } .fixed-left li { font-size: 12px; } .w1340 { width: 1300px; } } @media(max-width: 1430px) { .w1340 { width: 1200px; } .list8-banner .bd { width: 896px; } .list9-banner .bd { width: 997px; } .list10-banner .bd { width: 1080px; } .list10-banner-li { width: 350px !important; } } .w1200-h2 { padding-bottom: 20px; } .pro-imgs-wrap { position: relative; } .four-img { position: relative; } .pro-name1 { position: absolute; left: 0; box-sizing: border-box; top: 0; font-size: 32px; line-height: 1.4; font-weight: bold; color: #fff; padding: 20px; text-shadow: 1px 1px 10px rgb(0 0 0 / 50%); } .four-img .pro-name1 { font-size: 18px; } /*20181220*/ .demand .more-list li { height: 150px; box-sizing: border-box; } .footer img { display: inline-block; width: 50px; } h2 a img { display: block; width: 100%; height: auto; } /*20181228add*/ .solution-list1 .solution-item { padding: 260px 0; box-sizing: border-box; margin-top: 20px; } .solution-txts-mains { color: #fff; padding: 28px; box-sizing: border-box; width: 600px; background-color: rgba(145, 145, 147, 0.9); } .solution-item:nth-child(2n+1) .solution-txts-mains { float: left; } .solution-item:nth-child(2n) .solution-txts-mains { float: right; } .solution-h5 { font-size: 36px; line-height: 44px; } .solution-h6 { display: inline-block; position: relative; margin-top: 14px; } .solution-h6:after { content: ''; position: absolute; right: -20px; top: 0; width: 20px; height: 100%; background: url(../img/1000.png) no-repeat; background-size: cover; } .h6-s0 { display: inline-block; background: #f7f7f7; position: relative; font-size: 18px; line-height: 30px; color: #919294; text-transform: uppercase; padding-left: 8px; padding-right: 20px; z-index: 10; } .solution-detail { font-size: 14px; line-height: 24px; color: #fefeff; margin-top: 25px; max-height: 120px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; } .solution-more { display: block; width: 170px; height: 40px; border: 1px solid #f7f7f7; border-radius: 20px; font-size: 0; margin-top: 25px; text-align: center; cursor: pointer; } .solution-more span { margin: 0 10px; font-size: 18px; line-height: 40px; color: #fff; display: inline-block; vertical-align: middle; } .solution-more i { margin: 0 10px; display: inline-block; vertical-align: middle; width: 16px; height: 14px; background: url(../img/x00.png) no-repeat center center; } .id-div { position: absolute; left: 0; width: 1px; height: 1px; top: -109px; } .about-list { position: relative; } .pro_navigation h1 { color: #318E69; } .pro_navigation .index01 h3 b a { font-size: xx-large; } .pro_navigation table { height: auto; width: auto; } .pro_navigation .w1200-wrap .w1200-h2, .w1230 { width: 1230px; margin-left: auto; margin-right: auto; } .pro_navigation .w1200-h2-a { float: right; height: 48px; line-height: 48px; font-size: 16px; } .pro_navigation .coop-img { display: block; max-width: 100%; } .pro_navigation .ico-wrap { width: 55px; height: 48px; position: relative; margin: 0 auto 6px; overflow: hidden; } .pro_navigation .ico-txts { height: 24px; } .pro_navigation .hover { display: none; } .pro_navigation .ico-item:hover .unhover, .pro_navigation .ico-item.active .unhover { display: none; } .pro_navigation .ico-item:hover .hover, .pro_navigation .ico-item.active .hover { display: block; } .pro_navigation .ico-item:hover, .pro_navigation .ico-item.active { color: #00824b; } .pro_navigation .ico-item { display: inline-block; width: 16.66%; float: left; text-align: center; color: #282828; font-size: 16px; line-height: 24px; transition-duration: .3s; } .pro_navigation .list2-ico-wrap { padding: 42px 0 34px; box-sizing: border-box; } .pro_navigation .nav_box { width: 100%; background: #fff; border-bottom: 1px solid #dfdfdf; } .pro_navigation .nav_box.fix { position: fixed; left: 0; top: 0; z-index: 10; } .pro_navigation .pro-list { position: relative; } .pro_navigation .pro-list .id-list { position: absolute; width: 1px; height: 1px; opacity: 0; top: -155px; left: 0; } .about-list2 .map-img { display: none; } .about-list2 .list2-top-txts { width: 100%; } .about-list2 .list2-h5 { text-align: center; } .about-list2 .num-ul{ display: flex; justify-content: center; } .about-list2 .num-li{ text-align: center; }