html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video,
input,
button {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    box-sizing: border-box;
    font-family: arial;
}


/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

body {
    line-height: 1;
    /* background: #fff; */
    font-family: Helvetica Neue, Helvetica, PingFang SC, Hiragino Sans GB, Microsoft YaHei, Arial, sans-serif;
}

ol,
ul {
    list-style: none;
}

blockquote,
q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}


/* 上标 */

sup {
    vertical-align: text-top;
    font-size: smaller;
}

.sup_style {
    font-size: 0.18rem;
    vertical-align: top;
    /* line-height: 1.5; */
}


/* 文本溢出隐藏 */


/* 单行 */

.text-overflow-1 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}


/* 两行 */

.text-overflow-2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


/* 公用头部样式 */

header {
    /* padding: 0 2.6rem; */
    position: relative;
    z-index: 1000;
}

header .header-top {
    /* height: 0.98rem; */
    padding: 0.33rem 2.6rem 0.17rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

header .header-top .logo {
    width: 2.76rem;
    height: 0.48rem;
    background: url('../image/logo_home.png') no-repeat;
    background-size: 100% 100%;
    cursor: pointer;
}

header .header-top .header-other {
    /* align-self: center; */
    display: flex;
    justify-content: space-around;
    align-content: center;
}

header .header-top .header-other a {
    font-size: 0.18rem;
    color: #2E3033;
    margin-right: 0.3rem;
    cursor: pointer;
}

header .header-top .header-other a:hover {
    color: #008FD8;
}

header .header-top .header-other .search-icon {
    width: 0.22rem;
    height: 0.20rem;
    background: url('../image/search_icon.png') no-repeat;
    background-size: 100% 100%;
}

header .header-top .header-other .phone-icon {
    padding-left: 0.28rem;
    position: relative;
}

header .header-top .header-other .phone-icon:hover {
    color: #2E3033;
}

header .header-top .header-other .phone-icon::before {
    content: '';
    width: 0.22rem;
    height: 0.18rem;
    background: url('../image/phone_icon.png') no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 0;
    left: 0;
}


/* 头部 导航 */

nav {
    /* height: 1rem; */
    padding: 0 2.6rem;
    /* background: rgba(0, 0, 0, 0.3); */
    /* justify-content: space-around; */
    position: relative;
}

nav ul {
    display: flex;
    /* position: relative; */
}

nav .nav-tab {
    padding: 0.3rem 0 0.19rem;
    margin-right: 0.7rem;
    font-size: 0.24rem;
    /* position: relative; */
    cursor: pointer;
    color: #fff;
}

nav .nav-tab a {
    color: #fff;
}

nav .active {
    width: 0.48rem;
    height: 0.03rem;
    background: #fff;
    position: absolute;
    left: 2.6rem;
    bottom: 0;
    transition: left 200ms;
}


/* 无轮播样式 */

.header-secondstyle nav .nav-tab a {
    color: #2E3033;
}

.header-secondstyle nav .active {
    background: #008FD8;
}


/* nav .active {
    
} */


/* nav div.active::after {
    content: '';
    width: 100%;
    height: 0.03rem;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: -0.1rem;
} */


/* #nav-item { */


/* bottom: 0; */


/* display: none; */


/* } */

nav .nav-tab-item {
    width: 100%;
    padding: 0 2.6rem;
    position: absolute;
    background: #fff;
    left: 0;
    top: 0.7rem;
    display: none;
}

nav .nav-item-product {
    padding: 0.3rem 0 0.1rem;
    display: flex;
    flex-wrap: wrap;
}

nav .nav-item-product-item {
    width: 33.3%;
    padding-right: 0.8rem;
    color: #5D6066;
}

nav .nav-item-product-item a {
    color: #5D6066;
}

nav .nav-item-product .product-cate {
    padding-bottom: 0.3rem;
    color: #008FD8;
    font-size: 0.2rem;
    margin-right: 0.8rem;
}

nav .nav-item-product .product-item {
    font-size: 0.18rem;
    margin-right: 0.8rem;
    padding-bottom: 0.2rem;
}

nav .nav-item-product .product-item a:hover,
nav .nav-item-aboutTop .nav-item-aboutTop-item a:hover,
nav .nav-item-outpatientService .nav-item-outpatientService-item a:hover {
    color: #008FD8;
    cursor: pointer;
}


/* 关于拓普 */

nav .nav-item-aboutTop,
nav .nav-item-outpatientService {
    padding: 0.3rem 0 0.5rem;
    display: flex;
    /* justify-content: space-around; */
}

nav .nav-item-aboutTop .nav-item-aboutTop-item,
nav .nav-item-outpatientService .nav-item-outpatientService-item {
    font-size: 0.2rem;
    margin-right: 0.8rem;
}

nav .nav-item-aboutTop .nav-item-aboutTop-item a,
nav .nav-item-outpatientService .nav-item-outpatientService-item a {
    color: #5D6066;
}


/* 轮播 */

.common-swiper {
    width: 100%;
    height: 7.20rem;
    margin-top: -0.74rem !important;
}

.common-swiper img {
    width: 100%;
    height: 7.20rem;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url('../image/arrow_right.png') !important;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url('../image/arrow_left.png') !important;
}

.common-swiper .cursor-default {
    cursor: default;
}


/* 底部 */


/* footer {
    padding: 0.6rem 2.6rem 0;
} */

footer .footer-top {
    display: flex;
    justify-content: space-between;
    padding: 0.6rem 2.6rem;
}

footer .footer-top .footer-top-left {
    position: relative;
}

footer .footer-top .footer-top-left-logo {
    width: 1.63rem;
    height: 0.63rem;
    background: url('../image/logo_footer.png') no-repeat;
    background-size: 100% 100%;
}

footer .footer-top .footer-top-left-company {
    margin-top: 0.27rem;
    font-size: 0.18rem;
}

footer .footer-top .footer-top-left-company p {
    margin-bottom: 0.15rem;
    color: #2E3033;
}

footer .footer-top .footer-top-left-company p:last-of-type {
    width: 0.25rem;
    height: 0.2rem;
    background: url('../image/wx_footer.png') no-repeat;
    background-size: 100% 100%;
}


/* 关注我们弹框 */

footer .footer-foucsUs {
    width: 4.32rem;
    margin-bottom: 0.2rem;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0.5rem;
    display: none;
    box-shadow: 0.02rem 0.02rem 0.31rem 0 rgba(0, 0, 0, 0.07);
    border-radius: 0.10rem;
}

footer .footer-foucsUs .footer-foucsUs-title {
    padding: 0.26rem;
    font-size: 0.32rem;
    font-weight: 600;
    color: #272727;
    border-bottom: 0.01rem solid #AEAFBB;
}

footer .footer-foucsUs .footer-foucsUs-sub {
    margin-top: 0.38rem;
    text-align: center;
    font-size: 0.2rem;
    color: #2E3033;
}

footer .footer-foucsUs .footer-foucsUs-code img {
    width: 1.6rem;
    height: 1.6rem;
    margin: 0.3rem auto 0.24rem;
    display: block;
}

footer .footer-foucsUs .footer-foucsUs-codetext {
    text-align: center;
    padding-bottom: 0.4rem;
    font-size: 0.2rem;
}

footer .footer-foucsUs .footer-foucsUs-codetext span {
    padding-left: 0.30rem;
    font-size: 0.2rem;
    color: #2E3033;
    background: url('../image/wx_footer.png') no-repeat 0;
    background-size: 0.25rem 0.2rem;
}

footer .footer-top .footer--top-right {
    display: flex;
    color: #2E3033;
}

footer .footer-top .footer--top-right ul {
    margin-left: 0.50rem;
}

footer .footer-top .footer--top-right li {
    font-size: 0.20rem;
    color: #5D6066;
    margin-bottom: 0.15rem;
    font-size: 0.18rem;
    cursor: pointer;
}

footer .footer-top .footer--top-right li:nth-of-type(1) {
    font-weight: 600;
    font-size: 0.20rem;
    color: #2E3033;
    margin-bottom: 0.2rem;
}

footer .footer-line {
    width: 100%;
    height: 0.04rem;
    background: #F6F7F7;
    /* border-top: 0.01rem dashed rgb(94, 95, 97);
    border-bottom: 0.01rem dashed rgb(94, 95, 97); */
}

footer .footer-bottom {
    padding: 0.2rem 2.6rem;
    font-size: 0.18rem;
    color: #8B919A;
    display: flex;
    justify-content: space-between;
}
.footer-bottom {
	width: 100%;
    padding: 0.2rem 2.6rem;
    font-size: 0.18rem;
    color: #8B919A;
    display: flex;
    justify-content: space-between;
}
footer .footer-bottom a {
    font-size: 0.18rem;
    color: #8B919A;
}