body { color: #333; font-family: 微软雅黑; font-size: 15px; } html { font-size: 15px; } .gp-f16 { font-size: 16px !important; } a { color: #333333; } a:hover { color: #013DA0; text-decoration: none; } .row { margin-left: -15px; margin-right: -15px; display: flex; flex-wrap: wrap; } .row >* { flex-shrink: 0; max-width: 100%; padding-left: 15px; padding-right: 15px; } @media screen and (max-width:767px) { .row { margin-left: -8px; margin-right: -8px; } .row >* { padding-left: 8px; padding-right: 8px; } } .gp-img-responsive { padding-bottom: 56.25%; } .slick-arrow { color: #013DA0; } .slick-arrow:hover { color: #fff; } .slick-arrow:hover:after { background-color: #013DA0; } .slick-dots li.slick-active button { background-color: #013DA0; } .slick-dots li:hover button { background-color: #013DA0; } .slick-dots li.slick-active button { background-color: #013DA0; } body .gp-container { width: 1360px; } @media screen and (max-width:1460px) { body .gp-container { width: 1200px; } } @media screen and (max-width:1386px) { body .gp-container { width: 1100px; } } @media screen and (max-width:1320px) { body .gp-container { width: 1000px; } } /***分页组件1*/ .gp-page1 { padding: 20px 0 50px; font-size: 0; text-align: center; } .gp-page1::after, .gp-page1::before { content: " "; display: table; } .gp-page1 a::before { display: none; } .gp-page1 >a, .gp-page1 >span, .gp-page1 >div>span, .gp-page1 .num>a, .gp-page1 .selectDiv { display: inline-block; *display: inline; *zoom: 1; line-height: 1; position: relative; text-align: center; vertical-align: top; font-size: 14px; transition: all 0.35s ease-in-out; margin: 0 5px; border: 1px solid #d7dfdc; margin-bottom: 5px; cursor: pointer; text-align: center; padding: 8px 11px; vertical-align: middle; } .gp-page1 a span { border: none; } .gp-page1 a:hover, .gp-page1 a.on_pages { background-color: #013DA0; color: #fff; border-color: #013DA0; } .gp-page1 a.on_pages { background-color: #013DA0; } .gp-page1 .hide { display: none !important; } .gp-page1 .selectDiv::before { content: ''; display: block; width: 0; height: 0; transform: rotateX(0deg); border: 5px solid transparent; border-top-color: #bfbeac; position: absolute; right: 6px; top: 13px; } .gp-page1 .selectDiv { display: inline-block; *display: inline; *zoom: 1; line-height: 1; text-align: center; vertical-align: top; font-size: 14px; transition: all 0.35s ease-in-out; margin: 0 5px; border: 1px solid #d7dfdc; margin-bottom: 5px; cursor: pointer; text-align: center; padding: 9px 28px; position: relative; } .gp-page1 .selectDiv ul.on { display: block; width: 100%; } .gp-page1 .selectDiv ul { text-align: center; font-size: 14px; list-style: none; position: absolute; bottom: 100%; left: 0; width: 100%; overflow-y: auto; max-height: 240px; border: 1px solid #d7dfdc; border-bottom: none; background: #ffffff; display: none; } .gp-page1 .selectDiv ul li:hover { background: #013DA0; } .gp-page1 .selectDiv ul li:hover a { color: #ffffff; } .gp-page1 .selectDiv ul a { line-height: 30px; padding: 0px 10px; } .gp-page1 .selectDiv ul a:hover { background: none; color: #000000; } .gp-page1 .selectDiv ul a.active { display: block; } .gp-page1 .selectDiv:hover.selectDiv:before { transition: transform all 2s ease; transform: rotateX(-180deg) translateY(5px); transform-origin: center; } .gp-page1.pageStyle1 a, .gp-page1.pageStyle1 >span, .gp-page1.pageStyle1 div>span { padding: 10px; min-width: 36px; min-height: 36px; } .gp-page1.pageStyle1 .totalPage, .gp-page1.pageStyle1 .perPage { border: none; margin: 0; padding: 10px; } .gp-page1.pageStyle1 a::before { display: inline-block; } .gp-page1.pageStyle1 a span { display: none; } .gp-page1.pageStyle1 .selectDiv { padding: 13px 10px; min-width: 66px; } .gp-page1.pageStyle1 .iconfont { font-size: 20px; } .gp-page1.pageStyle1 .turnPage span { border: none; } .gp-page1.pageStyle1 .num a { min-height: 42px; min-width: 42px; text-align: center; line-height: 1.4; } .gp-page1.pageStyle2 a, .gp-page1.pageStyle2 >span, .gp-page1.pageStyle2 div>span { padding: 10px; min-width: 36px; min-height: 36px; } .gp-page1.pageStyle2 >a { border-radius: 50%; } .gp-page1.pageStyle2 .totalPage, .gp-page1.pageStyle2 .perPage { border: none; margin: 0; padding: 10px; } .gp-page1.pageStyle2 a::before { display: inline-block; } .gp-page1.pageStyle2 a span { display: none; } .gp-page1.pageStyle2 .selectDiv { padding: 13px 10px; min-width: 66px; } .gp-page1.pageStyle2 .iconfont { font-size: 20px; } .gp-page1.pageStyle2 .turnPage span { border: none; } .gp-page1.pageStyle2 .num a { min-height: 42px; min-width: 42px; text-align: center; line-height: 1.4; border-radius: 50%; } @media screen and (max-width:767px) { .gp-page1 .turnPage { display: none; } .gp-page1 >a, .gp-page1 >span, .gp-page1 >.gp-ib { display: none; } .gp-page1 a.on_pages, .gp-page1 .gp-page-prev, .gp-page1 .gp-page-next, .gp-page1 .gp-page-start, .gp-page1 .gp-page-end { display: inline-block; } } @media screen and (max-width:995px) { .gp-header23 { position: relative !important; } .carousel97 .slick-txt { font-size: 20px !important; } .carousel97 .gpCarousel .slick-txt { height: 60px !important; line-height: 60px !important; } .carousel97 .slick_menu { right: 0% !important; transform: translateX(0%) !important; bottom: 20px !important; } .carousel97 .gpCarousel .slick-arrow.slick-prev { left: 20px !important; } .carousel97 .gpCarousel .slick-arrow.slick-next { right: 20px !important; } } @media screen and (max-width:768px) { .carousel97 .slick_menu { right: 50% !important; transform: translateX(50%) !important; } } .footer_block32 .footertop .topr .flogo .flogoImg { display: none; } section .footer_block32 .footertop { padding-top: 30px; } /*底部修改样式*/ .footer_block9::before { display: none !important; } .footer_block9 .footer_bot { background: rgba(0, 0, 0, 0.2); } .footer_block9 .footer_top .gp-container { display: flex; align-items: center; justify-content: space-between; } .footer_block9 .footer_top .ftlist { padding-left: 0 !important; } .footer_block9 .footer_top .footer_logo { float: none; width: fit-content !important; overflow: hidden; display: block; } .footer_block9 .footer_top .ewm { float: none; text-align: center; width: fit-content; font-size: 14px; display: flex; } .footer_block9 .footer_top .ewm .ewm-item { width: 100px; flex-shrink: 0; margin: 0 5px; } @media screen and (max-width: 996px) { .footer_block9 .footer_top .gp-container { flex-direction: column; } } @media screen and (max-width: 450px) { .footer_block9 .footer_top .ewm { flex-direction: column; } .footer_block9 .footer_top .ewm .ewm-item { margin: 5px 0px; } } .footer_block9 .footer_bot { background: unset; } body{}