/*
Theme Name:LeHuo
*/
article, aside, details, figcaption, figure, footer, header, main, nav, section {display:block;}
div,html,body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, hr, button, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main {margin:0; padding:0;}
body {background-color:#fff; font:16px/1.75em Arial,'Microsoft Yahei',tahoma; overflow-x:hidden; padding-top:125px;}
a {text-decoration:none; outline:none; -webkit-tap-highlight-color:transparent; color:#333;}
a:hover {color:#da261d;}
input,textarea {-webkit-appearance:none; border:0;font-family: Arial,'Microsoft Yahei',tahoma;}
input:focus {outline:none;}
li {list-style:none;}
.clear {clear:both;}
a img {border:none;}
table {background-color: transparent; border-spacing: 0; border-collapse: collapse; font-size:0.75em; width:100%;border-top:solid 1px #ddd;border-left:solid 1px #ddd; box-sizing: border-box;}
table th{background-color:#f9f9f9;text-align:center; box-sizing: border-box;}
table td,table th{padding:5px 10px;border:1px solid #ddd; box-sizing: border-box;}
/*gold*/
.inner {width:1200px; margin:0 auto;}
.blank {width:100%; padding-bottom:2%}
.home_title {overflow:hidden; position:relative; line-height:40px; border-bottom:1px solid #eee;}
.home_title h3 {font-size:24px; float:left; line-height:1.2em; font-weight:300; color:#333;}
.home_title h4 {font-weight:normal; float:left; margin-left:20px; font-size:18px; line-height:2em; color:#888;}
.home_title .more {float:right; font-size:13px;}
.home_title .more a {color:#999;}
.home_title .more i,.home_news .first .more i {font-style:normal; font-family:'Simsun'; margin-left:5px;}

.main_title { text-align:center; position:relative;}
.main_title h3 {font-size:24px; font-weight:300; line-height:1.5em; color:#666;}
.main_title h3:before,.main_title h3:after,.main_title h4:before,.main_title h4:after {content:''; display:block; position:absolute; left:0; width:42%; height:2px; background-color:#024890; top:50%; margin-top:-1px;}
.main_title h3:after {left:auto; right:0;}
.main_title h4 {font-size:18px; color:#888; font-weight:lighter;}
.main_title h4:before {width:40%; background-color:#eee;}
.main_title h4:after {width:40%; background-color:#eee; left:auto; right:0;}

.entry {font-size:16px; line-height: 1.875em; color:#333; overflow: hidden;}
.entry img {max-width:100%; height:auto!important;}
.entry p, 
.entry h1,
.entry h2,
.entry h3,
.entry h4,
.entry h5,
.entry h6 {margin-bottom: 2.5%;}
.entry blockquote {background-color:#f9f9f9; border:1px solid #e4e4e4; padding:2.5% 2.5% 0; overflow:hidden; margin:0 2em 2.5%;}
.entry ul,
.entry ol {padding-left:1em; margin-left:2em; margin-bottom:2.5%;}

.entry ul li {list-style:outside disc none;}
.entry ol li {list-style:outside decimal none;}

.entry li {margin-bottom: 0;}

.entry hr {overflow:hidden; clear:both; border:none; border-bottom:1px solid #e4e4e4; margin-bottom:2.5%;}
.entry a {color:#E04D47;}
.entry a:hover {text-decoration:underline;}

.owl-carousel {display: none; width: 100%; -webkit-tap-highlight-color: transparent; position: relative; z-index: 1;}
.owl-carousel img {width:100%; height:auto; display:block;}
.owl-carousel .owl-stage {position: relative; -ms-touch-action: pan-Y;
 -moz-backface-visibility: hidden;}
.owl-carousel .owl-stage:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
.owl-carousel .owl-stage-outer {position: relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.owl-carousel .owl-wrapper,.owl-carousel .owl-item {-webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); }
.owl-carousel .owl-item {position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden; -webkit-tap-highlight-color: transparent; -webkit-touch-callout: none; }
.owl-carousel .owl-nav.disabled,.owl-carousel .owl-dots.disabled { display: none;}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next {cursor: pointer; cursor: hand; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-indent:-9999em; width:5%; height:100%; position:absolute; top:0; margin:0; padding:0;}
.owl-carousel .owl-nav .owl-prev {background:url(../images/carousel-arrow-left.png) no-repeat left center / 70% auto; left:-5%;}
.owl-carousel .owl-nav .owl-next {background:url(../images/carousel-arrow-right.png) no-repeat right center / 70% auto; right:-5%;}
.owl-carousel.owl-loaded {display: block; }
.owl-carousel.owl-loading {opacity: 0; display: block; }
.owl-carousel.owl-hidden {opacity: 0; }
.owl-carousel.owl-refresh .owl-item { visibility: hidden; }
.owl-carousel.owl-drag .owl-item {-webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; opacity:0.2;}
.owl-carousel.owl-drag .owl-item.active {opacity:1;}
.owl-carousel.owl-grab { cursor: move; cursor: grab;}
.owl-carousel.owl-rtl {direction: rtl; }
.owl-carousel.owl-rtl .owl-item {float: right; }
.no-js .owl-carousel {display: block; }
.owl-carousel .animated {animation-duration: 1000ms; animation-fill-mode: both; }
.owl-carousel .owl-animated-in { z-index: 0; }
.owl-carousel .owl-animated-out { z-index: 1; }
.owl-carousel .fadeOut { animation-name: fadeOut; }
@keyframes fadeOut {
  0% {
    opacity: 1; }
  100% {
    opacity: 0; } 
}
.owl-height {transition: height 500ms ease-in-out; }
.owl-carousel .owl-item .owl-lazy {opacity: 0;  transition: opacity 400ms ease; }
.owl-carousel .owl-item img.owl-lazy {transform-style: preserve-3d; } 
.owl-nav { text-align: center; -webkit-tap-highlight-color: transparent; }
.owl-nav [class*='owl-'] { color: #FFF; font-size: 14px; margin: 5px; padding: 4px 7px; background: #D6D6D6; display: inline-block; cursor: pointer; border-radius: 3px; }
.owl-nav .disabled { opacity: 0.5; cursor: default; }
.owl-nav.disabled + .owl-dots { margin-top: 10px; }
.owl-dots {text-align: center;-webkit-tap-highlight-color: transparent; position:absolute; bottom:0px; width:100%; left:0;}
.owl-dots .owl-dot { display: inline-block; cursor:pointer;}
.owl-dots .owl-dot span {width: 10px; height: 10px; margin: 5px 7px;  background: #D6D6D6;  display: block;  -webkit-backface-visibility: visible;  transition: opacity 200ms ease;  border-radius: 30px; }
.owl-dots .owl-dot.active span,.owl-dots .owl-dot:hover span {background-color: #024890; }

/*header*/
.header {width:100%; position:fixed; top:0; left:0; z-index:999; background-color:#fff; border-bottom:2px solid #ddd; box-shadow:0 2px 2px #eee;}
.header .inner {position:relative;}

/*k2 fr 咨询热线 - 绝对定位右上角*/
.k2.fr {position:absolute; right:0; top:10px; z-index:10; color:#1F6EB1; font-size:26px; font-weight:600; line-height:30px; letter-spacing:1px;}
.k2.fr i {margin-right:8px; font-size:22px;}
/*logo*/
.logo {float:left; padding:20px 0 0 0;}
.logo a {display:block;}
.logo a img{ height:80px}

/*nav*/
.nav {float:right; margin-top:60px; padding-right:30px;}
.nav li {float:left; font-size:18px; padding:0 15px 32px; position:relative;}
.nav li a {color:#333; display:block; transition:all 0.3s ease 0s;}
.nav li a:hover, .nav li.cur > a {color:#024890;}
.nav li ul {position:absolute; left:50%; top:59px; z-index:9; width:150px; margin-left:-75px; padding-top:3px; display:none;}
.nav li ul.open {display:block;}
.nav li li {float:none; text-align:center; padding:3px 0 7px; background-color:#fff; background:rgba(255,255,255,.8);}
.nav li li a {padding:5px 0;}

.nav_btn {position:absolute; right:40px; top:60px; height:21px; width:25px; cursor:pointer; display:none;}
.nav_btn span,.nav_btn span:before,.nav_btn span:after {display:block; height:3px; width:100%; position:absolute; top:50%; margin-top:-1.5px; background-color:#666;}
.nav_btn span:before {content:''; top:-6px; transition:transform 0.3s ease 0s;}
.nav_btn span:after {content:''; top:auto; bottom:-7px; transition:transform 0.3s ease 0s;}
.nav_btn.open span {height:0;}
.nav_btn.open span:before {transform:rotate(45deg); top:1px;}
.nav_btn.open span:after {transform:rotate(-45deg); bottom:-3px;}

/*search_form*/
.search_form {float:right; position:absolute; right:0; top:60px;}
.search_btn {font-size:18px; cursor:pointer; color:#666;}

.search_main {background-color:rgba(255,255,255,.8); position:absolute; top:62px; right:0; z-index:9; width:310px; padding:7px 10px; display:none;}
.search_main .text {font-family:'Microsoft Yahei'; width:280px; float:left; height:30px; line-height:30px; font-family:0.875em; background:rgba(255,255,255,.9); text-indent:5px; color:#555;}
.search_main button {display:block; float:left; width:30px; height:30px; border:none; background:none; cursor:pointer; color:#333; font-size:18px;}

/*slides*/
.slides {overflow:hidden; width:100%;}

/*banner*/
/*slides button*/
.slides_item {position:relative;}
.slide_btn_wrap {position:absolute; left:50%; top:88%; transform:translate(-50%,-50%); z-index:2;}
.slide_btn {
        display: inline-block;
    padding: 16px 52px;
    background-color: #011635;
    color: #fff;
    font-size: 26px;
    border-radius: 50px;
    text-decoration: none;}


/*banner button*/
.banner {position:relative; overflow:hidden;}
.banner_btn {position:absolute; left:5%; bottom:15%; display:inline-block; padding:14px 50px; background-color:#011635; color:#fff; font-size:18px; border-radius:50px; text-decoration:none; z-index:2;}




/*product_tab_showcase 产品展示tab区*/
.product_tab_showcase {padding:80px 0; background-color:#f5f7fa;}
.product_tab_showcase .ptab_header {margin-bottom:40px;}
.product_tab_showcase .ptab_header h2 {font-size:32px; font-weight:700; color:#001F58; line-height:1.3em; margin-bottom:10px;}
.product_tab_showcase .ptab_layout {display:flex; gap:0;}
/* 左侧分类tab */
.ptab_categories {width:220px; flex-shrink:0; padding-right:20px;}
.ptab_categories li {width:100%; margin-bottom:8px;}
.ptab_categories li a {display:block; padding:10px 14px; font-size:18px; color:#3C4146; font-weight:600; border-radius:6px; border:1px solid transparent; transition:all 0.2s ease; text-decoration:none;}
.ptab_categories li a:hover {background:#f9f9f9; border-color:#d6d9dc;}
.ptab_categories li a.active {background-color:#f2f6ff; border-color:transparent;}
.ptab_categories li a.active strong {color:#1F6EB1;}
.ptab_categories li a strong {font-weight:600; color:#3C4146; transition:color 0.2s;}
.ptab_categories li a span {font-size:14px; color:#6A737C; margin-left:6px; font-weight:400;}
/* 右侧产品卡片轮播 */
.ptab_content {flex:1; position:relative;}
.ptab_slider {position:relative; min-height:200px;}
.ptab_slider .ptab_pane {display:none;}
.ptab_slider .ptab_pane.active {display:block;}
.ptab_slider .ptab_cards {overflow:hidden; position:relative;}
.ptab_slider .ptab_track {display:flex; transition:transform 0.4s ease; gap:15px;}
.ptab_slider .ptab_card {flex-shrink:0; width:calc(50% - 8px); background:#fff; border-radius:8px; box-shadow:0 1.68px 3.59px 0 rgba(51,77,114,0.15),0 0.5px 1px 0 rgba(51,77,114,0.1); overflow:hidden; transition:box-shadow 0.3s ease, transform 0.3s ease;}
.ptab_slider .ptab_card:hover {box-shadow:0 5px 15px 0 rgba(51,77,114,0.15); transform:translateY(-2px);}
.ptab_slider .ptab_card .card_img {display:block; width:100%; overflow:hidden; border-radius:8px 8px 0 0;}
.ptab_slider .ptab_card .card_img img {display:block; width:100%; height:auto; transition:transform 0.4s ease; aspect-ratio:4/3; object-fit:cover;}
.ptab_slider .ptab_card:hover .card_img img {transform:scale(1.04);}
.ptab_slider .ptab_card .card_body {padding:15px 16px;}
.ptab_slider .ptab_card .card_body h5 {font-size:18px; font-weight:600; color:#024890; line-height:1.4em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color 0.3s;}
.ptab_slider .ptab_card:hover .card_body h5 {color:#1F6EB1;}
/* 轮播箭头 */
.ptab_slider .ptab_arrow {position:absolute; top:-45px; width:35px; height:35px; background:#bbc0c4; color:#fff; border:none; border-radius:50%; cursor:pointer; font-size:18px; display:flex; align-items:center; justify-content:center; transition:background 0.2s; z-index:2;}
.ptab_slider .ptab_arrow:hover {background:#535A60;}
.ptab_slider .ptab_arrow.prev {right:55px;}
.ptab_slider .ptab_arrow.next {right:10px;}

/*products_center*/
.products_center {background:url(../images/product_bg.jpg) no-repeat center center; background-attachment:fixed; background-size:cover; padding:3.5% 0; overflow:hidden;}
.products_center .main_title h3 {color:#000;}
.products_center .main_title h4 {color:#333;}
.products_center ul,.related_pro ul {overflow:hidden; width:102%; padding-bottom:4px;}
.products_center ul li,.related_pro ul li {float:left; width:23%; margin-right:2%; margin-top:2%;}
.products_center ul li .li_wrap {padding:3%; background-color:#fff; border:1px solid #eee; border-radius:10px 5px 10px 5px;}
.products_center ul li .thumbnail {margin-bottom:10px; position:relative; padding-bottom:75%; overflow:hidden;}
.products_center ul li .thumbnail img,.related_pro ul li .thumbnail {display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition:all 0.3s ease 0s; object-fit:cover;}
.products_center ul li img {border-radius:10px 5px 10px 5px;}
.products_center ul li .thumbnail:before {content:''; display:block; position:absolute;  height:100%; top:0; left:-35%; width:35%; background:rgba(255,255,255,.3); z-index:2; transition:all 0.4s ease-out 0s;}
.products_center ul li a:hover .thumbnail:before {left:135%;}
.products_center ul li h5 {font-weight:normal; font-size:16px; text-align:center; color:#000; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*home_news*/
.home_news {padding:3.5% 0; background:#fff;}
.home_news .innews_layout {overflow:hidden;}
.home_news .innews_right {width:47%; float:left;}
.home_news .innews_right a {display:block; overflow:hidden; transition:0.5s; text-decoration:none;}
.home_news .innews_right_img {width:100%; height:auto; overflow:hidden; border-radius:4px;}
.home_news .innews_right_img img {width:100%; height:auto; display:block; transition:transform 0.5s;}
.home_news .innews_right_text {font-size:18px; font-weight:bold; color:#222; margin-top:10px; line-height:1.5em; transition:color 0.3s;}
.home_news .innews_right_p {font-size:14px; color:#222; line-height:1.6em; margin-top:8px;}
.home_news .innews_right_btn {display:inline-block; font-size:14px; color:#fff; background:#024890; padding:0 20px; height:40px; line-height:40px; text-align:center; margin-top:12px; transition:width 0.5s;}
.home_news .innews_right a:hover .innews_right_img img {transform:scale(1.1);}
.home_news .innews_right a:hover .innews_right_text {color:#024890;}
.home_news .innews_left {width:50%; float:right;}
.home_news .innews_left ul {list-style:none; margin:0; padding:0;}
.home_news .innews_left li {margin-bottom:15px; overflow:hidden;}
.home_news .innews_left li a {display:flex; align-items:flex-start; text-decoration:none; gap:15px;}
.home_news .news_left_img {width:110px; height:90px; flex-shrink:0; overflow:hidden; border-radius:4px;}
.home_news .news_left_img img {width:110px; height:90px; object-fit:cover; transition:transform 0.5s;}
.home_news .news_left_con {flex:1; overflow:hidden;}
.home_news .news_left_con h5 {font-size:16px; font-weight:bold; color:#222; margin:0 0 6px 0; line-height:1.4em; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; transition:color 0.3s;}
.home_news .news_left_con .date {font-size:12px; color:#999; display:block; margin-bottom:5px;}
.home_news .news_left_con .date i {margin-right:4px;}
.home_news .news_left_con p {font-size:14px; color:#666; line-height:1.6em; margin:0; height:44px; overflow:hidden;}
.home_news .innews_left li a:hover .news_left_img img {transform:scale(1.1);}
.home_news .innews_left li a:hover .news_left_con h5 {color:#024890;}

/*home_about*/
.home_about {padding:3.5% 0; background-color:#f9f9f9;}
.home_about .inner {position:relative;}
.home_about .about_title {background:rgba(220,37,29,0.7); color:#fff; position:absolute; left:0; top:0; padding:10px 20px;}
.home_about .about_title h3 {font-weight:normal; font-size:22px; margin-bottom:5px;}
.home_about .about_title h4 {font-weight:normal; font-size:18px;}
.home_about .about_wrap {display:table; width:100%;}
.home_about .about_wrap .left {display:table-cell; width:35%; padding-left:20px; padding-top:20px;}
.home_about .about_wrap .thumbnail img {display:block; width:100%; height:auto;}
.home_about .about_wrap .right {display:table-cell; width:55%; vertical-align:middle; padding:5px 5%;}
.home_about .about_wrap .right p {line-height:1.75em; padding:10px 0; color:#393939;}
.home_about .about_wrap .right .more a {color:#024890; font-size:18px;}
.home_about .about_wrap .right .more i {font-style:normal; font-family:'Simsun';}

/*home_message*/
.home_message {padding:3.5% 0; margin-bottom:2%;}
.home_message .warning {display:none;}

/*home_partners_section 合作会员 - 参考s559四大优势*/
.home_partners_section {background:rgba(0,0,0,0.9); position:relative; z-index:1; padding:100px 0;}
.home_partners_section::after {content:""; position:absolute; width:100%; height:100%; left:0; top:0; background:#fff; z-index:2;}
.partners_content {position:relative; z-index:3;}
.partners_title h2, .partners_title h4 {color:#fff; text-align:center;}
.partners_title h2 {font-size:32px; font-weight:700; margin-bottom:8px; line-height:1.3em; color:#024890;}
.partners_title h4 {font-size:14px; font-weight:300; color:#024890; margin:0; line-height:1.6em;}
.partners_row {display:flex; justify-content:space-between; margin-top:48px; border:1px solid rgba(51,51,51,0.5); border-right:none; border-bottom:none;}
.partner_cell {
    width:25%; height:400px; border-right:1px solid rgba(51,51,51,0.5); border-bottom:1px solid rgba(51,51,51,0.5); display:flex; flex-direction:column; justify-content:center; padding:0 30px; align-items:center; text-align:center; color:#fff; box-sizing:border-box;
    
}
.partner_cell:last-child {border-right:none;}
.partner_img {margin-bottom:36px;}
.partner_img img {display:block; max-width:100%; height:auto;}
.partner_det h3 {font-size:20px; font-weight:600; color:#024890; margin-bottom:12px; line-height:1.4em;}
.partner_det span {font-size:14px; color:#024890; line-height:1.8em;}
.partners_more {text-align:center; margin-top:40px;}
.partners_more a {
    display: inline-block;
    padding: 12px 50px;
    background: #024890;
    color: #fff;
    font-size: 24px;
    text-decoration: none;
    border-radius: 2px;
    transition: background 0.3s;}
.partners_more a:hover {background:#0366b8;}
@media only screen and (max-width:960px) {
  .partners_row {flex-wrap:wrap;}
  .partner_cell {width:50%; height:auto; min-height:280px;}
}
@media only screen and (max-width:480px) {
  .partner_cell {width:100%; min-height:200px;}
  .partners_title h2 {font-size:24px;}
}

/*home_contact*/
.home_contact {padding:3.5% 0; background-color:#fafafa;}
.home_contact .inner {overflow:hidden; display:flex; align-items:stretch; justify-content:space-between;}
.home_contact .left {width:55%; min-height:450px; float:none; display:flex;}
.home_contact .left img {display:block; width:100%; height:auto;}
.home_contact .left #baidu_map {border:1px solid #ddd; border-radius:4px; flex:1; height:auto !important;}
.home_contact .right {float:none; width:42%; display:flex; flex-direction:column; justify-content:flex-start;}
.home_contact .right ul li {font-size:18px; padding:20px 0; border-bottom:1px solid #ddd; color:#393939;}
.home_contact .right ul li i {margin-right:5px;}
.home_contact .right h3 {margin-top:5px; font-size:24px; font-weight:300; line-height:1.5em; margin-bottom:2.5%;}
.home_contact .right h3:after {content:''; display:block; width:2em; height:3px; background-color:#024890; margin-top:2.5%; border-right:10px solid #eee;}
/*企业微信二维码*/
.qrcode_wrap {margin-top:15px; text-align:left;}
.qrcode_wrap img {max-width:180px; height:auto; border:1px solid #eee; border-radius:4px;}
.qrcode_wrap p {font-size:13px; color:#888; margin-top:5px;}

/*合作伙伴*/
.home_partners {padding:3.5% 0;}
.home_partners hgroup {margin-bottom:1%;}
.home_partners h3 {font-weight:300; font-size:24px; margin-bottom:1.5%; line-height:1.5em; text-align:center; background:url(../images/icon_line.png) no-repeat bottom center; padding-bottom:30px;}
.home_partners p {text-align:center; }
.home_partners ul {overflow:hidden; width:102.5%;}
.home_partners ul li {float:left; width:14.6%; padding:2% 2% 0 0;}
.home_partners ul li span {display:block; position:relative; border:1px solid #888;}
.home_partners ul li img {display:block; width:100%; height:auto;}

/*footer*/
.footer {background-color:#000; padding:2.5% 0;}

/*友情链接*/
.links {background-color:#101010; overflow:hidden; padding:3px 5px; margin-top:2%;}
.links ul {text-align:center;}
.links li {font-size:14px; display:inline-block; padding:3px 10px; color:#555;}
.links a {color:#555; transition:color 0.3s ease 0s;}
.links a:hover {color:#aca8a7;}
.links li i {font-style:normal; font-family:'Simsun';}

.pages_list {padding:6px 0;}
.pages_list ul {text-align:center;}
.pages_list ul li {display:inline-block; color:#888; font-size:14px; padding:0 15px;}
.pages_list ul li a {color:#888;}


.copyright {color:#888; font-size:14px; text-align:center; padding:6px 0;}
.copyright a {color:#888; display: inline-block;}
.copyright img {display: inline-block; vertical-align: middle; margin-top: -4px; width: auto; height: 20px;}
/*container*/
.container {overflow:hidden; margin-bottom:5%;}

/*sidebar*/
.sidebar {width:25%; float:left;}

.side_menu {margin-bottom:8%;}
.side_menu h3 {background-color:#024890; color:#fff; font-weight:normal; font-size:18px; height:45px; line-height:45px; padding:0 5%; margin-bottom:5px; position:relative;}
.side_menu ul {border:1px solid #eee; border-top:5px solid #eee;}
.side_menu ul li {font-size:16px; height:45px; line-height:45px; border-top:1px solid #eee;}
.side_menu ul li a {color:#333; display:block; padding:0 5%;}
.side_menu ul li i {font-family:'Simsun'; font-style:normal; float:right;}
.side_menu ul li a:hover,.side_menu ul li.cur a {color:#da261d;}
.side_menu ul li ul {display:none;}

.widget {margin-bottom:8%;}
.widget h3 {font-weight:normal; font-size:18px; line-height:1.5em; padding:5px 0;}
.widget img {display:block; width:100%; height:auto;}
.textwidget {border:1px solid #eee; border-top:none; padding:5%;}
.textwidget p {padding:3px 0;}

#divTags ul {overflow:hidden;}
#divTags ul li {float:left; padding:3px 10px 3px 0; font-size:14px;}
#divTags ul li a {display:block; border:1px dotted #ddd; color:#333; padding:0 10px;}
#divTags ul li .tag-count {display:none;}
/*main*/
.main {width:71%; float:right;}
.main_top {border-bottom:1px solid #eee; overflow:hidden; line-height:1.1em; padding-bottom:15px; margin-bottom:3%;}
.main_top .page_title {font-size:16px; float:left; border-left:3px solid #024890; color:#024890; padding-left:10px; font-weight:bold;}

.breadcrumb {float:left; color:#888; font-size:12px; margin-top:10px; clear:both;}
.breadcrumb a {color:#888;}

/*news_top*/
.news_top {overflow:hidden; margin-bottom:3%;}
.news_top .news_item {overflow:hidden;}
.news_top .thumbnail {float:left; width:35%; position:relative; margin-right:4%; display:inline-block; overflow:hidden;}
.news_top .thumbnail img {display:block; width:100%; height:auto;}
.news_top h2 {font-weight:normal; font-size:22px; margin-bottom:3%; line-height:1.3em;  white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news_top h2 a {color:#333;}
.news_top .intro {font-size:16px; color:#555; margin-bottom:3%; height:3.5em; overflow:hidden;}
.news_top .readmore a {color:#024890;}
.news_top .readmore i,.blog_item .readmore i,.related_news li i {font-family:'Simsun'; font-style:normal;}
.news_top .owl-dots {left:auto; right:0; width:auto;}

/*news_list - aboutnews style*/
.aboutnews {overflow:hidden;}
.aboutnews ul {list-style:none; margin:0; padding:0;}
.aboutnews ul li {margin-bottom:20px; overflow:hidden;}
.aboutnews ul li a {display:block; overflow:hidden; background:#f1f1f1; padding:15px; text-decoration:none; transition:all 0.5s;}
.aboutnews_img {width:300px; float:left; overflow:hidden; flex-shrink:0;}
.aboutnews_img img {width:300px; height:auto; transition:transform 0.5s; display:block;}
.aboutnews_img span {overflow:hidden; display:block;}
.aboutnews_text {margin-left:320px; overflow:hidden;}
.aboutnews_text h5 {font-size:16px; font-weight:bold; color:#222; line-height:1.5em; margin:0; transition:color 0.3s;}
.aboutnews_line {width:60px; height:2px; background:#024890; margin:5px 0; transition:width 0.5s;}
.aboutnews_text .date {font-size:12px; color:#999; display:block; margin-bottom:5px;}
.aboutnews_intro {font-size:14px; color:#333; line-height:1.8em; margin:0; height:80px; overflow:hidden;}
.aboutnews ul li a:hover {box-shadow:0 2px 10px rgba(0,0,0,0.1);}
.aboutnews ul li a:hover .aboutnews_img img {transform:scale(1.1);}
.aboutnews ul li a:hover .aboutnews_line {width:100%;}
.aboutnews ul li a:hover .aboutnews_text h5 {color:#024890;}

/*pagenavi*/
.pagenavi {text-align:center;}
.pagenavi a,.pagenavi span.now-page {display:inline-block; border:1px solid #eee; padding:8px 15px; color:#333; margin:2px; transition:all 0.3s ease 0s;}
.pagenavi a:hover,.pagenavi span.now-page {background-color:#da261d; color:#fff; border-color:#da261d;}


/*products_list*/
.products_list {overflow:hidden;}
.products_list ul {overflow:hidden; width:103%; margin-bottom:5%;}
.products_list ul li {float:left; width:31%; padding-right:2%; padding-bottom:2%;}
.products_list ul li .thumbnail {position:relative; padding-bottom:75%; overflow:hidden; margin-bottom:10px;}
.products_list ul li img {display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition:transform 0.3s ease 0s;}
.products_list ul li img:hover {transform:scale(1.2,1.2);}
.products_list ul li h2 {font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; font-size:16px; line-height:1.75em;}
.products_list ul li a {color:#333;}
.products_list ul li a:hover {color:#da261d;}

/*blog_item*/
.blog_list {margin-bottom:5%; overflow:hidden;}
.blog_item {margin-bottom:3%; overflow:hidden; border-bottom:1px dotted #eee; padding-bottom:3%;}
.blog_item .thumbnail {float:left; width:220px; display:inline-block; margin-right:3%; position:relative; overflow:hidden; height:165px;}
.blog_item .thumbnail img,.page_nav ul li .thumbnail img {display:block; width:100%; height:100%; position:absolute; left:0; top:0; transition:transform 0.3s ease 0s;}
.blog_item h2 {font-weight:normal; font-size:18px; position:relative; margin-bottom:3%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.blog_item h2 a {color:#333;}
.blog_item h2 a:hover {color:#da261d;}
.blog_item .excerpt {overflow:hidden; color:#666; font-size:16px; height:3.5em;}
.blog_item .readmore {overflow:hidden; margin-top:3%;}
.blog_item .readmore a {color:#024890;}
.blog_item .readmore a:hover {text-decoration:underline;}

/*page_nav*/
.page_nav {margin-bottom:4%;}
.page_nav ul {overflow:hidden;}
.page_nav ul li {float:left; width:20%;}
.page_nav ul li .li_wrap {border:2px solid #fff; position:relative;}
.page_nav ul li.cur .li_wrap {border:2px solid #da261d;}
.page_nav ul li .thumbnail {position:relative; padding-bottom:70%;}
.page_nav ul li .li_wrap span {position:absolute; left:0; top:0; display:block; width:100%; height:100%; background:rgba(0,0,0,.6);}
.page_nav ul li .li_wrap span i {font-style:normal; position:absolute; left:0; top:50%; width:100%; text-align:center; display:block; transform:translateY(-50%); color:#ccc;}
.page_nav ul li.cur .li_wrap span {background:none;}
.page_nav ul li.cur .li_wrap span i {color:#fff;}
/*history_page*/
.history_page,.about_page {position:relative; margin-bottom:5%;}
.history_line {position:absolute; left:150px; top:0; height:100%; width:2px; background-color:#777;}
.history_line:after {content:''; display:block; width:12px; height:12px; border-left:2px solid #777; border-bottom:2px solid #777; transform:rotate(-45deg); position:absolute; bottom:1px; left:50%; margin-left:-7px;}
.history_item {position:relative; padding:30px 0 30px 188px;}
.history_item:after {content:''; display:block; width:8px; height:8px; border:2px solid #da261d; background-color:#fff; border-radius:50%; position:absolute; left:145.5px; top:50%; margin-top:-6px;}
.history_item time {position:absolute; left:0; top:50%; transform:translateY(-50%); color:#888; font-family:Arial; display:block; width:120px; text-align:center;}
.history_item .intro {border:1px solid #ddd; padding:20px; border-radius:5px; position:relative; color:#666;}
.history_item .intro .arrow {background-color:#fff; border-left:1px solid #ddd; border-top:1px solid #ddd; transform:rotate(-45deg); display:block; width:8px; height:8px; position:absolute; top:50%; left:-5px; margin-top:-6.22px;}
.history_item .intro ul li {list-style: inside disc none; padding: 5px 0;}
.history_item .intro ul li p {display:inline-block;}

/*about_page*/
.about_page .about_title {font-weight:normal; font-size:24px; line-height:1.5em; margin-bottom:2%;}
.about_page .about_title:after {content:''; display:block; width:45px; height:2px; background:rgba(220,37,29,0.7); margin-top:2%; border-right:4px solid #eee;}

/*post*/
.post h1.post_title {text-align:center; line-height:1.5em; font-weight:normal; margin-bottom:3%; font-size:24px;}
.post .postmeta {font-size:14px; color:#999; margin-bottom:5%; text-align:center; border-bottom:1px solid #eee; padding-bottom:2%;}
.post .postmeta a {color:#999;}
.post .postmeta span {padding:0 10px;}
.post .entry {margin-bottom:3%;}

.tags {margin-bottom:2%; font-size:12px;}
.tags a {color:#024890; margin-left:1%;}

.post_navi {border-top:1px solid #eee; overflow:hidden; padding-top:2%; clear:both; color:#555; margin-bottom:3%;}
.post_navi i {font-style:normal; font-family:'Simsun'; margin-right:10px;}
.post_navi .left,.post_navi .right {float:left; width:46%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.post_navi .right {float:right; text-align:right;}
.post_navi .right i {float:right; margin-left:10px; margin-right:0;}
.post_navi a {color:#555;}

/*related_news*/
.related_news {margin-bottom:3%;}
.related_news h3,#commentlist h3,.related_pro h3 {font-weight:normal; margin-bottom:2%; font-size:16px; color:#024890;}
.related_news p {text-align:center; padding:10px 0; color:#999;}
.related_news li {padding:0.5% 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.related_news li i {margin-right:10px;}

/*commentlist*/
#commentlist li {clear:both; border-top:1px solid #eee; padding:1em 0; font-size: 16px; line-height: 1.875em;}
#commentlist li li {margin-left:60px; margin-top:1em;}

#commentlist .avatar {float:left;}
#commentlist .avatar img {display:block; width:50px; height:50px; border-radius:50%;}
#commentlist .info {overflow:hidden; position:relaltive; margin-left:60px;}
#commentlist .meta {display: flex; justify-content: space-between; flex-wrap:wrap;}
#commentlist .reply {font-size: 0.875em;}
#commentlist .reply a {color:#888;}
#commentlist .date {font-size:0.75em; color:#aaa;}
#commentlist .text {color:#333;}

/*commentform*/
.commentform {margin-top:3%; padding-top:3%; border-top:1px solid #eee;}
.commentform .item {overflow:hidden; padding:5px 0;}
.commentform label {height:36px; line-height:36px; display:block; float:left;}
.commentform .input {margin-left: 65px; overflow: hidden;border:1px solid #ddd; border-radius:3px; position: relative;}
.commentform .text { height:24px; line-height:24px; padding:5px 2.5%; width:95%; display: block; border:none; font-size: 16px;}
.commentform textarea.text {height:150px; resize: vertical;}
.commentform .input img {display: block; position: absolute; right: 2px; top:50%; transform: translateY(-50%); width: auto; height: auto;}
.commentform .verify .input {padding-right: 100px;}
.commentform .submit,.commentform #cancel-reply {display:block; float:right; background-color:#024890; color:#fff; width:7.33em; height:2.22em; text-align:center; font-size:18px; cursor:pointer; margin-left: 5px;}

.commentform #cancel-reply {background-color:#da261d; line-height:2.22em;}
.commentform .warning {margin-bottom: 5px; font-size: 13px;  color:#888; border:none;}

/*product_page*/
.product_page {overflow:hidden;}
.product_page .product_pic {float:left; width:40%;}
.product_page .entry {clear:both;}
.product_page .section_title {font-size:18px; font-weight:normal; margin-bottom:3%; border-bottom:2px solid #eee; padding-bottom:10px; text-align:center;}
.product_page .section_title span {border-bottom:2px solid #da261d; padding-bottom:13px; position:relative; z-index:2;}

.product_top {overflow:hidden; margin-bottom:3.5%;}
.product_cur {background:no-repeat center center / contain; padding-bottom:75%; margin-bottom:5px; overflow:hidden; border:1px solid #dedede;}
#product_piclist.owl-carousel {width:90%; margin:0 auto; max-height:112px;}
#product_piclist.owl-carousel .owl-stage-outer { overflow:hidden;}
#product_piclist .pic_item {position:relative; padding-bottom:75%; overflow:hidden; margin:2px; border:1px solid #dedede;}
#product_piclist .pic_item img {display:block; width:98%; height:98%; position:absolute; left:1%; top:1%;}

.product_info {width:53%; float:right; padding:2% 0 0 7%;}
.product_info .post_title {font-weight:normal; font-size:24px; line-height:1.5em; margin-bottom:3%;}
.product_info .intro {color:#555; line-height:1.75em; margin-bottom:5%;}
.product_info .btn {}
.product_info .btn span {display:block; float:left;  margin-right:3%; position:relative;}
.product_info .btn span a {display:block; border:1px solid #ddd; padding:10px 40px; border-radius:5px; color:#333; font-size:18px;}
.product_info .btn .tel {position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer; display:block;}
.product_info .btn em {position:absolute; background-color:#da261d; color:#fff; font-size:18px; font-style:normal; display:block; padding:10px 30px; border-radius:5px; top:60px; display:none;}
.product_info .btn em:before {display:block; content:''; width:8px; height:8px; background-color:#da261d; transform:rotate(45deg); position:absolute; top:-4px; left:50%; margin-left:-6px;}

/*related_pro*/
.related_pro {margin-bottom:3%;}
.related_pro ul li {margin-top:0;}
.related_pro h5 {font-weight:normal; padding:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; font-size:14px;}

/*toolbar 右侧浮窗*/
#toolbar {position:fixed; z-index:9999; right:17px; bottom:22%;}
#toolbar ul {list-style:none; margin:0; padding:0;}
#toolbar li {margin-bottom:3px; font-size:0; width:57px; height:57px; right:0; position:relative;}
#toolbar li a {display:flex; align-items:center; position:absolute; z-index:9; right:0; top:0; width:57px; height:57px; overflow:hidden; background:#3c3c3c; transition:width 0.5s; white-space:nowrap; font-size:0; text-decoration:none;}
#toolbar li a i {display:flex; align-items:center; justify-content:center; width:57px; height:57px; min-width:57px; background-color:#d9d9d9; color:#3c3c3c; font-size:22px; transition:background-color 0.3s;}
#toolbar li .wz {display:inline-block; line-height:57px; font-size:18px; color:#fff; vertical-align:middle; padding-left:10px;}
#toolbar li.ewm {cursor:pointer;}
#toolbar li.ewm > i {display:inline-block; vertical-align:middle; width:57px; height:57px; background-color:#d9d9d9; color:#3c3c3c; font-size:22px; text-align:center; line-height:57px; transition:background-color 0.3s;}
#toolbar li.ewm .ewm-box {position:absolute; z-index:1; padding:5px; background:#292e39; width:110px; right:120%; bottom:0; opacity:0; visibility:hidden; transform:translateX(100%); transition:all 0.7s;}
#toolbar li.ewm .ewm-box img {max-width:100%; display:block;}
#toolbar li.ewm .ewm-box::after {content:""; position:absolute; right:-5px; bottom:20px; width:0; height:0; border-top:5px dashed transparent; border-bottom:5px dashed transparent; border-left:5px solid #292e39;}
#toolbar li.backtop {cursor:pointer; background-color:#292e39;}
#toolbar li.backtop i {display:block; width:57px; height:57px; color:#fff; background-color:#292e39; font-size:22px; text-align:center; line-height:57px;}
#toolbar li:hover a {width:200px;}
#toolbar li:hover a i, #toolbar li.ewm:hover > i {background-color:#3c3c3c; color:#fff;}
#toolbar li.ewm:hover .ewm-box {opacity:1; visibility:visible; transform:translateX(0);}
/*screen width*/
@media only screen and (max-width:1240px){
	.inner {width:95%;}
	.nav li {font-size:16px; padding:0 10px 32px;}
}
@media only screen and (max-width:960px) {
	body.open {position:fixed; left:0; top:0; width:100%; height:100%; overflow:hidden;}
	.fixed_bg {position:fixed; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,.7); z-index:99; display:none;}
	.fixed_bg.open {display:block;}
	.nav li ul.open {display:none;}
	
	.nav_btn {display:block;}
	.nav {position:fixed; right:-180px; top:0; height:100%; width:180px; background-color:#000; z-index:100; margin-top:0; padding-right:0; overflow-y:auto; transition:right 0.3s ease 0s;}
	.nav.open {right:0;}
	.nav li {float:none; text-align:center; padding:0;}
	.nav li a {color:#999; padding:15px 0;}
	.nav .menu {position:absolute; width:100%; padding:50px 0;}
	
	.k2.fr {display:none;}
	
	.search_form {top:57px;}
	.search_main {top:59px;}
	
	.home_about .about_wrap .left {width:40%;}
	.home_about .about_wrap .right {width:50%;}
	
	.home_news .first {margin-bottom:3%;}
	.home_news .first,.home_news .list {float:none; width:auto;}
	
	.home_contact .right ul li {padding:12px 0;}
	
	.product_tab_showcase .ptab_layout {flex-direction:column;}
	.ptab_categories {width:100%; padding-right:0; display:flex; flex-wrap:wrap; gap:0 8px;}
	.ptab_categories li {width:auto; margin-bottom:6px;}
	.ptab_categories li a {font-size:15px; padding:6px 12px;}
	.ptab_slider .ptab_card {width:calc(50% - 8px);}

  /*960px*/
	.commentform .submit,.commentform #cancel-reply {font-size:14px;}
		
}
@media only screen and (max-width:768px){
	.logo {padding:30px 0 0 0;}
	.logo a img{ height:40px}
	.nav_btn {top:40px;}
	.search_form {top:37px;}
	.search_main {top:47px;}
	
	.home_about .about_title {padding:10px;}
	.home_about .about_wrap {display:block;}
	.home_about .about_wrap .left,.home_about .about_wrap .right {display:block; padding:0; float:none; width:auto;}
	
	.products_center ul li {width:48%;}

	/* 首页新闻：移动端改为单列，避免桌面浮动造成内容挤压、错位。 */
	.home_news {padding:30px 0;}
	.home_news .innews_layout {display:flex; flex-direction:column; gap:22px; overflow:visible;}
	.home_news .innews_right,.home_news .innews_left {float:none; width:100%;}
	.home_news .innews_right_img {aspect-ratio:16/9;}
	.home_news .innews_right_img span {display:block; width:100%; height:100%;}
	.home_news .innews_right_img img {width:100%; height:100%; object-fit:cover;}
	.home_news .innews_right_text {font-size:17px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
	.home_news .innews_right_p {display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden;}
	.home_news .innews_left li {margin-bottom:0; padding:14px 0; border-bottom:1px solid #eee;}
	.home_news .innews_left li:first-child {border-top:1px solid #eee;}
	
	.main_title h3,.home_title h3,.home_contact .right h3,.home_partners h3,.home_about .about_title h3 {font-size:18px;}
	.main_title h4,.home_title h4,.home_about .about_title h4 {font-size:14px;}
	
	.home_title {line-height:30px;}
	.product_main ul {width:auto;}
	.product_main ul li h5 {font-size:16px;}
	.product_main ul li .meta {font-size:16px;}
	
	.home_contact .right h3:after {margin-top:1%;}
	.home_contact .inner {flex-direction:column;}
	.home_contact .left,.home_contact .right {float:none; width:100%;}
	.home_contact .left {min-height:300px;}
	.home_contact .right {margin-bottom:2%;}
	.home_contact .right ul li {font-size:16px; padding:10px 0;}
	
	.sidebar,.main {width:100%; float:none;}

	/*侧边栏*/
	.widget {display:none;}
	.side_menu {margin-bottom:5%;}
	.side_menu h3 i {display:block; position:absolute; left:0; top:0; width:100%; height:100%; cursor:pointer;}
	.side_menu h3 i:after {content:''; display:block; width:8px; height:8px; border-left:1px solid #fff; border-bottom:1px solid #fff; transform:rotate(-45deg); position:absolute; right:5%; top:50%; margin-top:-6.22px; transition:all 0.3s ease 0s;}
	.side_menu h3.cur i:after {transform:rotate(135deg); margin-top:-3.11px;}
	.side_menu ul {display:none;}
	
	.history_item {padding-top:10px; padding-bottom:10px;}
	
	.product_page .product_pic {width:auto; float:none; margin-bottom:3%;}
	.product_info {width:auto; float:none; padding:2% 0;}
	.product_info .btn {text-align:center;}
	.product_info .post_title {font-size:18px; text-align:center;}
	.product_info .btn span {margin:0 1.5%; display:inline-block; float:none;}
	.product_page .section_title {text-align:center;}
	
	.product_main ul li .thumbnail img:hover,.products_list ul li img:hover {transform:none;}

  /*768*/
  .news_list ul li span {position: static; transform: none; display: block; font-size: 14px;}
  .news_list ul li a {padding: 8px 10px;}
  /*768*/
  .commentform label {float:none; font-size: 14px; line-height: 1.75em; height: auto; margin-bottom: 5px;}
  .commentform .input {margin-left: 0;}
  .commentform .text {font-size: 14px;}
  /*768*/
  #commentlist li {font-size:14px;}
  #commentlist .avatar img {width:30px; height:30px;}
  #commentlist .info {margin-left:40px;}
}
@media only screen and (max-width:640px) {
	.home_news ul {padding-top:0;}
	.home_news .first .thumbnail {width:130px; height:98px;}
	.home_news .first h5 {height:auto; margin-bottom:0;}
	.home_news .first p {display:none;}
	
	.post h1.post_title {font-size:18px;}
	.post_navi .left, .post_navi .right {float:none; width:auto; text-align:left; padding:5px 0;}
	.post_navi .right i {float:left; margin-left:0; margin-right:10px;}
	
}
@media only screen and (max-width:540px) {
	.home_partners ul li {width:23%;}
	
	.news_top h2 {white-space:normal; font-size:16px;}
	.news_top .intro,.news_top .readmore {display:none;}
	
	.products_list ul {width:102%;}
	.products_list ul li {width:48%;}
	
	.blog_item h2 {white-space:normal; font-size:16px;}
	.blog_item .thumbnail {width:120px; height:90px;}
	.blog_item .excerpt,.blog_item .readmore {display:none;}
	
	.history_item time {width:100px;}
	.history_line {left:110px;}
	.history_item:after {left:105.5px;}
	.history_item {padding-left:140px;}
	
	.related_pro ul li {width:48%; padding-top:1%;}

  /*540px*/
  .home_news .list {line-height: 1.875em; padding-bottom: 10px; margin-bottom: 10px;}
  .home_news .list span {position: static; display: block; line-height: 1.5em;}
  .home_news .list a {padding-right: 0;}
}
@media only screen and (max-width:480px) {
	.product_main ul li {float:none; width:auto; margin-right:0;}

	.home_news .innews_layout {gap:16px;}
	.home_news .innews_right_btn {height:36px; line-height:36px; padding:0 16px;}
	.home_news .innews_left li a {gap:10px; align-items:center;}
	.home_news .news_left_img,.home_news .news_left_img img {width:100px; height:76px;}
	.home_news .news_left_con h5 {font-size:15px; margin-bottom:5px;}
	.home_news .news_left_con .date {margin-bottom:0;}
	.home_news .news_left_con p {display:none;}
	
	.ptab_slider .ptab_card {width:100%;}
	.ptab_categories {display:none;}
	.product_tab_showcase {padding:40px 0;}
}
@media only screen and (max-width:420px) {
	.product_info .btn span a {font-size:16px; padding:8px 20px;}
}
@media only screen and (max-width:360px) {
	.search_main {width:260px; padding-right:0;}
	.search_main .text {width:230px;}
}

#maximg img{ max-width:100% !important; height:auto !important}

.pagebar { padding:0; 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}