.p-banner {background: center no-repeat;background-size: cover;height: 580px;text-align: center;color: #fff;padding-top: 280px;} .product_banner_show{ background-color: #f2f2f2;background: top no-repeat;height:600px;} .p-banner .container{ position: relative; } .p-banner h3 {font-size: 72px;color: rgba(255,255,255,0.15);font-family: BarlowCondensed-Regular;text-transform: uppercase; font-weight: bold; position: relative;} .p-banner h2 {font-size: 36px;color: #fff;margin-bottom: 5px; position: absolute; top: 38px; left: 45%; text-align: center;} .page_nav{height: 70px;line-height: 70px;border-bottom: 1px solid #eaeaea; background: #f1f1f1;} .page_nav .crumb{float: right;} .page_nav .crumb li{float: left;font-size: 16px;color: #666;} .page_nav .crumb a{color: #666; margin-right: 8px; margin-left: 8px; } .page_nav .crumb li:last-child{ color:#208740 ;} .page_nav .r_sec{float: left;} .page_nav .r_sec li{position:relative; float:left; font-size:18px; padding:0 20px; margin:0 30px 0 0;} .page_nav .r_sec li:first-child:after{display:none;} .page_nav .r_sec li:hover a, .page_nav .r_sec li.cur a{color:#208740;} .page_nav .r_sec li a{color:#666666;} .page_nav .fa {margin:22px 8px 0; font-size:15px;} .page_nav a:hover{color:#208740;} @media (max-width: 1440px){ .p-banner {height: 452px;padding-top: 170px;} .p-banner h3 {font-size: 52px} .p-banner h2 {font-size: 30px;} } @media (max-width: 1336px){ .p-banner {height: 430px;} .page_nav .r_sec li{position:relative; float:left; font-size:16px; padding:0 10px; margin:0 10px;} } @media (max-width: 1280px){ .p-banner {height: 400px;} .product_banner_show{padding-top: 70px;} } @media (max-width: 1200px){ .p-banner {height: 375px;} .p-banner h2 {font-size: 28px;} } @media only screen and (max-width: 992px){ .page_nav .crumb{display: none;} } @media (max-width: 768px){ .p-banner {height: 245px;padding-top: 100px;} .p-banner h2 {font-size:26px; line-height: 30px;top: 30px; left: 42%; } .page_nav{line-height:50px; height:50px;} .page_nav .r_sec li:after{left:-7px; } } @media (max-width:668px){ .page_nav{line-height:40px; height:40px;} .page_nav .r_sec li{padding:0 8px; margin:0 8px;} .p-banner { padding-top: 120px;} .p-banner h3 {font-size: 42px} .p-banner h2 {font-size:22px;top: 28px; left: 38%; } } @media only screen and (max-width: 425px){ .page_nav .container{padding-right: 0px;padding-left:1px;} .page_nav{height: 40px;line-height: 40px;border-bottom: 1px solid #eaeaea;} .page_nav .r_sec li{ font-size:14px; padding:0 6px; margin:0 6px; } } @media only screen and (max-width: 400px){.page_nav .r_sec li{ padding:0 5px; margin:0 4px; } } .page_nav_show{height: 70px;line-height: 70px;color: #fff;} .page_nav_show .crumb li{float: left;font-size: 16px;color: #fff;} .page_nav_show .crumb a{color: #fff; margin-right: 8px; margin-left: 8px; } .page_nav_show .crumb li:last-child{ color:#fff ;} .page_nav_show .fa {margin:22px 8px 0; font-size:15px;} .page_nav_show a:hover{color:#fff;} @media (max-width: 768px){ .page_nav_show{line-height:30px; height:60px;} .page_nav_show .fa {margin:0px 8px 0;} } @media (max-width:668px){ .page_nav_show .crumb li{font-size: 14px;} } @media only screen and (max-width: 425px){ .page_nav_show{ display: none; } } .page-section{ padding:80px 0;} .page-tit { text-align: center; margin-bottom: 50px;} .page-tit h3{ font-size: 30px; padding-bottom: 20px; width: 400px; margin: 0 auto 20px; position: relative;} .page-tit h3:after{ content: ""; left: 42%; bottom: 0px; width: 55px; height: 3px; background-color: #208740; position: absolute;} .page-tit p{ font-size: 16px; line-height: 30px; color: #666; margin: 0 auto;} @media (max-width:1366px) { .page-section{ padding:60px 0;} .page-tit h3{ font-size: 26px; } .page-tit p{ font-size: 15px; } } @media (max-width:1024px) { .page-section{ padding:40px 0;} .page-tit {margin-bottom: 30px;} .page-tit h3{ font-size: 26px; margin-bottom: 10px;} } @media (max-width:768px) { .page-tit h3{ font-size: 22px; margin-bottom: 15px; padding-bottom: 15px;} .page-tit h3:after{width: 38px;left: 45%;} } @media (max-width:668px) { .page-tit h3{ width: 100%;} .page_title h3 { font-size: 18px;} .page-tit h3:after{width: 35px; height: 2px;} } .about-page1 .page-tit { text-align: left; } .about-page1 .page-tit h3{ margin-left: 0px; } .about-page1 .page-tit h3:after{left: 0px; } .about-page1 .page-tit p{ margin-left: 0px; } .about-page1 .desc{ font-size: 16px; line-height: 32px; color: #666;} .about-page1 .aboutrightimg { width: 96%; float: right;} .about-page1 .about-page-ul { padding:1px 10px; text-align: center;} .about-page1 .about-page-ul li { position: relative; border-top: 1px solid #ccc; padding: 28px 0;} .about-page1 .about-page-ul li .shu-div1 {line-height: 1.5;} .about-page1 .about-page-ul li .shu-div2 {font-size: 18px;color: #333; line-height: 40px;} .about-page1 .about-page-ul li:last-child{ border-bottom: 1px solid #ccc; } @media (max-width:1600px){ .about-page1 .about-page-ul { padding:20px 50px;} .about-page1 .about-page-ul li { padding: 22px 0;} } @media (max-width:1480px){ .about-page1 .page-tit h3{ font-size: 26px;} .about-page1 .about-page-ul { padding:17px 50px;} .about-page1 .about-page-ul li { padding: 22px 0;} } @media(max-width:1366px) { .about-page1 .desc{line-height: 30px;} .about-page1 .about-page-ul { padding:17px 20px;} .about-page1 .list_box ul li{padding: 16px 20px;} } @media(max-width:1280px) { .about-page1 .about-page-ul { padding:10px 20px;} .about-page1 .list_box ul li{padding: 18px 0px;} .about-page1 .aboutrightimg { width: 100%; float: right;} } @media (max-width: 1200px){ .about-page1 .page-tit h3{ font-size: 22px;} .about-page1 .desc{ width: 90%; } .about-page1 .aboutrightimg { width: 110%;} .about-page1 .about-page-ul li{ width: 33.33333337%; float: left; border-top: 0px ; border-right: 1px solid #ccc; } .about-page1 .list_box{width:100%; height: 100%; } .about-page1 .about-page-ul li:last-child{ border-bottom: 0px; } } @media(max-width:1124px) { .about-page1 .aboutrightimg { width: 123%;} } @media(max-width:992px) { .about-page1 .list_box .list_box{width:35%;} .about-page1 .desc{ width: 100%; } } @media (max-width: 768px){ .about-page1 .about-page-ul { padding:20px 5px; } .about-page1 .about-page-ul li .shu-div2 {font-size: 16px; line-height: 25px; } } @media(max-width:768px) { .about-page1 .list_box ul li{padding: 20px 10px 0;} } @media(max-width:600px) { .about-page1 .list_box .list_box{width:50%;} .about-page1 .list_box ul li{padding: 20px 5px;} .about-page1 .list_box p{font-size: 14px; } } @media(max-width:400px) { .about-page1 .list_box p{ height: 60px; } } .about-page2{ width: 100%; padding-bottom: 120px; background: url(../images/about_bg2.jpg) no-repeat repeat center; z-index: 1;} .about-page2 .page-tit h3{ color: #fff;} .about-page2 .page-tit h3:after{color: #fff;} .about-page2 .brand_lsit .box{ width: 25%; float: left; height: 320px; text-align: center; color: #fff; position: relative;z-index: 1;} .about-page2 .brand_lsit .box .con{position: absolute; left: 50%; top: 50%; width:85%; font-size: 16px; line-height: 32px; transform: translate(-50%,-50%);} .about-page2 .brand_lsit h3{ font-size:24px; margin: 20px 0;} .about-page2 .brand_lsit .img{ display: block;} .about-page2 .brand_lsit .img1{ display: none;} .about-page2 .brand_lsit .box:hover .img{ display: none;} .about-page2 .brand_lsit .box:hover .img1{ display: block;} @media screen and (max-width:1366px){ .about-page2 .brand_lsit h3{ font-size:22px;} .about-page2 .brand_lsit .box .con{ width: 90%; font-size: 15px; } } @media screen and (max-width:1280px){ .about-page2 .brand_lsit h3{ font-size:20px;} } @media screen and (max-width:1200px){ .about-page2 .brand_lsit h3{ font-size:18px;} .about-page2 .brand_lsit .box .con{ width:100%; font-size: 14px; line-height: 28px;} } @media screen and (max-width:1024px){ .about-page2 .top_text { padding: 30px 0; color: #fff;z-index: 9; width: 50%; margin:0 auto;} .about-page2 .top_text h3{font-size: 20px; margin-bottom: 10px; text-align:center;} .about-page2 .top_text p{ font-size:16px;line-height: 24px; text-align:center;} .about-page2 .brand_lsit .box{ width:33.3333337%; height: 240px;} .about-page2 .brand_lsit .box .con{ width:93%;} } @media screen and (max-width:590px){ .about-page2{ padding-bottom: 60px;} .about-page2 .brand_lsit .box{ width:50%; height: 180px;} .about-page2 .brand_lsit .box .con{ width:98%; } .about-page2 .brand_lsit h3{ font-size:16px; margin: 10px 0;} .about-page2 .brand_lsit .img img{ width: 30%; margin: 0 auto;} } .about-page3 .about-page3-top{ padding-bottom:50px; margin-bottom: 50px; border-bottom: 1px solid #e5e5e5;} .about-page3 h2 { font-size: 24px; color: #333; margin-bottom: 20px;} .about-page3 .desc{ font-size: 16px; line-height: 32px; color: #666;} .about-page3 .about-page3-mid .con{ border: 4px solid #e5e5e5; padding:40px 20px; margin-bottom:30px;} .about-page3 .about-page3-mid .con h2{ font-size:24px; color:#208740; margin-bottom:30px; text-align: center; } .about-page3 .about-page3-mid .con p{ color:#666; font-size:16px; line-height: 30px; margin-top:10px; text-align: center; } @media (max-width:1280px) { .about-page3 .about-page3-top{ padding-bottom:30px; margin-bottom: 30px; } .about-page3 h2 { font-size: 22px;} .about-page3 .about-page3-mid .con{padding:30px 15px; } .about-page3 .about-page3-mid .con h2{ font-size:20px; margin-bottom:20px;} } @media (max-width:1024px) { .about-page3 .about-page3-mid .con h2{ font-size:18px; } .about-page3 h2 { font-size: 20px;} .about-page3 .desc{ line-height: 28px; } } @media (max-width:992px) { .about-page3 .about-page3-mid .con{padding:20px 15px; } } @media (max-width:425px) { .about-page3 .about-page3-mid .con{padding:20px 1% 20px 1%; margin-bottom:20px; height:160px;} .about-page3 .about-page3-mid .con h2{ font-size:18px;} } .rmt_dl dd{display:block;clear:both;overflow:hidden; background:#FFF; margin-bottom:20px;} .rmt_dl dd .div1{clear:both;height:78px;background:#f5f5f5;padding:0 10px;overflow:hidden;-webkit-transition: all 0.2s; -moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;} .rmt_dl dd .div1 span{display:inline; height:78px;line-height:78px;color:#333333; } .rmt_dl dd .div1 span h3{ height:78px;line-height:78px; font-size:20px; } .rmt_dl dd .div1 span.span8{cursor:pointer;text-align:center; background:url(../images/jia.png) no-repeat center center;} .rmt_dl dd .div2{clear:both;overflow:hidden;color:#666666; padding:30px 25px;line-height:30px;text-align:left;display:none;background: #fafafa} .rmt_dl dd .div2 b{ color: #333; font-size:16px; line-height:34px;} .rmt_dl dd:hover .div1 span h3{color: #208740;} .rmt_dl dd:hover .div1 span.span8{ background:url(../images/jia2.png) no-repeat center center;} .rmt_dl dd .div1 span.span8.jian{ background:url(../images/jia2.png) no-repeat center center;} @media only screen and (max-width:768px){ .job ul{ font-size:16px;} .rmt_dl dd .div1{ padding-left: 0px;} .rmt_dl dd .div2{padding:10px; line-height:24px; } .rmt_dl dd .div1 span.span8{background:url(../images/jia.png) no-repeat center center;background-size:85% 38%;} .rmt_dl dd:hover .div1 span.span8{background:url(../images/jia2.png) no-repeat center center;background-size:85% 38%;} .rmt_dl dd .div1 span.span8.jian{background:url(../images/jia2.png) no-repeat center center;background-size:85% 38%;} } @media only screen and (max-width:425px){ .rmt_dl dd .div1 span.span8{ background-size:40% 30%;} .rmt_dl dd:hover .div1 span.span8{ background-size:40% 30%;} .rmt_dl dd .div1 span.span8.jian{ background-size:40% 30%;} } .morbann{margin-top:78px;} .morbann a{display:block;width:60px;height:60px;border:1px solid #fff;text-align: center;line-height: 60px;overflow: hidden;position:relative;transition:all .3s ease-out 0s;} .morbann span{transform:translateX(-66px);display:inline-block;transition:all .3s ease-out 0s;font-size:16px;font-family:"微软雅黑";color:#fff;} .morbann a img{position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);} .morbannng a{border-color:#666666;} .morbannng a span{color:#666666;} .morbann a:hover{width:140px;text-align: right; padding-right:10px;} .morbann a:hover span{transform: translateX(-50%);} .morbann a:hover img{left:85%;} .neirongleft{width: calc(100% - 920px);padding-top:160px;animation: fadeInUp 1.5s;} .neirongright{width:50%;animation: fadeInUp 1.5s;} .neirongbr .more a {display: block;width: 56px;height: 56px;border: 1px solid #666666;background: url(../images/xiangxiab.png) no-repeat center!important;} .b1_neirong{width:100%;padding: 166px 127px 185px;} .neirongbr{ } .nebt h3{color:#ededed;font-size:130px;text-transform: uppercase;font-weight: bold;transform: translateY(60PX)} .neirongbr h2{color:#208740;font-size:36px;font-family:"Arial";font-weight:bold;position:relative;margin-bottom:30px;} .neirongbr h2::after{position:absolute;content: "";width:110px;height:1px;background:#208740;left:0;bottom:-42px;} .neirongbr p{color:#333333;font-size:16px;font-family:"微软雅黑";line-height: 30px;padding-left:120px;position:relative;} .neirongbr .more{margin-left:123px;} .neirongatwo{margin:100px 0;} .neirongatwo .b1pic {position: absolute;right: inherit;bottom: 65px;left:0;} .ditu{position:absolute;bottom:0;} .neirongatwo .ditu{transform: translateX(71px);} @media screen and (max-width: 1680px){ .b1_neirong {width: 100%;padding:0;} .neironga { width:1200px;margin:0 auto 70px;} .neirongleft {width: 50%;padding-top: 79px;} .neirongright {position: relative;width: 50%;overflow:hidden; } .nebt{width:1200px;margin:0 auto;} .neirongbr h2 {font-size: 50px;margin-bottom: 32px;} .nebt h3 {font-size: 116px;transform: translateY(60PX);} .neirongatwo .neirongbr{padding-left:53px; padding-right:17px;} } @media screen and (max-width: 1200px){ .neirongleft{width:100%;padding-top:0;} .neirongbr {width: 100%;padding:0 15px;} .neirongright{width:100%;padding:0 15px;margin-bottom:20px;} .neirongbr h2 {font-size: 20px;margin-bottom: 8px;} .neirongbr p {color: #333333;font-size: 16px;padding-left: 0; } .neirongbr h2::after {width: 27px;bottom: -23px;display:none;} .nebt{width:100%;padding:0 15px;margin:36px 0 15px;} .neirongbr .more {margin-left: 0;margin-top: 13px;} .neirongbr .more a {width: 44px;height: 44px;} .neironga {width: 100%;} .neironga {margin: 0 auto 72px;} .neirongatwo .neirongbr {padding-left: 15px;padding-right: 15px;} } @media screen and (max-width: 768px){ .neirongright img{ width: 100%;} .morbann{margin-top:48px;} .morbann a{display:block;width:40px;height:40px; line-height: 40px;} } @media screen and (max-width: 568px){ .morbann a{ width:34px;height:34px; line-height: 34px;} .morbann a img{ width: 30%;} } .product_list li{ margin-bottom: 30px;} .product_list .box { border: 1px solid #e5e5e5; width: 100%;} .product_list .box .pro-img img{ padding: 10px;} .product_list a .pro-txt { display: block; text-align: center; background-color: #f7f7f7; padding: 25px 20px;} .product_list a .pro-txt .pro-tit h3 { font-size: 18px; font-weight: 700;} .product_list a .pro-txt .index-more a { border: 1px solid #dcdcdc; color: #666;} .product_list a:hover .pro-txt .index-more a { background-color: #208740; color: #fff;} .product_list a:hover .img-box img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1);} .product_list a .pro-txt .pro-c { color: #666; line-height: 2em;} .pro-big-img {width: 100%; overflow: hidden; background-color: #fff; } .pro-big-img .gallery-left{width:100%;height: 345px;margin: 0; } .pro-big-img .gallery-left img{width: 100%;} .pro-big-img .gallery-left .swiper-slide{width: 100%;height: initial;} .pro-big-img .gallery-left .swiper-slide img{width:100%; margin: 0 auto; height: initial; } .pro-big-img .gallery-thumbs{padding: 22px 25px; width:100%; height: 155px;margin:10px 0 0 0px; overflow: hidden; box-sizing: border-box;} .pro-big-img .gallery-thumbs img{width: 100%; overflow: hidden; border: 1px solid #e5e5e5; } .pro-big-img .gallery-thumbs .swiper-slide-activeimg{border: 1px solid #a6a6a6; } .pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:0px;right:inherit;top:65px;bottom:inherit;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{-webkit-transform: rotate(0deg) translate(0, 0);transform: rotate(0deg) translate(0, 0);/**/left:inherit;right:0px; top:65px;bottom:inherit;} .pro-big-img .gallery-thumbs .swiper-slide {opacity: 0.6;height: initial; } .pro-big-img .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;} .products_show .show-pro-top { background: #f7f7f7; width: 60%; height: 350px; margin:0 auto} .products_show .show-pro-top .section-content{ width: 50%; float: left } .products_show .show-pro-top .section-content-show{ width: 45%; padding-left:5%; padding-top:5%; float: left; } .products_show .pro-show-info h1{font-size:36px;line-height: 35px; font-weight: bold; color: #208740;margin-bottom: 10px; } .products_show .pro-show-info p{ line-height: 16px; font-size: 16px; color: #666;} .products_show .pro-show-info .procontact { margin: 50px 0 15px; padding-bottom: 20px; border-bottom:2px solid #dcdcdc;} .products_show .pro-show-info .procontact span a{ font-size:18px; font-weight: bold; color: #333;} .products_show .pro-show-info .procontact a:hover { color: #208740;} .products_show .pro-show-info .pro-btn{color:#333; font-size: 17px; margin-bottom: 5px; } .products_show .pro-show-info .pro-btn{color:#333;} .products_show .pro-show-info .pro-btn a{display:block;background: #333f47;color:#FFF;width:210px; font-size: 16px; text-align:center;line-height:60px;height: 60px;border:none;padding:0;float:left;margin-right: 20px;text-transform: uppercase; } .products_show .pro-show-info .pro-btn .tel{ line-height: 27px; font-size: 16px;} .products_show .pro-show-info .pro-btn .tel span{color: #208740;} .products_show .pro-show-info .pro-btn .tel span a{ font-size: 26px;border: 0px solid #208740; font-weight: bold; height: 40px; line-height: 40px;margin-right: 0px; color: #208740;background: none; text-align: left;;} .products_show .pro-share { margin: 20px 0 25px;} .products_show .pro-share dl dt { float: left;} .products_show .pro-share dl dd .share {float: left;margin-right: 5px;} .products_show .pro-share dl dd .share:last-child {margin-right: 0;} .products_show .pro-share dl dd .share .share-ico {width: 31px;height: 30px;} .products_show dl dd .footer-ico {width: 31px;height: 30px;display: inline-block;margin-right: 10px;} .products_show .pro-share .wechat { position: relative;} .products_show .pro-share .wechat:hover .vx { display: block;} .products_show .pro-share .wechat .vx::after { content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent} .products_show .pro-share .wechat .vx { position: absolute; top: -185px; width: 180px; height: 172px; text-align: center; box-shadow: 0 2px 10px #aaa; background-color: #fff; z-index: 999; left: -75px; display: none;} .products_show .pro-share .wechat .vx h4 { font-weight: normal; height: 26px; line-height: 26px; font-size: 12px; background-color: #f3f3f3; margin: 0; padding: 0; color: #777;} .products_show .pro-share .wechat .vx .help p { font-weight: normal; line-height: 16px; padding: 0; margin: 0; font-size: 12px; color: #333;} .products_show .pro-share .wechat .vx .vx-img img { width: 100px; height: 100px; margin: 10px auto; display: block;} @media only screen and (max-device-width: 1760px){ .products_show .show-pro-top { height: 690px;} } @media only screen and (max-device-width: 1460px){ .products_show .pro-show-info h1{font-size:32px;} } @media only screen and (max-device-width: 1366px){ .products_show .pro-show-info h1{font-size:28px; margin-bottom: 20px; padding-bottom:15px;border-bottom: 2px solid #c5c5c5; } .pro_info_2_3_t img{ width: 100%;} } @media only screen and (max-device-width: 1300px){ .pro-big-img .gallery-left{ height: 440px; } .products_show .show-pro-top{ height: 590px;} .products_show .pro-show-info h1{font-size:26px;} .products_show .show-pro-top .section-content-show{ width: 46%; padding-left:4%; padding-top:4%; } .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:50px; } .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:50px; } } @media only screen and (max-device-width: 1220px){ .pro-big-img .gallery-left{ height: 400px; } .products_show .show-pro-top{ height: 550px;} .products_show .pro-show-info .procontact { margin: 20px 0 15px; float: none; width: 100%;} .products_show .pro-show-info h1{font-size:20px;} .products_show .pro-show-info .procontact { margin: 10px 0 10px;} .products_show .pro-show-info .procontact span { font-size: 20px; } } @media only screen and (max-device-width: 1200px){ .products_show .pro-show-info h1{font-size:22px;} .products_show .pro-share { margin: 10px 0 20px;} .products_show .pro-show-info p{ line-height: 32px; } } @media only screen and (max-device-width: 1180px){ .products_show .show-pro-top{ height: 530px;} .pro-big-img .gallery-thumbs{ height: 125px;} .products_show .pro-show-info p{ line-height: 28px; } .products_show .pro-show-info h1{font-size:20px; margin-bottom: 15px; padding-bottom:10px;border-bottom: 1px solid #c5c5c5;} } @media only screen and (max-device-width: 1030px){ .pro-big-img .gallery-left{ height:380px; } .products_show .show-pro-top{ height: 510px;} } @media only screen and (max-device-width: 992px){ .show-pro .show-pro-top .section-content{ width: 62%; } .show-pro .show-pro-top .section-content-show{ padding-left: 2%; } .products_show .pro-show-info p{ line-height: 26px; } .pro-big-img .gallery-thumbs{ height: 133px;} } @media only screen and (max-device-width: 870px){ .product_list a .pro-txt .pro-tit h3 { font-size: 17px; margin-bottom: 20px;} .product_list a .pro-txt .pro-c {line-height: 1.7em; } .show-pro .show-pro-top .section-content{ width: 100%; background: #f7f7f7;} .show-pro .show-pro-top .section-content-show{ width: 100%; padding-left:3%; padding-right: 3%; padding-bottom: 5%; background: #f7f7f7;} } @media only screen and (max-device-width: 768px){ .product_list a .pro-txt { padding: 30px 20px;} .pro-big-img { width: 100%; height: inherit;} .pro-big-img .gallery-left{width:100%; height:520px; } .pro-big-img .gallery-thumbs{width:100%;padding: 10px 25px; margin-left: 0px;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev,.pro-big-img .gallery-thumbs .swiper-button-pro-next{margin: 0 auto;} .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:30%;bottom:inherit;} .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:30%;bottom:inherit;} .pro_info_2_1_t{ font-size:18px; margin-top: 30px;} .pro_info_2_3_t{margin-top:1.2em; } .products_show .show-pro-top .section-content{ width: 100%; float:none;} .products_show .show-pro-top .section-content-show{ width: 100%; padding-left:0; padding-top:0; float: none; } .products_show .pro-show-info h1{font-size:18px; margin-top: 20px;} .products_show .pro-show-info .pro-btn a{ width:180px; line-height:50px;height: 50px; } } @media only screen and (max-device-width: 640px){ .pro-big-img .gallery-left{height:460px; } } @media only screen and (max-device-width: 560px){ .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:28%; } .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:28%; } .pro-big-img .gallery-left{height:360px; } .product_list a .pro-txt { padding: 20px 5px;} .product_list a .pro-txt .pro-c ,.product_list .index-more{ display: none;} .product_list a .pro-txt .pro-tit h3 { font-size: 14px; margin-bottom: 0px; font-weight: normal;} } @media only screen and (max-device-width: 460px){ .pro-big-img .gallery-left{ height:300px; } .pro-big-img .gallery-left .swiper-slide a{ width: 100%; margin: 0 auto; } .pro-big-img .gallery-left .swiper-slide img{width:100%; } .pro-big-img .gallery-thumbs .swiper-button-pro-prev{ top:30%; } .pro-big-img .gallery-thumbs .swiper-button-pro-next{ top:30%; } .pro-big-img .gallery-thumbs{ height: 100px;} .products_show .show-pro-top{ margin-top:30px;} } @media only screen and (max-device-width: 400px){ .pro-big-img .gallery-left{ height:260px; } } .section-content-bottom{ margin-top:0; margin-bottom: 70px; border-top: 1px solid #ffffff; } .section-content-bottom .pro_info_1_2 ul li{float:left; } .section-content-bottom .pro_info_1_2 ul li a{ font-size:24px; padding-left: 3.5em; display:block; } .section-content-bottom .pro_info_1_2{ border-bottom:1px #e5e5e5 solid; padding:30px 0; overflow:hidden} .section-content-bottom .pro_info_1_2 .title { font-size: 30px; font-weight: bold;} .section-content-bottom .pro_info_1_2 ul li a.active,.section-content-bottom .pro_info_1_2 ul li a:hover{ color: #208740;} .pro_info_2_1_t{ margin-top:55px;font-size:36px; font-weight: bold; color:#333; } .pro_info_2_1_t span{ font-size: 36px; text-transform: uppercase;} .pro_info_2_3_t{margin-top:2.3em; margin-bottom:0em; color:#333; line-height:2; font-size: 18px;} .pro_info_2_mid{overflow:hidden;} .nav-wrap { float: right;} .nav-wrap.navFix{position: fixed;top: 89px;left: 0; width:100%; box-shadow: 0 0 5px rgba(0,0,0, 0.2);border-bottom:1px solid #e3e3e3; z-index: 99999; background-color:#92959b;} .nav-wrap .container{padding-left:0; padding-right:0} .nav-wrap.navFix .container{padding-left:1em; padding-right:1em;} @media only screen and (max-device-width: 1440px){ .pro_info_2_1_t{ margin-top:35px;font-size:30px;} .section-content-bottom .pro_info_1_2 .title { font-size: 26px;} .section-content-bottom .pro_info_1_2 ul li a{ font-size:20px;} } @media only screen and (max-device-width: 1366px){ .pro_info_2_1_t{ font-size:26px;} .section-content-bottom .pro_info_1_2 .title { font-size: 24px;} } @media only screen and (max-device-width: 1280px){ .pro_info_2_1_t{ margin-top:25px;font-size:22px;} .pro_info_2_3_t{margin-top:1.5em; } .section-content-bottom .pro_info_1_2 .title { font-size: 22px;} } @media only screen and (max-device-width: 1200px){ .section-content-bottom .pro_info_1_2{padding:20px 0;} .section-content-bottom .pro_info_1_2 .title { margin-bottom: 15px;} .nav-wrap { float: left;} .section-content-bottom .pro_info_1_2 ul li a{ font-size:18px; padding-left: 0px; } .pro_info_2_1_t{ font-size:20px;} .pro_info_2_3_t{font-size: 16px; margin-top: 1em;} } @media only screen and (max-device-width: 768px){ .section-content-bottom .pro_info_1_2 ul li{ margin-right: 0px;} .section-content-bottom .pro_info_1_2 ul li a{ padding-right: 2em; } .pro_info_2_1_t{ font-size:18px;} .section-content-bottom .pro_info_1_2 .title { font-size: 20px;} .pro-show-info { padding: 10px;} .pro_info_2_3_t{ line-height: 1.7;} .pro_info_2_3_t table tr{ height: 48px;} .pro_info_2_3_t table tr td{ padding-left: 10px; font-size: 15px; } } @media only screen and (max-device-width: 460px){ .section-content-bottom .pro_info_1_2 ul li a{ font-size:1em; padding-right: 0.8em; } .section-content-bottom{ margin-top:40px; } .section-content-bottom .pro_info_1_2 .title { font-size: 18px;} .pro_info_2_1_t{ font-size:17px;} .products_show .pro-show-info .procontact span a{ font-size:17px; } .products_show .pro-show-info .procontact { margin: 10px 0 5px; padding-bottom: 10px;border-bottom: 1px solid #dcdcdc;} } .news_list li {overflow:hidden; border-bottom: 1px solid #ddd; padding:30px 0px; } .news_list li:first-child{ border-top: 1px solid #ddd;} .news_list li a{display:block;} .news_list li ._img{ width: 17%; overflow: hidden; float: left;} .news_list li ._img img{ width: 100%; } .news_list li ._intro { width:85%; float: left; margin-left: 5%; margin-right: 2%; overflow:hidden; cursor:pointer; margin-top: 15px; color:#6d6d6d;} .news_list li ._title {display:block;line-height:32px; font-size:20px; margin-bottom:10px; color:#000; font-weight:normal; white-space:nowrap;text-overflow:ellipsis;overflow:hidden;} .news_list li ._info { display: none; line-height:30px; color:#999999;margin-bottom:10px; } .news_list li ._text {line-height:26px; overflow:hidden; font-size:16px; color:#606060; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news_list li:hover ._title {color:#208740;} .news_list .list_time{ color:#208740;width:8%; float:left;text-align: right; margin-top: 15px; } .news_list .list_time_day{display:block;font-size:18px;line-height:34px; } .news_list .list_time_year{ font-size:34px; line-height:40px;} @media only screen and (max-width:1366px){ .news_list li { padding:20px 0px;} .news_list li ._title { line-height:28px; font-size:18px; margin-bottom:10px; } .news_list li ._text { font-size:15px; } .news_list li ._intro {margin-top: 0px; } .news_list .list_time{ margin-top: 0px; } } @media only screen and (max-width:1280px){ .news_list li ._intro {margin-left: 3%; margin-right: 3%;} .news_list .list_time{ width: 12%; } } @media only screen and (max-width:992px){ .news_list .list_time_year{ font-size:30px; line-height:40px;} } @media only screen and (max-width:768px){ .news_list li { padding:20px 0px;} .news_list li ._img{ width: 25%; } .news_list li ._intro { width:72%; margin-left:0; margin-right: 3%;} .news_list li ._text { height: 0px; margin-bottom: 0px; display: none; } .news_list li ._title { margin-bottom:0px; font-size:17px;} .news_list li ._info { margin-bottom:0px; display: block; } .news_list .list_time{display: none; width: 0px; } } @media only screen and (max-width:425px){ .news_list li { padding:15px 0px;} .news_list li ._title { line-height:26px; font-size:16px; margin-bottom:0px;} .news_list li ._text {text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;} .news_list li ._img{ width: 34%; } .news_list li ._intro { width:62%;} } .news_show .news_show_left { width: 71%; float: left;} .news_show .news_show_right { width: 24%; float: right;} .news_show .param-t{font-size: 30px; font-weight: bold; color: #333; padding-bottom:30px;border-bottom:1px solid #ccc; margin-bottom: 30px; } .news_show p,.news_show div { line-height: 30px;color: #666; font-size: 16px; margin-bottom: 10px;} .news_show .param-tit{font-size: 30px;padding-bottom:20px; color: #333; } .news_show .param-s{ font-size: 15px; margin-bottom: 30px; color: #666; text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;} .news_show .param-c h3{ font-size: 18px; font-weight: bold; line-height: 50px; } .news_show .param-c p{ line-height:32px; font-size: 16px; color: #666; } .news_show .param-img{ margin-bottom: 20px; } .news_show_right .list>div{border:1px solid #e5e5e5; margin-bottom:25px;} .news_show_right .list .box{padding:25px 30px;} .news_show_right .list .box .t{font-size:24px; color:#3c3c3c; line-height:24px; position:relative; margin-bottom:15px} .news_show_right .list .box .t:after{content:''; position:absolute; width:68%; height:1px; background:#e5e5e5; left:30%; top:12px;} .news_show_right .list .box .d{font-size:15px; color:#999;} .news_show_right .list .box .d i{margin-right:5px} .news_show_right .list .box .tit{font-size:16px; color:#696969; line-height:28px; height:50px; overflow:hidden; transition:all .3s ease; text-overflow: ellipsis; margin-top:15px; display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;*} .news_show_right .hot_news{ background-color: #fcfcfc;} .news_show_right .hot_news .hot_box{padding:0 20px;} .news_show_right .hot_news .infor .box{padding:25px 0 0;} .news_show_right .hot_news .infor .tit{float:left; font-size:24px;color:#444; line-height:26px;} .news_show_right .hot_news .infor .more{font-size:16px; color:#999; float:right; line-height:26px;} .news_show_right .hot_news .con .item .t{font-size:16px; color:rgba(124, 123, 123); line-height:24px; overflow:hidden; transition:all .3s ease;} .news_show_right .hot_news .con .item .d{font-size:15px; color:#727272;} .news_show_right .hot_news .con .box{padding:25px 0 0px;} .news_show_right .hot_news .con .item .t:hover{color:#208740;} .news_show_right .list .box:hover .tit{color:#208740;} @media(max-width:1366px) { .news_show .news_show_left { width: 71%; } .news_show .news_show_right { width: 27%; } .news_show img{ width: 100%;} } @media(max-width:1280px) { .news_show .news_show_left { width: 68%; } .news_show .news_show_right { width: 30%; } .news_show .param-t{font-size: 20px;padding-bottom:20px; } .news_show .param-tit{font-size: 20px; } .news_show .param-c { padding-top: 20px;} .news_show_right .list .box .t{font-size:22px; } .news_show_right .list .box .t:after{ width:66%; left:32%;} } @media(max-width:1200px) { .news_show { padding-right: 0px;} } @media(max-width:992px) { .news_show { padding-right: 0px;} .news_show .param-tit{font-size: 18px;padding-bottom: 5px; } .news_show .param-s{ margin-bottom: 20px; padding-bottom: 20px;} .news_show .param-c { padding-top: 10px;} .news_show p,.news_show div { line-height: 28px;} .news_show .news_show_left { width:100%; float: none;} .news_show .news_show_right { width: 0; float: none;} } @media(max-width:680px) { .news_show .param-t{font-size: 18px; padding-bottom:10px;} .news_show .param-c p{ font-size: 15px;line-height:26px;} .news_show .param-s{ margin-bottom: 10px; padding-bottom: 10px; } .news_show .param-c { padding-top: 0px;} } .service .pt1{ background:#f8f8f8;} .service .pt1 .pt1_l{ width:45%; float:left;} .service .pt1 .pt1_l img{ width:100%;} .service .pt1 .pt1_r{ width:55%; float:right; background-color: #f8f8f8;} .service .pt1 .pt1_r ul{ padding:40px 50px 40px 60px;} .service .pt1 .pt1_r li{ margin-bottom:20px;} .service .pt1 .pt1_r li ._layer { padding-left:25px;} .service .pt1 .pt1_r li ._layer strong{font-size:18px; line-height:42px; color:#222;} .service .pt1 .pt1_r li .p { color:#666; line-height:26px; margin-top: 5px;} .service .pt2{ background:#f9f9f9 url(../images/ser_bg.jpg) no-repeat center center; padding:70px 0; } .service .pt2 .desc{ font-size:16px; margin:0 auto 70px; text-align:center;} @media screen and (max-width: 1400px){ .service .pt1 .pt1_r ul{ padding:24px 20px 24px 35px;} } @media screen and (max-width: 1366px){ .service .pt1 .pt1_r ul{ padding:14px 20px 14px 25px;} .service .pt1 .pt1_r li{ margin-bottom:10px;} } @media screen and (max-width: 1280px){ .service .pt1 .pt1_r ul{ padding:10px 20px 10px 25px;} } @media screen and (max-width: 1200px){ .service .pt1 .pt1_r ul{ padding:10px 10px 10px 15px;} .service .pt1 .pt1_r li{ margin-bottom:3px;} } @media screen and (max-width: 1160px){ .service .pt2 img{ width:100%;} .service .pt1 .pt1_l{ width:50%; } .service .pt1 .pt1_r{ width:50%; } } @media screen and (max-width: 1024px){ .service .pt1 .pt1_l{ width:100%; display: none; float:none;} .service .pt1 .pt1_r{ width:100%; float:none;} .service .pt1 .pt1_r ul{ padding:15px 15px;} .service .pt1 .pt1_r li{ margin-bottom:10px;} .service .pt1 .pt1_r li .p { line-height:24px;} .service .pt1 .pt1_r li ._layer { padding-left:15px;} } @media screen and (max-width: 768px){ .service .pt1 .pt1_l{ width:100%; float:none; display: block; } .service .pt1 .pt1_r{ width:100%; float:none;} .service .pt1 .pt1_r ul{ padding:30px 25px;} .service .pt1 .pt1_r li{ margin-bottom:15px;} .service .pt1 .pt1_r li .p { line-height:28px;} .service .pt1 .pt1_r li ._layer strong{font-size:17px;} .service .pt2 .desc{ margin:0 auto 30px; font-size:15px; text-align:center;} .service .pt2{ background:#f9f9f9 url(../images/ser_bg.jpg) no-repeat center bottom; background-size: 100% auto; padding:30px 0; } } @media screen and (max-width: 425px){ .service .pt1 .pt1_r ul{ padding:30px 20px;} .service .pt1 .pt1_r li ._layer { padding-left:0px;} .service .pt1 .pt1_r li ._layer strong{font-size:16px;} } /*常见问题*/ .problem_list .problem-item {line-height: 36px;cursor: pointer;padding: 12px 1rem; } .problem_list .problem-item.cur .problem-h5 {background: url(../images/jian3.png) no-repeat right 32px center; } .problem_list .problem-h5 {position: relative;padding: 18px 0px 10px 40px;font-size: 18px;color: #333;font-weight: bold;background: url(../images/jian3on.png) no-repeat right 32px center; } .problem_list .problem-h5:before {content: "";display: block;width: 28px;height: 28px;top: 25px;left: 0;position: absolute;background: url(../images/wen1.jpg) no-repeat center; } .problem_list .problem-detail { padding: 0px 0px 0 40px; height:52px; overflow:hidden; line-height:26px; color: #666; } .problem_list .problem-h5 a:hover{ color: #208740;} .down_list dt { border-bottom: 1px solid #e1e2e2;font-weight:normal;height:90px;line-height:90px; } .down_list dt .con .name {width:60%; float: left; color:#555; font-size: 18px; overflow:hidden; text-align:left;} .down_list dt .con .fa{ font-size:28px;float: left; margin-right: 12px; margin-top:10px; line-height: 70px; color: #208740;} .down_list dt .con .date { float: right; color:#777;} @media (max-width:992px){ .down_list dt {height:50px;line-height:50px; margin-top:15px;} .down_list dt .name {width:90%; font-size: 16px;} .down_list dt .con .fa{ font-size:20px; margin-top:10px; line-height: 40px; } } @media (max-width:768px){ .down_list dt .con .fa{ margin-right: 5px; margin-top: 5px;} .problem_list .problem-h5 {position: relative;padding: 18px 0px 5px 40px;font-size: 16px; line-height:36px; font-weight:normal; color:#222; } .down_list dt .con .name {width:75%; font-size: 17px; } } @media(max-width:435px) { .problem_list .problem-item {line-height:26px;cursor: pointer;padding: 0px 1rem; } .down_list dt .con .date { display: none;} } /*行业应用*/ .application li{ margin-bottom:30px;} .application ul li .tit-pic{display: block;overflow: hidden;} .application ul li .tit-pic img{width:100%;-webkit-transition:.5s;-moz-transition:.5s; -ms-transition:.5s;-o-transition:.5s;transition:.5s;} .application ul li:hover .tit-pic img{-webkit-transform:scale(1.05,1.05);-moz-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05);} .application ul li .tit-font{display: block;color:#333;height:60px;line-height:60px;overflow: hidden; padding:5px; white-space: nowrap;text-overflow: ellipsis;text-align:center; font-size:24px; font-weight:600;} .application ul li:hover .tit-font{ color:#208741;} @media (max-width:768px){ .application li{ margin-bottom:0px;} .application ul li .tit-font{ height:40px;line-height:40px; font-size:16px; font-weight: normal; padding:0px;} } /*联系方式*/ .page-contact .left{width:50%; float:right; background: url(../images/contact.jpg) no-repeat;} .page-contact .left .box{padding: 70px 125px 40px 85px; border: 1px solid #ececec;} .page-contact .left .box .infor .tit1{ padding-left:30px; font-size:24px; font-weight: bold; color:#fff; line-height:46px; padding-bottom: 20px; margin-bottom:30px; border-bottom: 1px solid #68a176;} .page-contact .left .box .infor .common-line{margin:16px 0 34px;} .page-contact .left .box .infor .con{font-size:16px; color:#fff; line-height:30px; margin-bottom:28px;} .page-contact .left .box .infor .text .addr{position:relative; padding-left:30px; padding-bottom: 25px; margin-bottom:25px; border-bottom: 1px solid #68a176;} .page-contact .left .box .infor .text .addr .icon{display:inline-block; width:20px; height:18px; background:url(../images/contact_us01_2.png) no-repeat center; position:absolute; left:0; top:5px;} .page-contact .left .box .infor .text .addr span{display:inline-block; font-size:16px; color:#fff; line-height:30px;} .page-contact .left .box .infor .text .phone{position:relative; padding-left:30px; margin-bottom:25px; padding-bottom: 25px;border-bottom: 1px solid #68a176;} .page-contact .left .box .infor .text a{ color:#fff;} .page-contact .left .box .infor .text .phone .icon{display:inline-block; width:20px; height:20px; background:url(../images/contact_us01_1.png) no-repeat center; position:absolute; left:0; top:8px;} .page-contact .left .box .infor .text .phone span{display:inline-block; font-size:16px; color:#fff; line-height:30px;} .page-contact .left .box .infor .text .tel{position:relative; padding-left:30px; color:#fff; font-size:16px; margin-bottom:25px; padding-bottom: 25px; border-bottom: 1px solid #68a176;} .page-contact .left .box .infor .text .tel .icon{display:inline-block; width:20px; height:18px; background:url(../images/contact_us01_3.png) no-repeat center; position:absolute; left:0; top:5px;} .page-contact .left .box .infor .text .mail{position:relative; padding-left:30px; color:#fff; font-size:16px;margin-bottom:25px; padding-bottom: 25px; border-bottom: 1px solid #68a176;} .page-contact .left .box .infor .text .mail .icon{display:inline-block; width:20px; height:18px; background:url(../images/contact_us01_4.png) no-repeat center; position:absolute; left:0; top:5px;} .page-contact .left .box .infor .text .tel a,.page-contact .left .box .infor .text .fax a,.page-contact .left .box .infor .text .mail a{color:#fff; } .page-contact .left .box .infor .text .tel a:hover,.page-contact .left .box .infor .text .fax a:hover,.page-contact .left .box .infor .text .mail a:hover{color:#fff; } .page-contact .right{width:50%; float:left;} .page-contact .map_box{overflow:hidden; height:520px;} .page-contact .map_box img{max-width:none;} @media only screen and (max-width:1280px) { .page-contact .left .box{padding: 55px; } } @media only screen and (max-width:992px) { .page-contact .left .box{padding:55px 30px; } .page-contact .left .box .infor .tit{font-size:20px; } } @media only screen and (max-width:768px) { .page-contact .right{width:100%; float: none;} .page-contact .left{width:100%; float: none; margin-bottom: 20px;} .page-contact .left .box{padding: 30px;} .page-contact .left .box .infor .tit{font-size:20px; line-height:26px; margin-bottom:20px;} .page-contact .left .box .infor .common-line{margin:10px 0 14px;} .page-contact .left .box .infor .con{ margin-bottom:18px;} .page-contact .left .box .infor .text .addr{padding-bottom: 15px; margin-bottom:15px;} .page-contact .left .box .infor .text .phone{ margin-bottom:15px; padding-bottom: 15px;} .page-contact .left .box .infor .text .tel{margin-bottom:15px; padding-bottom: 15px; } .page-contact .left .box .infor .text .mail{ margin-bottom:15px; padding-bottom: 15px; } } .message-main .form-item {margin-bottom: 20px;} .message-main form .button {text-align: center; } .message-main form .button button {padding: 22px 70px;background-color: #208740;color: #fff;} .message-main .form-item {border-bottom: 1px solid #dcdcdc;line-height: 60px; height: 60px; } .message-main .form-item span{ width:4%; float: left;} .message-main .form-item input {width: 93%;border: 0; float: left;font-size: 16px; line-height: 58px; } .message-main .form-area{border-bottom: 1px solid #dcdcdc; height: 150px;margin-bottom: 50px;} .message-main .form-area textarea { width: 98%; float: left; height: 148px; border: 0;font-size: 16px; } .message-main .form-area span{ width:2%; float: right;} .message-main .form-bottom {margin-top: 60px;} .message-main .form-bottom span {display: inline-block;color: #999;margin-right: 30px;} .message-main .form-bottom #code {width: 285px;height: 65px;border: 1px solid #e5e5e5;background-color: #fff;margin-right: 15px; padding-left: 5px; color: #999;} .message-main button{ border: 0px;} .d-inline {display: inline-block;} @media(max-width:992px) { .message-main .form-area textarea { width: 93%; float: left; height: 148px; border: 0;font-size: 16px; } .message-main .form-area span{ width:4%; float: left;} .message-main .form-main {padding-top: 0px;} } @media(max-width:768px) { .message-main .form-bottom #code {width: 185px; height: 55px; } .message-main form .button button {padding: 25px 30px; margin-top: 10px;} } @media(max-width:528px) { .message-main .form-bottom span { display: none;} .message-main form .fr{ float: left;} .message-main form .button button {padding: 15px 40px; } } .message-main .red{ color: #ff0000; font-size: 20px;} .policy strong { font-weight: bold; margin-bottom: 20px;} .policy{ line-height: 32px;} .news_show .param-tit{ text-align:center;} #maximg img{ max-width:100% !important; height:auto !important} .pagebar { padding:20px; overflow:hidden; clear:both} .pagebar .pagination { display: flex; justify-content: center; margin-top: 10px; } .pagination a { background: #fff; border: 1px solid #ccc; color: #333; font-size: 12px; padding: 8px 10px; margin: 0 2px; border-radius: 3px; line-height:100% } .pagination span { color: #333; font-size: 12px; padding: 7px 2px; margin: 0 2px; border-radius: 3px; } .pagination a:hover { color: #333; border: 1px solid #333; } .pagination a.page-num-current { color: #fff; background: #333; border: 1px solid #333; } .pagination .st{ font-family:宋体} .text-secondary{ text-align:center; padding:20px 0}