@charset "utf-8"; html { overflow-x: hidden; font-size: 16px; } @media (max-width:1199px) { html { font-size: 1.333333333333333vw; } } @media (max-width:900px) { html { font-size: 13px; } } body { overflow-x: hidden; font-family: 'Noto Sans SC', '思源黑体', sans-serif; color:#595757; font-size: 13px; } a, i, span { display: inline-block; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; } a:hover, a:focus, i:hover, i:focus, span:hover, span:focus { text-decoration: none; } a i { -webkit-transition: none; transition: none; } ul, li { list-style: none; margin: 0; padding: 0; } button, input { outline: none; } h1 a { -webkit-transition: all 0.3s; transition: all 0.3s; text-decoration: none; } /*chrome滚动条样式*/ .pub_scrollbar::-webkit-scrollbar {/*滚动条整体部分,其中的属性有width,height,background,border(就和一个块级元素一样)等。*/ width: 10px; height: 10px; } .pub_scrollbar::-webkit-scrollbar-button {/*滚动条两端的按钮。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。*/ display: none; } .pub_scrollbar::-webkit-scrollbar-track {/*外层轨道。可以用display:none让其不显示,也可以添加背景图片,颜色改变显示效果。*/ display: none; } .pub_scrollbar::-webkit-scrollbar-track-piece {/*内层轨道,滚动条中间部分(除去)。*/ background: rgb(212,212,212); box-shadow:3px 0 8px 0 rgba(0,0,0,0.28) inset; } .pub_scrollbar::-webkit-scrollbar-thumb {/*滚动条里面可以拖动的那部分*/ background: rgb(153,153,156); } .pub_scrollbar::-webkit-scrollbar-thumb:hover {/*滚动条里面可以拖动的那部分*/ background: rgb(172,172,172); } .pub_scrollbar::-webkit-scrollbar-corner {/*边角*/ background: rgb(200,200,200); } .pub_scrollbar::-webkit-scrollbar-resizer {/*定义右下角拖动块的样式*/ background: rgb(200,200,200); } a { color:#595757; } a:hover { color:#e62129; } .pub_container { max-width:1445px; margin:0 auto; padding:0 15px; } header { padding:1.5625rem 0 1.125rem; } header p { margin:0; } header > .pub_container { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; /*max-width:1561px;*/ } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { header .header_top { /*height:166px;*/ } } header .header_top .header_logo img { max-width:100%; } header .header_top .navbar-toggler { padding-right:0; outline:none; } header .header_top .navbar-toggler span { width: 20px; height: 2px; background: #222; margin-bottom: 4px; display: block; } header .header_top .navbar-toggler span:last-of-type { margin-bottom: 0; } header .header_top .navbar-toggler span:last-of-type { margin-bottom: 0; } header .header_top .navbar-toggler[aria-expanded=true] span { margin: 0; } header .header_top .navbar-toggler[aria-expanded=true] span:first-of-type { -webkit-transform: rotate(45deg) translate(3px); transform: rotate(45deg) translate(3px); } header .header_top .navbar-toggler[aria-expanded=true] span:nth-of-type(2) { opacity: 0; } header .header_top .navbar-toggler[aria-expanded=true] span:last-of-type { -webkit-transform: rotate(-45deg) translate(3px); transform: rotate(-45deg) translate(3px); } @media (max-width:991px) { header { padding-top:15px; padding-bottom:12px; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { header .header_top { /*height:101px;*/ } } } @media (max-width:575px) { header .header_top .header_logo img { max-width:70%; } } .header_nav { flex-basis:0; flex-grow:1; margin-right:-3.625rem; } @media (max-width:1568px) { .header_nav { margin-right:unset; } } .header_nav .animate__animated { animation-duration:0.3s; } .header_nav .navbar { padding:0; } .header_nav .navbar-nav { width:100%; justify-content: flex-end; margin-right:0.5rem; } .header_nav .nav-item { position:relative; display:flex; align-items:center; justify-content:center; width: auto; padding:0 1rem; outline:none; } .header_nav .nav-item:after { content:''; position:absolute; top:50%; right:0; margin-top:-0.53125rem; display:block; height:1.0625rem; width:1px; overflow:hidden; background:#D7D7D7; } _:-ms-fullscreen, :root .header_nav .nav-item:after { margin-top:-0.73125rem; } .header_nav .nav-item:last-child:after { display:none; } .header_nav .navbar-nav .dropdown-toggle { background:none; } .header_nav .navbar-nav .dropdown-toggle:after { display:none; } .header_nav .navbar-nav a.nav-link { color:#595757; font-size:1rem; padding: 0; outline:none; display: inline-flex; justify-content: center; align-items: center; position:relative; } .header_nav .navbar-nav a.nav-link:hover, .header_nav .navbar-nav .nav-item.active a.nav-link, .header_nav .navbar-nav .nav-item.show a.nav-link { color:#e60012; } .header_nav .nav-item a.nav-link:after { content: ' '; display: none; border:0; border-top: 2px solid #e60012; width: 0; position: absolute; bottom: 0; left: auto; margin:0; vertical-align:baseline; visibility:hidden; transition:0.3s; } .header_nav .nav-item a.nav-link:hover:after, .header_nav .nav-item.active a.nav-link:after, .header_nav .nav-item.show a.nav-link:after { /*visibility:visible;*/ /*width: 100%;*/ } .header_nav .navbar-nav .dropdown-menu { min-width:100%; left:-7.71rem; margin:0; padding: 0.625rem 0 0; border: 0; background:none; border-radius:0; } .header_nav .navbar-nav .dropdown-menu > div { display: flex; flex-wrap: wrap; width: 31.0625rem; border-radius: 3px; padding:1rem 0.8125rem 0.9375rem 0.5625rem; background:#048BC3; } .header_nav .navbar-nav .dropdown-menu a.dropdown-item { width: auto; min-width:48px; padding: 0.375rem 0 0.3125rem; margin: 0 1.8125rem; font-size: 0.9375rem; color: #FFFCFF; } .header_nav .navbar-nav .dropdown-menu a.dropdown-item:hover { color:#FFFE02; background:none; } @media (max-width:991px) { .header_nav .navbar-nav a.nav-link { padding: 5px 0; margin: 4px 0; } .header_nav .nav-item:after { display:none; } .header_nav .navbar-nav .dropdown-menu { left:0; } .header_nav .navbar-nav .dropdown-menu.show { animation-name: fadeInDown; } .header_nav .navbar-nav .dropdown-menu > div { width:auto; } .header_nav .navbar-nav .dropdown-menu a.dropdown-item { margin-left: 0.9025rem; font-size:1rem; } } .pub_switch_lang li { text-align:center; } @media (max-width:991px) { .pub_switch_lang { padding-top:12px; } } .pub_header_search { position:relative; z-index: 9; padding-left:1.8125rem; text-align:center; } .pub_header_search > .fa { cursor:pointer; font-size: 1rem; color: #5E5C5C; } .pub_header_search > .fa:hover { color:#D1B267; } .pub_header_search .popover_container { display:none; } .pub_header_search_popover .form-inline { flex-wrap:nowrap; } @media (max-width:991px) { .pub_header_search { padding-left:0; padding-top:12px; } } .pub_top_banner { position:relative; border-top:2px solid #D1B267; } .pub_top_banner .top_shadow { position:absolute; top:0; left:0; z-index:2; width:100%; height:14px; overflow:hidden; background:url('../Images/top_shadow.png') repeat-x; } .pub_top_banner .swiper-slide { overflow:hidden; text-align:center; } .pub_top_banner .swiper-slide a.s_link { position:relative; display:block; } .pub_top_banner .swiper-slide a.s_link .main_img { /*transform: scale(1.08);*/ /*transition: 3s linear;*/ width:100%; } .pub_top_banner .swiper-slide.swiper-slide-active a.s_link .main_img { /*transform: scale(1);*/ } .pub_top_banner .swiper-slide a.s_link .s_text { position:absolute; top:11.14650%; right:13.00292%; transform: translateX(1000%); } .pub_top_banner .swiper-slide a.s_link .s_text h4, .pub_top_banner .swiper-slide a.s_link .s_text p { margin:0; text-align:right; } .pub_top_banner .swiper-slide a.s_link .s_text h4 { color:#201716; font-size:3rem; font-weight:bold; } .pub_top_banner .swiper-slide a.s_link .s_text p { color:#221815; font-size:1.75rem; font-weight:bold; padding-top:0.75rem; } @media (max-width:1325px) { .pub_top_banner .swiper-slide a.s_link .s_text { top: 9.1465%; right: 7.00292%; } .pub_top_banner .swiper-slide a.s_link .s_text h4 { font-size:2.2rem; } .pub_top_banner .swiper-slide a.s_link .s_text p { font-size:1.35rem; } } @media (max-width:833px) { .pub_top_banner .swiper-slide a.s_link .s_text { top: 8.1465%; right: 4.00292%; } .pub_top_banner .swiper-slide a.s_link .s_text h4 { font-size:1.7rem; } .pub_top_banner .swiper-slide a.s_link .s_text p { font-size:1.25rem; } } @media (max-width:655px) { .pub_top_banner .swiper-slide a.s_link .s_text { top: 8.1465%; right: 3.00292%; } .pub_top_banner .swiper-slide a.s_link .s_text h4 { font-size:1.2rem; } .pub_top_banner .swiper-slide a.s_link .s_text p { font-size:12px; padding-top: 1px; } } .pub_top_banner .swiper-button-next { right:5.36458%; } .pub_top_banner .swiper-button-prev { left:5.36458%; } .pub_top_banner .swiper-button-next:after, .pub_top_banner .swiper-button-prev:after { font-size: 4.375rem; color:#FFFFFF; } .pub_top_banner .swiper-pagination { position: absolute; bottom: 29px; width: 100%; height: 16px; line-height: 16px; text-align: center; } .pub_top_banner .swiper-pagination .swiper-pagination-bullet { margin: 0 8px; outline:none; width: 16px; height: 16px; background:#f8f8f9; cursor: pointer; border-radius:100%; opacity: 0.6; } .pub_top_banner .swiper-pagination .swiper-pagination-bullet-active { background: #D1B267; } @media only screen and (min-width:992px) { .pub_top_banner .swiper-slide a.s_link .s_text p:first-child { /*font-size:82px;*/ /*margin-bottom: 16px;*/ } .pub_top_banner .swiper-slide a.s_link .s_text p:nth-child(2) { /*font-size:28px;*/ } } @media only screen and (max-width:991px) { .pub_top_banner .swiper-button-next:after, .pub_top_banner .swiper-button-prev:after { font-size: 3rem; } .pub_top_banner .swiper-pagination { bottom: 10px; } .pub_top_banner .swiper-pagination .swiper-pagination-bullet { margin: 0 4px; width:10px; height:10px; } } .pub_footer_container { background:#242424; color:#ffffff; font-size:0.9375rem; border-top:3px solid #D1B267; overflow:hidden; } .pub_footer_container a { color:#ffffff; } .pub_footer_container a:hover { color:#D1B267; } .pub_footer_container p { margin: 0; } .pub_footer_container .container_1 { display:flex; justify-content:space-between; } .pub_footer_container .nav_container { display:flex; justify-content:start; padding-top:2.5625rem; width:76.431095%; } .pub_footer_container .nav_container .nav_item_placeholder { display:none; width:100%; padding-top: 2.5625rem; } .pub_footer_container .nav_container .nav_item { min-width:13.61%; margin-left: 1rem; } .pub_footer_container .nav_container .nav_item:first-child { margin-left: 0; } .pub_footer_container .nav_container .nav_item h5 { margin:0; } .pub_footer_container .nav_container .nav_item h5 a { font-size:1.125rem; } .pub_footer_container .nav_container .nav_item.active h5 a { color:#d1b267; } .pub_footer_container .nav_container .sub_item_list { padding-top:1.0625rem; } .pub_footer_container .nav_container .sub_item_list li { padding-top:0.8125rem; } .pub_footer_container .nav_container .sub_item_list li a { color:#9fa0a0; } .pub_footer_container .nav_container .sub_item_list li a:hover { color:#d1b267; } .pub_footer_container .nav_container .sub_item_list li.active a { color:#d1b267; } .pub_footer_container .right_container { flex-grow:1; display:flex; justify-content:space-between; padding-top:2.625rem; margin-left:15px; } .pub_footer_container .right_container .left_layout { width:33.91304347826087%; } .pub_footer_container .right_container .left_layout img { width:100%; } .pub_footer_container .right_container .right_layout { padding-left:15px; } .pub_footer_container .right_container .right_layout .search_container form { display:flex; align-items:stretch; width:100%; } .pub_footer_container .right_container .right_layout .search_container input.form-control { flex-grow:1; border-radius:0; border:0; } .pub_footer_container .right_container .right_layout .search_container input.btn { border-radius:0; border:0; color:#221815; font-size:0.89375rem; background:#C9CACB; } .pub_footer_container .right_container .right_layout .footer_msg { padding-top:1.25rem; color:#9fa0a0; } .pub_footer_container .right_container .right_layout .footer_msg p { padding-top:0.4375rem; } .pub_footer_container .right_container .right_layout .footer_msg p:nth-child(2) { font-size:1.625rem; font-weight:bold; } @media (max-width:920px) { .pub_footer_container .container_1 { flex-wrap:wrap; } .pub_footer_container .nav_container { width:100%; justify-content: space-between; } .pub_footer_container .nav_container .nav_item { min-width:unset; } .pub_footer_container .right_container { flex-grow: unset; justify-content: center; margin-left: auto; margin-right: auto; } .pub_footer_container .right_container .right_layout .search_container input.form-control { width:auto; } } @media (max-width:680px) { .pub_footer_container .nav_container { flex-wrap:wrap; justify-content: start; } .pub_footer_container .nav_container .nav_item_placeholder { display:block; } .pub_footer_container .nav_container .nav_item { flex-basis:0; flex-grow:1; } .pub_footer_container .nav_container .nav_item:nth-child(3) { flex-basis:auto; flex-grow:unset; } .pub_footer_container .nav_container .nav_item:nth-child(5) { margin-left:0; } .pub_footer_container .nav_container .nav_item:nth-child(7) { flex-basis:auto; flex-grow:unset; } } @media (max-width:575px) { .pub_footer_container .right_container .right_layout { flex-grow:1; } } .pub_footer_container .container_fg_line { margin-top:3.1875rem; border-bottom:1px dotted #464645; } .pub_footer_container .statement_container .statement_nav { padding-top:1.8125rem; } .pub_footer_container .statement_container .copyright_container { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:0.4375rem; padding-bottom:2.3125rem; } .pub_footer_container .statement_container .copyright_container .copyright { padding-right:15px; } .pub_footer_container .statement_container .copyright_container .copyright span:first-child { margin-right:1.0625rem; } @media (max-width:715px) { .pub_footer_container .statement_container .copyright_container .copyright { padding-bottom:0.4375rem; } } #pub_fixed_service { position:fixed; z-index:9999; display:flex; flex-direction:column; right:3px; bottom:3.5%; background-color:#FFFFFF; color:#686868; text-align:center; font-size:0.875rem; } #pub_fixed_service a { display:block; color:#686868; } #pub_fixed_service .t_item { position:relative; cursor:pointer; } #pub_fixed_service .t_item:hover { z-index:9; } #pub_fixed_service .t_item .head_layout { position:relative; z-index:2; padding:0.8125rem 0.6875rem 0.5625rem; border:1px solid #E6E6E6; border-top:0; transition:0.3s; } #pub_fixed_service .t_item:first-child .head_layout { border-top:1px solid #E6E6E6; } #pub_fixed_service .t_item:hover .head_layout { /*border-left-color:#D1B267;*/ background-color:#D1B267; } #pub_fixed_service .t_item .head_layout .t_ico { width:1.9375rem; max-width:100%; } #pub_fixed_service .t_item .head_layout .t_title { margin:0; padding-top:0.5625rem; font-size:0.875rem; } #pub_fixed_service .t_item .sub_item { position:absolute; z-index:1; display:flex; align-items:center; min-height:100%; right:100%; top:0; padding:0 1.5625rem; border:1px solid #E6E6E6; border-right:0; background-color:#D1B267; color:#fffffe; transition:0.3s; visibility:hidden; opacity:0; } #pub_fixed_service .t_item:hover .sub_item { visibility:visible; opacity:1; animation-name:slideInRight; animation-duration:0.4s; } #pub_fixed_service .t_item .sub_item a { color:#fffffe; } #pub_fixed_service .t_item .sub_item .sub_ico { width:1.9375rem; margin-right:0.9375rem; } #pub_fixed_service .t_item.wx_item:hover .head_layout { border-left-color:#E6E6E6; } #pub_fixed_service .t_item.wx_item .sub_item { padding:0; margin-top:-0.125rem; } _:-ms-fullscreen, :root #pub_fixed_service .t_item.wx_item .sub_item { display:block; } #pub_fixed_service .t_item.wx_item .sub_item img { width:14.75rem; } #pub_fixed_service .t_item.wx_item:hover .sub_item { animation-name:fadeIn; } #pub_fixed_service .t_item.tel_item:hover .head_layout { border-left-color:#D1B267; } #pub_fixed_service .t_item.tel_item .sub_item { display: block; padding:0; margin-top:-5rem; background:none; border-color: #B69341; text-align:left; font-size:1.219375rem; } #pub_fixed_service .t_item.tel_item:hover .sub_item { animation-name:fadeIn; } #pub_fixed_service .t_item.tel_item .sub_item > a { display:flex; align-items:center; padding:1.875rem 1.5625rem; background-color:#C3A251; } #pub_fixed_service .t_item.tel_item .sub_item > a:first-child { background-color:#B69341; } #pub_fixed_service .t_item.tel_item .sub_item .sub_ico { width:2.375rem; } #pub_fixed_service .t_item.tel_item .sub_item > a p { margin:0; white-space: nowrap; } @media (max-width:575px) { #pub_fixed_service { bottom:unset; top:50%; margin-top: -10.075rem; } #pub_fixed_service .t_item .head_layout { padding: 0.4125rem 0.2875rem 0.3625rem; } } #pub_fixed_service_appointment { z-index: 99999; padding-right:0 !important; } #pub_fixed_service_appointment .modal-dialog { max-width:598px; } #pub_fixed_service_appointment .modal-header { padding-top:0.25rem; padding-bottom:0.25rem; border-bottom: 0; background: #CDA026; color: #fff; } #pub_fixed_service_appointment .modal-header .modal-title { margin-left:auto; margin-right:auto; font-size:1.375rem; } #pub_fixed_service_appointment .modal-header .close { margin-left:unset; color: #fff; } #pub_fixed_service_appointment .modal-body { color:#363636; } #pub_fixed_service_appointment .modal-body .head { padding-top:0.5rem; margin-bottom:1.0625rem; text-align:center; font-size:1.125rem; } #pub_fixed_service_appointment .modal-body .head span { color:#cda025; } #pub_fixed_service_appointment .modal-body .form-group { justify-content:center; align-items:center; margin-bottom:1.0625rem; } #pub_fixed_service_appointment .modal-body .form-group .col-form-label { padding:0; padding-right:3px; text-align:right; } #pub_fixed_service_appointment .modal-body .form-group .form-control { display:inline-block; width:12.875rem; height:1.625rem; padding-top:0; padding-bottom:0; border-color:#E4E4E4; font-size:13px; } #pub_fixed_service_appointment .modal-body .form-group .tips { color:#DDC05D; } #pub_fixed_service_appointment .modal-body .btn { width:7.8125rem; line-height: 1.875rem; margin-top:1rem; padding-top: 0; padding-bottom: 0; border: 0; background-color:#CDA026; color:#FEFEFE; } .pub_fixed_service_appointment_post_tips { z-index: 99999; } .pub_fixed_service_appointment_post_tips .tooltip-inner { background-color: #cda026; } .pub_fixed_service_appointment_post_tips.bs-tooltip-top .arrow::before, .pub_fixed_service_appointment_post_tips.bs-tooltip-auto[x-placement^="top"] .arrow::before { border-top-color: #cda026; } .pub_fixed_service_appointment_post_tips.bs-tooltip-right .arrow::before, .pub_fixed_service_appointment_post_tips.bs-tooltip-auto[x-placement^="right"] .arrow::before { border-right-color: #cda026; } .pub_fixed_service_appointment_post_tips.bs-tooltip-bottom .arrow::before, .pub_fixed_service_appointment_post_tips.bs-tooltip-auto[x-placement^="bottom"] .arrow::before { border-bottom-color: #cda026; } .pub_fixed_service_appointment_post_tips.bs-tooltip-left .arrow::before, .pub_fixed_service_appointment_post_tips.bs-tooltip-auto[x-placement^="left"] .arrow::before { border-left-color: #cda026; } .pub_pagination { padding:0.9375rem 0.9375rem 2.25rem 0.9375rem; overflow-x: auto; } .pub_pagination .page-item { margin-left:0.625rem; } .pub_pagination .page-item:first-child { margin-left: auto; } .pub_pagination .page-item:last-child { margin-right: auto; } .pub_pagination .page-item .page-link { padding: 0; width: 2.0625rem; height: 2.0625rem; line-height: 2.0625rem; border:0; border-radius: 100%; background-color:#E5E5E5; box-shadow:0 0 20px 0 rgba(0,0,0,0.15) inset; color:#595757; font-size:0.9375rem; text-align: center; } .pub_pagination .page-item .page-link:hover { background-color:#CEB576; color:#ffffff; } .pub_pagination .page-item.disabled .page-link { } .pub_pagination .page-item.active .page-link { background-color:#CEB576; color:#ffffff; } .pub_msg_success { position: fixed; left: 50%; top: 50%; z-index: 9999999; width:fit-content; } .pub_msg_success .close { outline:none; } .pub_module_left_contact { margin-top:1.8125rem; font-size:13px; overflow:hidden; } .pub_module_left_contact .contact_container { border:1px solid #DFDFDF; } .pub_module_left_contact h3, .pub_module_left_contact p { margin:0; } .pub_module_left_contact .contact_container > h3 { padding:0 1.1875rem; height:3.9375rem; line-height:3.9375rem; font-size:1.5625rem; color:#2D2D2D; background:#CCCCCC; } .pub_module_left_contact .contact_container > div { padding:1.0625rem 1.1875rem 0; } .pub_module_left_contact .contact_container > div p { line-height:1.5625rem; } .pub_module_left_contact .contact_container > span { display:block; padding-top:0.25rem; text-align:center; color:#838182; } .pub_module_left_contact .contact_container > span { padding-bottom:0.8125rem; } .pub_module_left_contact .contact_container > span img { display:block; margin:0 auto; } .pub_module_left_contact .tel_container img { width:100%; }