@charset "utf-8";

a,
b,
blockquote,
body,
button,
dd,
del,
div,
dl,
dt,
em,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
i,
input,
label,
li,
ol,
p,
pre,
select,
span,
strong,
td,
textarea,
th,
u,
ul {
    margin: 0;
    padding: 0;
    word-break: break-all
}

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

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700
}

body,
p {
    line-height: 1
}

body,
body * {
    transition: all ease .1s
}

table {
    width: 100%;
    empty-cells: show;
    background-color: transparent;
    border-collapse: collapse;
    border-spacing: 0
}

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

a,
li,
ol,
ul {
    list-style: none;
    text-decoration: none
}

em,
i {
    font-style: normal
}

* {
    margin: 0;
    padding: 0
}

button,
input,
select,
textarea {
    outline: 0;
    border: none;
    background: 0 0
}

input:-ms-input-placeholder,
input::-moz-placeholder,
input::-webkit-input-placeholder {
    color: #999
}

img {
    border: 0;
    vertical-align: middle;
    max-width: 100%
}

input,
select {
    background-color: transparent;
    appearance: none;
    -webkit-appearance: none
}

/*appearance:none*/
::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1)
}

::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .1);
    background-color: #0063b8
}

a {
    color: #333;
    text-decoration: none;
    -webkit-transition: all .1s ease;
    -moz-transition: all .1s ease;
    transition: all .1s ease
}

a:hover {
    color: #eb8b0f;
}

html {
    font-size: 100px
}

.clearfix:after,
.clearfix:before {
    content: "";
    display: table
}

.clearfix:after {
    clear: both
}

.box-shadow {
    box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    -moz-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1);
    -webkit-box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .1)
}

.w-box-shadow {
    z-index: 1000;
    -webkit-box-shadow: 0 4px 10px 0 rgba(48, 62, 83, .06);
    box-shadow: 0 4px 10px 0 rgba(48, 62, 83, .06)
}

.flex {
    display: flex
}

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

body {
    position: relative
}

/*   导航    */
@font-face {
    font-family: 'Objectivity-Bold';
    src: url('../fonts/OBJECTIVITY-BOLD-4.OTF');
}

header .top-nav {
    background-color: #fff;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: fixed;
    top: 0;
    z-index: 99;
    box-shadow: 0px 2px 5px rgba(0, 0, 0, .1);
}

header .top-nav .left {
    padding-left: .34rem;
    padding-top: .21rem;
    padding-bottom: .21rem
}

header .top-nav .left .logo {
    background: url(../image/logo.png) no-repeat;
    width: 3.1rem;
    height: .57rem;
    background-size: cover
}

header .top-nav .center {
    margin-left: 1.03rem;
    flex: 1;
    margin-right: 1rem
}

header .top-nav .center .nav-list {
    justify-content: space-between
}

header .top-nav .center .nav-list .list {
    padding: .41rem .2rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center
}

header .top-nav .center .nav-list .list:after {
    display: none;
    content: '';
    width: .72rem;
    position: absolute;
    bottom: 0;
    height: .06rem;
    background-color: #eb8b0f
}

header .top-nav .center .nav-list .active {
    display: none;
    content: '';
    width: .72rem;
    position: absolute;
    bottom: 0;
    height: .06rem;
    background-color: #eb8b0f
}

header .top-nav .center .nav-list .list a {
    font-size: .18rem;
    display: block
}

header .top-nav .center .nav-list .list:hover:after {
    display: block
}

header .top-nav .center .nav-list .list:hover .drop-down {
    display: block
}

header .top-nav .center .nav-list .list:nth-child(3) .drop-down {
    left: -3%
}

header .top-nav .center .nav-list .list:nth-child(6) .drop-down {
    left: -18%
}

header .top-nav .center .nav-list .drop-down {
    position: absolute;
    top: 1rem;
    left: -35%;
    right: 0;
    padding: .27rem 0 .45rem 0;
    z-index: 999;
    display: none;
    width: 1.8rem;
    background-color: #fff;
    border-radius: 0 0 .08rem .08rem;
    opacity: .9
}
header .top-nav .center .nav-list .list:nth-child(4) .drop-down{
    left: -18%;
} 
header .top-nav .center .nav-list .drop-down a {
    font-size: .16rem;
    line-height: 2.5;
    text-align: center
}

header .top-nav .right {
    padding: 0 .83rem;
    border-left: 1px solid #dcdcdc
}

header .top-nav .right .list {
    display: flex;
    align-items: center;
    margin-right: .22rem
}

header .top-nav .right .list a {
    font-size: .14rem
}

header .top-nav .right .list a:hover {
    color: #eb8b0f
}

header .top-nav .right .icon {
    background: url(../image/search_icon.png);
    width: .18rem;
    height: .18rem;
    background-size: cover
}



/*public*/
main {
    padding-top: 1rem
}

/*page*/
main .currency-tit {
    position: relative;
    height: .81rem
}

main .currency-tit .tt {
    font-size: .44rem;
    color: #333;
    display: block;
    position: absolute;
    z-index: 2
}

main .currency-tit .tit_en_icon {
    position: absolute;
    left: 0;
    top: -.35rem;
    font-family: Objectivity-Bold;
    font-size: 1rem;
    color: #e4e8f0;
    opacity: .6;
    z-index: 1
}

/*page*/
/*page*/
.page {
    display: flex;
    text-align: center;
    justify-content: center;
    margin-top: .58rem
}

.page ul {
    display: flex
}

.page ul li {
    margin-right: .09rem
}

.page ul li a {
    width: .42rem;
    height: .42rem;
    border: solid .01rem #d4d5e3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .14rem
}

.page ul li a:hover {
    background-color: #f7a713;
    color: #fff;
    border: solid .01rem #f7a713
}

.page ul li .active {
    background-color: #f7a713;
    color: #fff;
    border: solid .01rem #f7a713
}


.page div {
    display: flex
}

.page div {
    margin-right: .09rem
}

.page div a {
    margin-right: .09rem;
    width: .42rem;
    height: .42rem;
    border: solid .01rem #d4d5e3;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .14rem
}

.page div a:hover {
    background-color: #f7a713;
    color: #fff;
    border: solid .01rem #f7a713
}

.page div .nowpage {
    margin-right: .09rem;
    width: .42rem;
    height: .42rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .14rem;
    background-color: #f7a713;
    color: #fff;
    border: solid .01rem #f7a713
}


/*index-banner*/
/*index-banner*/
/*index-banner*/
video::-webkit-media-controls {
    display: none !important;
}

.index-banner {
    max-height: 8.5rem;
    width: 100%
}

.index-banner-swiper {
    width: 100%;
    max-height: 8.5rem
}

.index-banner-swiper .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.index-banner-swiper .swiper-slide .pc-bz-video {
    display: block;
    width: 100%;
    height: 8.5rem;
    object-fit: cover
}

.index-banner-swiper .swiper-pagination {
    bottom: .58rem;
    top: inherit !important;
    right: .46rem !important
}

.index-banner-swiper .swiper-pagination span {
    width: .5rem;
    height: .04rem;
    background-color: #fff;
    border-radius: inherit;
    display: inline-block !important;
    margin-right: .17rem !important
}

.index-banner-swiper .swiper-slide .index-banner-swiper-box .item {
    position: absolute;
    top: 26.842%;
    left: 8.385%;
    color: #fff;
    max-width: 6.04rem
}

.index-banner-swiper .swiper-slide .index-banner-swiper-box .item .tit {
    font-size: .48rem
}

.index-banner-swiper .swiper-slide .index-banner-swiper-box .item .en {
    font-size: .171rem;
    margin-top: .17rem
}

.index-banner-swiper .swiper-slide .index-banner-swiper-box .item .ms {
    font-size: .16rem;
    margin-top: .32rem;
    line-height: 1.8;
    text-align: justify
}

.index-banner-swiper .swiper-slide .index-banner-swiper-box .item .ahref {
    width: 1.8rem;
    height: .6rem;
    border-radius: .3rem;
    margin-top: 1.13rem;
    border: solid .01rem #fff;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.index-banner-swiper .swiper-slide .index-banner-swiper-box .item .ahref:hover {
    background-color: #eb8b0f;
    border-color: #eb8b0f
}


/*index-page*/
/*  main-1 */
.index-page .main-1 {
    background: url(../image/index_main_bg_03.jpg) no-repeat;
    padding: 1.49rem 0 1.02rem 0;
    display: flex;
    justify-content: space-between
}

.index-page .main-1 .left {
    padding-left: 1.21rem;
    max-width: 7.39rem
}

.index-page .main-1 .left .number-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .63rem
}

.index-page .main-1 .left .number-list .tt {
    font-family: Objectivity-Bold;
    font-size: .42rem;
    color: #0063b8
}

.index-page .main-1 .left .number-list .ms {
    font-size: .16rem;
    margin-top: .17rem;
    display: block
}

.index-page .main-1 .left .content {
    margin-top: .51rem
}

.index-page .main-1 .left .content .title {
    font-size: .24rem
}

.index-page .main-1 .left .content .gs_ms {
    font-size: .16rem;
    line-height: .36rem;
    margin-top: .23rem;
    text-indent: 32px;
    text-align: justify;
}

.index-page .main-1 .left .href a {
    margin-top: .87rem;
    width: 1.29rem;
    height: .43rem;
    background-color: #eb8b0f;
    font-size: .16rem;
    border-radius: .21rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center
}

.index-page .main-1 .right {
    position: relative;
    width: 9.6rem
}

.index-page .main-1 .right .introductionSwiper {
    height: 6.9rem;
    width: 8.9rem;
    margin-right: .7rem;
    overflow: hidden
}

.index-page .main-1 .right .button-next {
    width: .48rem;
    height: 1.8rem;
    background-color: #eb8b0f;
    color: #fff;
    right: .22rem;
    position: absolute;
    z-index: 1;
    cursor: pointer;
    display: flex;
    top: 35%;
    align-items: center;
    justify-content: center
}

.index-page .main-1 .right .button-next:after {
    content: 'next';
    font-size: .18rem;
    font-family: swiper-icons;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1
}

.index-page .main-1 .right .bg {
    width: 8.9rem;
    height: 6.2rem;
    background-color: #0063b8;
    position: absolute;
    bottom: 0;
    right: 0;
    opacity: .8
}

.index-page .main-1 .right .swiper-pagination {
    bottom: 0
}

.index-page .main-1 .right .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: .7rem;
    width: 8.9rem;
    display: flex;
    padding-left: .36rem;
    justify-content: space-between;
    align-items: center
}

.index-page .main-1 .right .bottom .con {
    display: flex;
    align-items: center;
    margin-left: .72rem
}

.index-page .main-1 .right .bottom .con .ms {
    color: #fff;
    font-size: .18rem
}

.index-page .main-1 .right .bottom .swiper-pagination .swiper-pagination-progressbar-fill {
    background-color: #fff
}

.index-page .main-1 .right .bottom .swiper-pagination {
    position: relative;
    width: 1.2rem;
    height: .01rem;
    margin: 0 .2rem
}

.index-page .main-1 .right .bottom .swiper-pagination .swiper-pagination-progressbar-fill {
    background-color: #fff
}

.index-page .main-1 .right .bottom .number {
    font-size: .16rem;
    color: #fff;
    font-weight: 700
}

/*main-2*/
.index-page .main-2 .list {
    display: flex
}

.index-page .main-2 .list .item {
    height: 8.4rem;
    width: 25%;
    position: relative;
    background-size: cover !important;
}

.index-page .main-2 .list .item:nth-child(1) {
    background: url(../image/index_main_bg_04.jpg) no-repeat
}

.index-page .main-2 .list .item:nth-child(2) {
    background: url(../image/index_main_bg_05.jpg) no-repeat
}

.index-page .main-2 .list .item:nth-child(3) {
    background: url(../image/index_main_bg_06.jpg) no-repeat
}

.index-page .main-2 .list .item:nth-child(4) {
    background: url(../image/index_main_bg_07.jpg) no-repeat
}

.index-page .main-2 .list .item .tit {
    font-size: .3rem;
    padding-left: .39rem;
    padding-top: .65rem;
    color: #fff
}

.index-page .main-2 .list .item:hover .tit {
    display: none
}

.index-page .main-2 .list .item:hover .content .bg {
    opacity: .7
}

.index-page .main-2 .list .item:hover .content .box {
    opacity: 1
}

.index-page .main-2 .list .item .content .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    padding: 0 .62rem;
    width: 100%;
    height: 100%
}

.index-page .main-2 .list .item .bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    background-color: #0063b8;
    opacity: 0
}

.index-page .main-2 .list .item .content .box .tt {
    font-size: .3rem;
    color: #fff
}

.index-page .main-2 .list .item .content .box .ms {
    font-size: .16rem;
    margin-top: .72rem;
    color: #fff;
    line-height: 1.5;
    text-align: justify;
}

.index-page .main-2 .list .item .content .box .href {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    width: 1.29rem;
    height: .43rem;
    border-radius: .21rem;
    border: solid .01rem #fff;
    margin-top: 1.26rem;
    color: #fff
}

.index-page .main-2 .list .item .content .box .href:hover {
    background-color: #eb8b0f;
    color: #fff;
    border-color: #eb8b0f
}



/*main-3*/
.index-page .main-3 {
    background: url(../image/index_main_bg_08.jpg) no-repeat;
    padding-top: .9rem;
    padding-left: 1.2rem;
    padding-bottom: .64rem;
    padding-right: 1.2rem
}

.index-page .main-3 .list .index-new-swiper {
    overflow: hidden
}

.index-page .main-3 .list .index-new-swiper .swiper-slide {
    width: 5.41rem
}

.index-page .main-3 .list .index-new-swiper .swiper-slide .top {
    position: relative
}

.index-page .main-3 .list .index-new-swiper .swiper-slide .top .img {
    width: 5.41rem;
    height: 3rem;
    background: url(../image/index_introduce_img_03.jpg) no-repeat;
    background-size: cover !important;
    background-position: center center !important;
}

.index-page .main-3 .list .index-new-swiper .swiper-slide .top .time {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .41rem;
    font-size: .14rem;
    padding-left: .25rem;
    color: #fff;
    background: #0000006b;
    display: flex;
    align-items: center
}

.index-page .main-3 .list .index-new-swiper .swiper-slide .content {
    background: #fff;
    padding: .13rem .63rem .79rem .25rem
}

.index-page .main-3 .list .index-new-swiper .swiper-slide .content>.title {
    min-height: .65rem
}

.index-page .main-3 .list .index-new-swiper .swiper-slide .content .title h2 {
    font-size: .22rem;
    line-height: 1.5;
}

.index-page .main-3 .list .index-new-swiper .swiper-slide .content .ms {
    font-size: .14rem;
    line-height: 1.5;
    color: #666;
    margin-top: .3rem
}

.index-page .main-3 .list .index-new-swiper .swiper-slide .content .href {
    font-size: .14rem;
    display: flex;
    align-items: center;
    margin-top: .38rem
}

.index-page .main-3 .list .index-new-swiper .swiper-slide .content .href .icon {
    background: url(../image/jiantou.png) no-repeat;
    width: 11px;
    height: 8px;
    margin-left: .08rem
}

.index-page .main-3 .list .index-new-swiper .bottom {
    width: 12.45rem;
    background: #f5f8fb;
    margin-left: 2.3rem;
    margin-top: .38rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.index-page .main-3 .list .index-new-swiper .bottom .switch-botton {
    display: flex;
    align-items: center;
    margin-right: .4rem;
    padding-top: .09rem;
    padding-bottom: .09rem
}

.index-page .main-3 .list .index-new-swiper .bottom .switch-botton span {
    width: .78rem;
    height: .78rem;
    border-radius: 45px;
    background: #fff;
    display: flex;
    font-size: .24rem;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-right: .1rem
}

.index-page .main-3 .list .index-new-swiper .bottom .switch-botton span:last-child {
    margin-right: 0
}

.index-page .main-3 .list .index-new-swiper .bottom .switch-botton span:hover {
    background: #fff;
    color: #000
}

.index-page .main-3 .list .index-new-swiper .bottom .switch-botton .swiper-button-disabled {
    opacity: .7;
    background: #fff;
    color: #000
}

.index-page .main-3 .list .index-new-swiper .bottom .swiper-pagination {
    max-width: 7.8rem;
    position: relative;
    background: #ebebeb
}

.index-page .main-3 .list .index-new-swiper .bottom .swiper-pagination .swiper-pagination-progressbar-fill {
    background: #fff
}


/*main-4*/
.index-page .main-4 {
    display: flex;
    margin-top: .3rem
}

.index-page .main-4 .item {
    width: 50%;
    height: 4.5rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    background-size: cover !important;
}

.index-page .main-4 .item:nth-child(1) {
    background: url(../image/index_main_bg_09.jpg) no-repeat
}

.index-page .main-4 .item:nth-child(2) {
    background: url(../image/index_main_bg_10.jpg) no-repeat
}

.index-page .main-4 .item .tit {
    font-size: .44rem;
    color: #fff
}

.index-page .main-4 .item .ms {
    font-size: .16rem;
    margin-top: .48rem;
    color: #fff
}

.index-page .main-4 .item .href {
    width: 1.29rem;
    height: .43rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .21rem;
    border: solid .01rem #fff;
    color: #fff;
    margin-top: 1.48rem;
    font-size: .16rem
}

.index-page .main-4 .item .href:hover {
    background: #eb8b0f;
    color: #fff;
    border-color: #eb8b0f
}

/*main-5*/
.index-page .main-5 {
    padding: .91rem .75rem 1.25rem .75rem;
    background-color: #eef2f6;
    overflow: hidden
}

.index-page .main-5 .currency-tit {
    display: flex;
    align-items: center;
    justify-content: center
}

.index-page .main-5 .currency-tit .tit_en_icon {
    width: 100%;
    display: flex;
    justify-content: center
}

.index-page .main-5 .content {
    padding-top: .86rem;
    overflow: hidden;
    position: relative
}

.index-page .main-5 .content .list {
    display: flex;
    justify-content: space-between;
}

.index-page .main-5 .content .list li {
    width: 2.7rem;
    height: 1.3rem;
    background-color: #fff;
    box-shadow: 0 .03rem .16rem 0 rgba(0, 24, 51, .06);
    border-radius: .3rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.index-page .main-5 .content .swiper-button-prev,
.swiper-rtl .swiper-button-next {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    display: flex;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #fff;
    left: auto !important;
    right: 52px !important;
    top: 30px;
    color: #000;
}

.index-page .main-5 .content .swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
    font-size: 14px;
}

.index-page .main-5 .content .swiper-button-next,
.swiper-rtl .swiper-button-next {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    display: flex;
    font-size: 14px;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background: #fff;
    top: 30px;
    color: #000;
}

.index-page .main-5 .content .swiper-button-next:after,
.swiper-rtl .swiper-button-next:after {
    font-size: 14px;
}



/*footer*/
footer {
    background: url(../image/footer_bg_12.jpg);
    font-size: initial
}

footer .content {
    padding: .64rem 1.28rem 0 1.3rem;
    display: flex;
    justify-content: space-between
}

footer .content .left .footer-logo img {
    height: .57rem
}

footer .content .left .footer-phone {
    display: flex;
    align-items: center;
    margin-top: .46rem
}

footer .content .left .footer-phone .icon {
    display: block;
    background: url(../image/phone_yellow.png);
    width: 40px;
    height: 40px
}

footer .content .left .footer-phone .number-box {
    display: flex;
    flex-direction: column;
    margin-left: .11rem
}

footer .content .left .footer-phone .number-box .phone {
    font-size: .24rem;
    color: #ff9710
}

footer .content .left .footer-phone .number-box .tt {
    font-size: .14rem;
    color: #fff;
    margin-top: .1rem
}

footer .content .center {
    margin-left: .96rem;
    display: flex;
    justify-content: space-between;
    flex: 1;
    margin-right: 1rem
}

footer .content .center .item .tit {
    font-size: .18rem;
    color: #fff
}

footer .content .center .item .list {
    margin-top: .33rem
}

footer .content .center .item .list a {
    font-size: .16rem;
    color: #fff;
    line-height: 2.5;
    display: block
}

footer .content .center .item .list a:hover {
    color: #eb8b0f
}

footer .bottom {
    margin-top: .69rem
}

footer .bottom .line {
    background: #b3b3b3;
    height: 1px;
    opacity: .2
}

footer .bottom .copyright {
    display: flex;
    padding-top: .25rem;
    padding-bottom: .3rem;
    justify-content: center
}

footer .bottom .copyright P {
    margin-right: .2rem;
    color: #fff;
    font-size: .16rem
}

footer .bottom .copyright P a {
    color: #fff
}

footer .bottom .copyright P a:hover {
    color: #eb8b0f
}


/*page-crumbs*/
/*page-crumbs*/
/*page-crumbs*/
main .crumbs {
    display: flex;
    align-items: center;
    padding: .3rem 0;
    justify-content: right;
    padding-right: 2rem
}

main .crumbs .icon {
    background: url(../image/address-icon.png);
    width: .27rem;
    height: .25rem;
    background-size: cover
}

main .crumbs .tt {
    font-size: .16rem
}

main .crumbs a {
    font-size: .16rem;
    display: flex
}

main .crumbs a:after {
    content: '/';
    display: block;
    font-size: .16rem;
    margin: 0 .05rem
}

main .crumbs a:last-child:after {
    content: none
}



/*about-us*/
/*about-us*/
/*about-us*/

.about-page .page-banner {
    background: url(../image/page_banner.jpg) no-repeat;
    height: 8rem;
    width: 100%;
    position: relative;
    padding-left: 2rem
}

.about-page .page-banner .tit {
    position: absolute;
    bottom: 18%;
    font-size: 1rem;
    color: #fff
}

.about-page .main-1 {
    padding: 0.35rem 2.3rem 0 2.3rem;
}

.about-page .main-1 .number-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .45rem;
    max-width: 7rem
}

.about-page .main-1 .number-list .tt {
    font-family: Objectivity-Bold;
    font-size: .42rem;
    color: #0063b8
}

.about-page .main-1 .number-list .ms {
    font-size: .16rem;
    margin-top: .17rem;
    display: block
}

.about-page .main-1 .content p {
    font-size: .18rem;
    margin-top: .35rem;
    line-height: 2
}

.about-page .main-1 .company-img {
    display: flex;
    justify-content: space-between;
    margin-top: .38rem
}

.about-page .main-1 .company-img .item {
    width: 7.1rem
}

.about-page .main-2 {
    background: url(../image/about_bg_11.jpg) no-repeat;
    max-height: 9.2rem;
    padding: 1rem .23rem .64rem .23rem;
    margin-top: .68rem
}

.about-page .main-2 .currency-tit {
    display: flex;
    justify-content: center;
    align-items: center
}

.about-page .main-2 .currency-tit .tt {
    color: #fff
}

.about-page .main-2 .currency-tit .tit_en_icon {
    opacity: .2;
    display: flex;
    justify-content: center;
    width: 100%
}



/*             发展历程             */
.about-page .main-2 .history {
    padding: 0 2.3rem
}

.about1_line {
    padding: 0 .7rem;
    position: relative;
    margin-top: .5rem
}

.about1_line .line-btn {
    width: .45rem;
    height: .44rem;
    position: absolute;
    top: .3rem;
    cursor: pointer;
    background-size: cover !important
}

.about1_line .swiper-button-disabled {
    opacity: .3;
    cursor: not-allowed
}

.about1_line .line-btn-left {
    left: 0;
    background: url(../image/about-btn-left.png)
}

.about1_line .line-btn-right {
    right: 0;
    background: url(../image/about-btn-right.png)
}

.about1_line li span {
    width: .76rem;
    height: 1.14rem;
    margin: auto;
    display: flex;
    position: relative;
    cursor: pointer;
    flex-direction: column;
    align-items: center
}

.about1_line li span a {
    position: absolute;
    bottom: .08rem;
    left: 0;
    text-align: center;
    width: 100%;
    height: .32rem;
    line-height: .32rem;
    font-size: .16rem;
    color: #fff
}

.about1_line {
    overflow: hidden;
    height: 2rem;
    display: flex;
    align-items: center
}

.about1_line .line-head {
    height: 1.15rem;
    display: flex;
    align-items: center
}

.about1_line .line-head {
    position: relative;
    width: 100%
}

.about1_line .line-head .line {
    height: 1px;
    width: 100%;
    background: #d6d7d6;
    position: absolute;
    top: .52rem
}

#swiper1 .swiper-slide-active {
    width: 1.92rem !important;
    height: 1.92rem !important;
    background-color: #fff;
    border: solid .12rem #2a77c7ad;
    border-radius: 1rem;
    display: flex;
    top: -40px
}

#swiper1 .swiper-slide-active span {
    display: flex;
    position: absolute !important;
    width: 100% !important;

}

.line-con .box {
    height: 3.8rem !important;
    overflow: scroll;
    overflow-x: hidden
}

.about1_line .line-btn {
    top: .7rem;
    z-index: 999
}

#swiper1 .swiper-slide-active span i {
    display: none
}

#swiper1 .swiper-slide-active span a {
    color: #1f6dc4 !important;
    font-size: .4rem !important;
    font-weight: 700;
    position: relative !important;
    top: .7rem !important;
    -webkit-transition: all .1s linear;
    -moz-transition: all .1s linear;
    transition: all .1s linear
}

.about1_line li span i {
    position: absolute;
    width: .4rem;
    height: .4rem;
    background-color: #c8ccd1;
    box-shadow: 0 .02rem .08rem 0 rgba(5, 49, 99, .06);
    border: solid .12rem #fff;
    border-radius: 30px;
    left: .29rem;
    top: .32rem
}

.line-con {
    display: flex;
    justify-content: center;
    width: 100% !important
}

.line-con .box {
    width: 8rem !important;
    box-sizing: border-box;
    margin-top: .33rem;
    padding: .28rem .32rem;
    background-color: rgba(255, 255, 255, .2);
    flex-direction: column
}

.line-con .box:nth-child(1) {
    display: flex
}

.line-con .box p {
    line-height: .5rem;
    font-size: .18rem;
    color: #fff
}

.con-swiper {
    width: 8rem
}

.con-swiper .swiper-wrapper {
    width: 8rem !important;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start
}

.line-con .box::-webkit-scrollbar-thumb {
    background: rgba(0, 0, 0, .1);
    background-color: #f7f7f74a
}






.wcwzbd {
    background: url(../image/about_bg_11.jpg) no-repeat;
    background-position: center;
    padding: 0.5rem 2.3rem;
    margin-top: .35rem;
}

.wcwzbd .container {
    max-width: 14rem;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}

.wcwzbd .wcwzbd-a .title {
    font-size: .44rem;
    color: #fff;
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active .aboutB-d {
    max-height: 3.5rem;
}





.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide {
    opacity: 0.8;
    transition: all 0.5s;
    transform: scale(0.94);
    padding: 40px 0;
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active {
    opacity: 1;
    transform: scale(1.17);
    z-index: 9;
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d {
    border-radius: 20px;
    padding: 35px 30px 35px 40px;
    background: #fff;
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active .aboutB-d {
    border-radius: 20px;
    padding: 35px 30px 50px 40px;
    background: #fff;
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .t {
    font-size: .3rem;
    color: #00589f;
    margin-bottom: 6px;
}


.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .scroll_box1 .c p {
    font-size: 14px;
    color: #06234a;
    margin-bottom: 13px;
    position: relative;
    padding-left: 14px;
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .scroll_box1 .c p:before {
    position: absolute;
    content: "";
    left: 0;
    top: 11px;
    width: 6px;
    height: 6px;
    background: #00589f;
    border-radius: 50%;
    transform: translateY(-50%);
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-prev .aboutB-d .scroll_box1 .c p:before {
    position: absolute;
    content: "";
    left: 0;
    top: 9px;
    width: 6px;
    height: 6px;
    background: #00589f;
    border-radius: 50%;
    transform: translateY(-50%);
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .scroll_box1 .c p:last-child {
    margin-bottom: 0;
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide .aboutB-d .scroll_box1 {
    max-height: 2.35rem;
    overflow-y: hidden;
    overflow-x: hidden;
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active .aboutB-d .scroll_box1 {
    max-height: 2.35rem;
    overflow-y: auto;
    overflow-x: hidden;
}


.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active .aboutB-d .scroll_box1 .c p {
    margin-bottom: 6px;
}


.wcwzbd .aboutB .aboutB-b .aboutB-c {
    position: relative;
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs {
    padding: 0 45px;
    text-align: center;
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide {
    cursor: pointer;
    padding-top: 58px;
    width: 89px;
    position: relative;
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs:after {
    content: '';
    width: 100%;
    height: 1px;
    background: #dcdcdc;
    position: absolute;
    left: 0;
    top: 50%;
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide span {
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #cccccc;
    border-radius: 50%;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 9;
    transform: translate(-50%, -50%);
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide p {
    font-size: 18px;
    color: #fff;
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide-thumb-active span:before {
    position: absolute;
    content: "";
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid #fd9935;
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide-thumb-active span {
    background: #fd9935;
}

.swiper-button-next-white {
    background: url(../image/xtzws.png);
    width: 42px;
    height: 42px;
    right: 0;
}

.swiper-button-prev-white {
    background: url(../image/xtjbs.png);
    width: 42px;
    height: 42px;
    left: 0;
}

.swiper-button-next-white:hover {
    background: url(../image/xtzwsa.png);
}

.swiper-button-prev-white:hover {
    background: url(../image/xtjbsa.png);
}



@media(max-width: 1023px) {
    .wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active {
        transform: initial;
    }
}

.wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active .aboutB-d {}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide:nth-child(1):after {
    width: 100%;
    height: 1px;
    background: #fd9935;
    position: absolute;
    left: 0;
    top: 38px;
    transition: all 0.4s;
    content: "";
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide:before {
    width: 0;
    height: 1px;
    background: #fd9935;
    position: absolute;
    left: 0;
    top: 38px;
    transition: all 0.4s;
    content: "";
}

.wcwzbd .aboutB .aboutB-b .aboutB-c .gallery-thumbs .swiper-slide.chang:before {
    width: 150%;
}

.ig {
    width: 100%;
    background: url(../image/ig1_1.png);
    height: 260px;
    font-family: "Roboto Bold";
}

.ig .ig1 {
    width: 73%;
    height: 100%;
    margin: 0 auto;
    position: relative;


}

.ig .ig1 .ig1_1 {
    font-size: 48px;
    color: #fff;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.ig .ig1 .ig1_2 {
    position: absolute;
    right: 0px;
    top: 50%;
    transform: translateY(-50%);
}

.ig .ig1 .ig1_2 .ig1_3 {
    border: 1px #fff solid;
    border-radius: 60px;
    width: 100%;
    padding: 20px 65px;
    position: relative;
}

.ig .ig1 .ig1_2 .ig1_3 a {
    font-size: 18px;
    color: #ffffff;
}

.homeBoxC-d .zx {
    position: absolute;
    width: 150px;
    right: -165px;
    top: 50%;
    transform: translateY(-50%);
}
















/*             team             */
.about-page .main-3 {
    background: #f7f7f7;
    padding: 1rem 2.3rem .65rem 2.3rem
}

.about-page .main-3 .currency-tit {
    display: flex;
    justify-content: center
}

.about-page .main-3 .currency-tit .tt {
    text-align: center
}

.about-page .main-3 .currency-tit .tit_en_icon {
    display: flex;
    justify-content: center;
    width: 100%
}

.about-page .main-3 .content {
    padding: .36rem .33rem;
    background: #fff;
    margin-top: .53rem
}

.about-page .main-3 .content .tab {
    display: flex
}

.about-page .main-3 .content .tab .tab-item {
    width: 2.1rem;
    height: .7rem;
    background-color: #686e9f;
    border-radius: .1rem;
    margin-right: .19rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer
}

.about-page .main-3 .content .tab .active {
    background: #eb8b0f
}

.about-page .main-3 .content .tab .tab-item .icon {
    display: block;
    width: .36rem;
    height: .4rem;
    background-size: cover !important;
    margin-right: .12rem
}

.about-page .main-3 .content .tab .tab-item .icon:nth-child(1) {
    background: url(../image/about_tab_icon.png) no-repeat
}

.about-page .main-3 .content .tab .tab-item:nth-child(2) .icon {
    background: url(../image/about_tab_icon1.png) no-repeat
}

.about-page .main-3 .content .tab .tab-item .tt {
    font-size: .18rem;
    color: #fff
}

.about-page .main-3 .content .line {
    height: .04rem;
    background-color: #c8ccd1;
    border-radius: .02rem;
    margin-top: .28rem
}

.about-page .main-3 .content .line:before {
    content: '';
    display: block;
    width: 2.26rem;
    height: .04rem;
    background-color: #eb691c;
    border-radius: .02rem
}

.about-page .main-3 .content .list .list-box {
    display: none
}

.about-page .main-3 .content .list .box {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + .43rem)
}

.about-page .main-3 .content .list .box .item {
    height: auto;
    width: calc(25% - .43rem);
    margin-right: .43rem;
    margin-top: .36rem;
    background-color: #fff;
    box-shadow: 0 0 .2rem 0 rgba(7, 32, 61, .1);
    border-radius: .2rem;
    padding: .25rem;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.about-page .main-3 .content .list .box .item .img {}

.about-page .main-3 .content .list .box .item .img img {
    background-color: #0865b7;
    border-radius: .1rem
}

.about-page .main-3 .content .list .box .item .text .tit {
    font-size: .26rem;
    margin-top: .2rem
}

.about-page .main-3 .content .list .box .item .text .ms {
    font-size: .18rem;
    color: #666;
    margin-top: .14rem
}

.about-page .main-4 {
    background: url(../image/about_bg_13.jpg) no-repeat;
    padding: 1.09rem 1.82rem 1.03rem 1.82rem
}

.about-page .main-4 .currency-tit {
    display: flex;
    justify-content: center
}

.about-page .main-4 .currency-tit .tt {
    text-align: center
}

.about-page .main-4 .currency-tit .tit_en_icon {
    display: flex;
    justify-content: center;
    width: 100%;
    opacity: .3
}

.about-page .main-4 .honor {
    position: relative;
    margin-top: .37rem
}

.about-page .main-4 .honor .swiper {
    max-width: 13.12rem
}

.about-page .main-4 .honor .honor-swiper .swiper-wrapper .swiper-slide {
    width: 3.1rem;
    height: 3.5rem;
    background-color: #fff;
    padding: .63rem .2rem .43rem .2rem
}

.about-page .main-4 .honor .honor-swiper .swiper-wrapper .swiper-slide .img img {
    max-height: 1.92rem
}

.about-page .main-4 .honor .honor-swiper .swiper-wrapper .swiper-slide .tit {
    font-size: .18rem;
    margin-top: .34rem;
    text-align: center
}

.about-page .main-4 .honor .swiper-button-prev,
.honor .swiper-button-next {
    width: .76rem;
    height: .76rem;
    box-shadow: 0 0 .12rem 0 rgba(0, 0, 0, .1);
    background: #fff;
    color: #333;
    border-radius: 45px
}

.about-page .main-4 .honor .swiper-button-prev:after,
.honor .swiper-button-next:after {
    font-size: .16rem;
    font-weight: 600
}

.about-page .main-4 .honor .swiper-button-next.swiper-button-disabled {
    background: #fff
}




/*   science-page    */
.science-page .crumbs {
    padding-right: 0
}

.science-page .page-banner {
    background: url(../image/science-banner.jpg) no-repeat;
    height: 8rem;
    width: 100%;
    position: relative;
    padding-left: 2rem
}

.science-page .page-banner .tit {
    position: absolute;
    bottom: 18%;
    font-size: .66rem;
    color: #fff
}

.science-page .content {
    background: url(../image/science-page-bg.jpg) no-repeat;
    padding: 0 3rem
}

.science-page .content .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: .2rem;
    padding-bottom: 1rem
}

.science-page .content .list .item {
    width: 6.3rem;
    background: #fff;
    box-shadow: 0 0 .2rem 0 rgba(0, 52, 97, .08);
    border-radius: .2rem;
    margin-bottom: .61rem
}

.science-page .content .list .item:nth-child(4){
display:none;
}
.science-page .content .list .item .tit {
    padding: .29rem 0;
    text-align: center;
    font-size: .26rem;
    color: #fff;
    border-radius: .26rem .26rem 0 0
}

.science-page .content .list .item .text {
    padding: .47rem .34rem;
    font-size: .18rem;
    line-height: 2;
    text-indent: 25px;
    text-align: justify;
}

.science-page .content .list .item:nth-child(1) .tit {
    background-color: #d41949;
}

.science-page .content .list .item:nth-child(2) .tit {
    background-color: #0063b8;
}

.science-page .content .list .item:nth-child(3) .tit {
    background-color: #fd9833;
}

.science-page .content .list .item:nth-child(4) .tit {
    background-color: #007995;
}

/*   clinical-page    */
.clinical-page .crumbs {
    padding-right: 0
}

.clinical-page .page-banner {
    background: url(../image/science-banner.jpg) no-repeat;
    height: 8rem;
    width: 100%;
    position: relative;
    padding-left: 2rem
}

.clinical-page .page-banner .tit {
    position: absolute;
    bottom: 18%;
    font-size: .66rem;
    color: #fff
}

.clinical-page .content {
    padding: 0 2rem;
    padding-bottom: .87rem;
    background: url(../image/science-page-bg.jpg) no-repeat
}

.clinical-page .products {
    padding: 0 2rem;
    padding-bottom: .87rem;
    background: url(../image/product-bg1.png) no-repeat;
    background-size: cover;
}

.clinical-page .content .top {
    display: flex;
    justify-content: space-between;
    padding-bottom: .27rem;
    border-bottom: 2px solid #dcdcdc
}

.clinical-page .content .top .left {
    display: flex;
    align-items: center
}

.clinical-page .content .top .left .icon {
    background: url(../image/clinical-title-icon.png);
    width: .55rem;
    height: .6rem;
    margin-right: .26rem
}

.clinical-page .content .top .left .tt {
    font-size: .36rem;
    color: #0865b7
}

.clinical-page .content .top .right {
    display: flex
}

.clinical-page .content .top .right .button {
    width: 1.5rem;
    height: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    color: #0865b7;
    border-radius: .25rem;
    border: solid .01rem #0865b7;
    cursor: pointer
}

.clinical-page .href {
    cursor: pointer
}

.clinical-page .content .top .right .button:hover {
    background-color: #0865b7;
    color: #fff
}

.clinical-page .content .top .right .button:first-child {
    margin-right: .12rem
}

.clinical-page .content .top .right .button:nth-child(2) {
    margin-right: .12rem
}

.clinical-page .content .top .right .active {
    background-color: #0865b7;
    color: #fff
}

.clinical-page .content .top .right .button:hover a {
    color: #fff
}

.clinical-page .content .top .right .active a {
    background-color: #0865b7;
    color: #fff
}

.gspt {
    background: url(../image/gongsi_bg.png) no-repeat;
    background-size: contain;
    height: 2rem;
    width: 100%;
    margin-top: .38rem;
    display: flex;
    align-items: center;
    justify-content: flex-end
}

.gspt .box {
    padding-right: 1.04rem;
    display: flex;
    flex-direction: column;
}

.gspt .box .tt {
    font-size: 0.3rem;
    color: #ffffff;
    font-weight: 600
}

.gspt .box a {
    color: #fff;
    margin-top: .2rem;
    font-size: 0.3rem;
}



.news-page .page_search {
    justify-content: flex-start
}

.page_search {
    display: flex;
    margin-top: .37rem;
    justify-content: flex-end;
    width: 100%
}

.page_search .page_search-box {
    display: flex;
    justify-content: space-between;
    width: 4.51rem;
    height: 0.6rem;
    background: #fff
}

.page_search .search-box {
    width: 3.3rem;
    padding-left: .19rem;
    border: solid 0.01rem #d2d2d2;
}

.page_search .search-button .icon {
    background: url(../image/pagesearch_icon.png);
    width: .19rem;
    height: .18rem;
    background-size: cover;
    margin-right: .05rem
}

.page_search .search-button {
    width: 1rem;
    background: #0865b7;
    color: #fff;
    font-size: 0.16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    border: solid 0.01rem #0865b7;
}




.manage {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.manage .item-box {
    padding: 5px 20px 30px;
    position: relative;
    border: 1px solid #dfe5ed;
    border-radius: 10px;
    width: calc(100% * 1 / 3.1);
    margin-top: .2rem
}

.manage .item-box .head {
    margin-bottom: 15px;
    padding: 0 10px;
    border-bottom: 1px solid #dfe5ed;
    line-height: 60px;
    font-size: .24rem;
    color: #0865b7;
    font-weight: bold
}

.manage .item-box .head .ms {
    font-size: .24rem;
    color: #000;
    font-weight: bold
}

.manage .item-box ul {
    flex-wrap: wrap;
    flex-direction: column;
}

.manage .item-box ul li {
    font-size: 16px;
    line-height: 2;
    color: #6f7479;
}

@media screen and (max-width:768px) {
    .notice-page .content .page-tab {
        flex-wrap: wrap;
        justify-content: space-between
    }

    .notice-page .content .page-tab .button {
        margin-bottom: .1rem
    }

    .manage {
        flex-wrap: wrap
    }

    .manage .item-box {
        width: 100%
    }

    .BA_BTN {
        width: 150px !important;
    }
.BA_BTN:hover{
color:#FFFFFF;
} 
.index-banner-swiper .swiper-slide .index-banner-swiper-box{
height:100%;
}

.index-banner-swiper .swiper-slide .pc-bz-video{
height:100%;
}
.index-banner-swiper .swiper-slide{
height:215px !important;
}
}






.clinical-page .content .table-box .lanmu_tit {
    font-size: 16px;
    color: #333333;
    margin-bottom: .4rem;
    margin-top: .37rem;
    line-height: 30px;
}

.yfcon {
    margin-top: 2.5%;
}

.yfcon p {
    font-size: 15px;
    line-height: 26px;
}

ul,
li,
form,
dl,
dt,
dd,
div,
ol,
figure,
aside {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
}

.clear {
    clear: both;
    height: 0px;
    overflow: hidden;
    zoom: 0;
}

.yfgx {
    width: 100%;
}

.yfgx dl {
    display: flex
}

.yfgx .item {
    margin-top: .57rem
}

.yfgx .item .tit .tt {
    font-size: 0.26rem;
}

.yfgx .list-tit {
    margin-top: .43rem
}

.yfgx .list-tit dd {
    background: #058fd2;
    color: #fff;
    border-right: 1px solid #fff;
}

.yfgx .list-tit dd:last-child {
    border-right: 0
}

.yfgx dl dd {
    width: 12.5%;
    font-size: .16rem;
    color: #333;
    border-bottom: none;
    border-left: 0;
    text-align: center;
    line-height: 50px;
}

.yfgx dl dd:nth-child(1) {
    border-left: 1px solid #e6e6e6;
}

.yfgx .dl {
    border-top: 0;
    display: table;
    width: 100%;
}

.yfgx dl:nth-child(2) {
    border-top: 0;
}

.yfgx .dl dt {
    width: 12.5%;
    display: table-cell;
    vertical-align: middle;
    font-size: .16rem;
    color: #333;
    border: 1px solid #e6e6e6;
    border-right: 0;
    text-align: center;
    line-height: 23px;
}

.yfgx .dl dd {
    display: table-cell;
    vertical-align: middle;
    ;
    width: 100%;
    font-size: 16px;
    color: #333;
    border: 1px solid #e6e6e6;
    text-align: center;
    line-height: 45px;
}

.yfgx .dl dd ol span {
    width: 14.2%;
    display: block;
    float: left;
    height: 46px;
    border-right: 1px solid #e6e6e6;
}

.yfgx .dl .span:hover {
    cursor: pointer;
    background: #004a96;
    color: #fff;
}

.yfgx .dl dd ol .span:hover {
    cursor: pointer;
    background: #004a96;
    color: #fff;
}

.yfgx .dl dd ol span:nth-child(3) {
    position: relative;
    width: 71.6%;
    border-right: 0;
    padding: 0;
}

.yfgx .dl dd ol span:nth-child(3) .line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.yfgx .dl dd ol span:nth-child(3) .line i {
    display: block;
    float: left;
    width: 20%;
    height: 100%;
    border-right: 1px solid #e6e6e6;
}

.yfgx .dl dd ol:last-child span {
    font-size: .16rem
}

.yfgx .dl dd ol span {}

.yfgx .dl dd ol span .progress-bar-striped {
    height: 15px;
    padding: 5px;
    overflow: visible;
    border-radius: 20px;
    margin-top: 2%;
}

@media(max-width:1200px) {
    .yfgx {
        overflow-x: scroll;
    }
}

@media(max-width:768px) {
    .yfgx .dl dd ol .con .text {
        left: 0;
        margin-left: 0;
    }
}

.progress-bar {
    background-color: #058fd2;
    border-radius: 20px;
    position: relative;
    animation: animate-positive 2s;
}

.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #058fd2;
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

.progress-striped .progress-bar,
.progress-bar-striped {
    background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    -webkit-background-size: 40px 40px;
    background-size: 40px 40px;
}

.progress-bar.active {
    animation: reverse progress-bar-stripes 0.40s linear infinite, animate-positive 2s;
}

@-webkit-keyframes animate-positive {
    0% {
        width: 0;
    }
}

@keyframes animate-positive {
    0% {
        width: 0;
    }
}






















.clinical-page .content .table-box {
    padding-top: .41rem
}

.clinical-page .content .table-box .tit .tt {
    font-size: .26rem;
    margin-right: .38rem
}

.clinical-page .content .table-box .tit {
    display: flex
}

.clinical-page .content .table-box .tit .list {
    display: flex;
    align-items: center
}

.clinical-page .content .table-box .tit .list .item {
    display: flex;
    margin-right: .25rem
}

.clinical-page .content .table-box .tit .list .item .icon {
    width: .14rem;
    height: .14rem;
    border-radius: 1rem;
    display: block;
    margin-right: .04rem
}

.clinical-page .content .table-box .tit .list .item:nth-child(1) .icon {
    background-color: #d41949
}

.clinical-page .content .table-box .tit .list .item:nth-child(2) .icon {
    background-color: #0865b7
}

.clinical-page .content .table-box .tit .list .item:nth-child(3) .icon {
    background-color: #fd9833
}

.clinical-page .content .table-box .tit .list .item .ms {
    font-size: .14rem;
    color: #666
}


.table-box table {
    background: #fff;
    border: 1px solid #e9e9e9;
    text-align: center
}

.table-box .tableServices th {
    color: #fff
}

.table-box table tr th {
    height: .81rem;
    background: #058fd2;
    ;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
    vertical-align: middle
}

.table-box table tr td {
    padding: 10px;
    height: 54px;
    line-height: 22px;
    color: #3b3b3b;
    font-size: .16rem;
    vertical-align: middle;
}

.table-box table tr td:nth-child(5):hover {
    background: #5c5cff;
}

.table-box table tr td:nth-child(5):hover a {
    color: #fff
}

.table-box .config-list li,
.clinical-page .content .table-boxtable tr td {
    text-align: left;
    font-size: .7rem;
    box-sizing: border-box;
    vertical-align: middle
}

.table-box table tr td,
.table-box table tr th {
    border-right: 1px solid #e1e1e1;
    border-bottom: 1px solid #e1e1e1
}


.patient-page .content {
    padding: 0 2.3rem;
    padding-bottom: 1.08rem
}

.patient-page .content .table-box {
    padding-top: 0
}

.patient-page .content .table-box .img-box {
    display: flex;
    justify-content: space-between;
    margin-top: .5rem
}

.patient-page .content .table-box .img-box .img img {
    width: 7.1rem;
    height: 3.8rem
}

.patient-page .content .table-box table tr th {
    background: #5c5cff;
    border-right: none;
    border-bottom: none
}

/*.patient-page .content .table-box table tr td{border-right:none;border-bottom:none}*/


.base-page .content {
    padding: 0 2.3rem;
    padding-bottom: 1.08rem
}

.base-page .content .table-box .text {
    font-size: .18rem;
    line-height: 2;
    margin-top: .22rem
}

.base-page .content .table-box .text p {
    line-height: 2;
    display: flex
}

.base-page .content .table-box .text p .icon {
    width: .06rem;
    height: .06rem;
    background-color: #313131;
    margin-top: .15rem;
    display: block;
    border-radius: 45px;
    margin-right: .13rem
}

.base-page .content .table-box .text p span {
    flex: 1
}

.base-page .content .table-box .img-box {
    display: flex;
    justify-content: space-between;
    margin-top: .6rem
}

.base-page .content .table-box .img-box .img img {
    width: 7.1rem;
    height: 4.76rem;
    border-radius: .3rem
}



.global-page .content {
    padding-bottom: 1.65rem
}

.global-page .page-banner {
    background: url(../image/cooperation-banner.jpg) no-repeat;
    height: 8rem;
    width: 100%;
    position: relative;
    padding-left: 2rem
}

.global-page .content .box {
    display: flex;
    justify-content: space-between;
    margin-top: .28rem
}

.global-page .content .box .left {
    width: 7.02rem
}

.global-page .content .box .left .tit {
    font-size: .4rem;
    color: #0865b7
}

.global-page .content .box .left .ms {
    margin-top: .62rem;
    font-size: .18rem;
    line-height: 2;
    text-indent: 32px
}

.global-page .content .box .left .contact {
    display: flex;
    margin-top: .4rem
}

.global-page .content .box .left .contact .tt {
    color: #e97600;
    font-size: .18rem;
    font-weight: 700;
    line-height: 2
}

.global-page .content .box .left .contact .text {
    color: #e97600;
    font-size: .18rem;
    font-weight: 700;
    line-height: 2
}

.global-page .content .list {
    margin-top: .82rem
}

.global-page .content .list .tit h2 {
    font-size: .4rem;
    color: #007995
}

.global-page .content .list .list_box {
    margin-top: .67rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px
}

.global-page .content .list .list_box li {
    width: calc(100% / 6 - 20px);
    margin-left: 20px;
    height: 1.08rem;
    background-color: #fff;
    box-shadow: .021rem .021rem .16rem 0 rgba(0, 24, 51, .06);
    border-radius: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: .2rem;
}






.recruit-page .page-banner {
    background: url(../image/recruit-banner.jpg) no-repeat;
    height: 8rem;
    width: 100%;
    position: relative;
    padding-left: 2rem
}

.recruit-page .recruit-swiper {
    overflow: hidden
}

.recruit-page .recruit-swiper .swiper-slide {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
}

.recruit-page .recruit-swiper .swiper-slide-active,
.swiper-slide-duplicate-active {
    transform: scale(1);
}

.recruit-page .swiper-box .swiper-pagination {
    bottom: -.45rem !important;
}

.recruit-page .recruit-swiper .swiper-slide .img {
    display: flex;
    align-items: center;
    flex-direction: column;

}

.recruit-page .recruit-swiper .swiper-slide .img span {
    font-size: .18rem;
    margin-top: 20px
}



.recruit-page .content .welfare {
    display: flex;
    justify-content: space-between;
    margin-top: .4rem
}

.recruit-page .content .welfare .left {
    width: 6.66rem
}

.recruit-page .content .welfare .left .tit {
    font-size: .4rem;
    color: #0865b7
}

.recruit-page .content .welfare .left .list {
    margin-top: .43rem;
    display: flex;
    flex-direction: column
}

.recruit-page .content .welfare .left .list .item {
    margin-bottom: .5rem
}

.recruit-page .content .welfare .left .list .item .tt {
    font-size: .18rem;
    font-weight: 700
}

.recruit-page .content .welfare .left .list .item .ms {
    font-size: .18rem;
    line-height: 2.5
}

.recruit-page .content .team-box {
    margin-top: .2rem
}

.recruit-page .content .team-box .tit {
    font-size: .4rem;
    color: #007995
}

.recruit-page .content .team-box .swiper .swiper-slide {
    height: 3.2rem
}

.recruit-page .content .team-box .swiper-box {
    position: relative;
    margin-top: .62rem
}

.recruit-page .content .team-box .swiper-box .team-box-next {
    width: .76rem;
    height: .76rem;
    box-shadow: 0 0 .12rem 0 rgba(0, 0, 0, .1);
    border-radius: 45px;
    background: #fff;
    font-size: .2rem;
    margin-right: .1rem;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    top: 1.8rem;
    left: -.38rem
}

.recruit-page .content .team-box .swiper-box .team-box-prev {
    width: .76rem;
    height: .76rem;
    box-shadow: 0 0 .12rem 0 rgba(0, 0, 0, .1);
    border-radius: 45px;
    background: #fff;
    font-size: .2rem;
    margin-right: .1rem;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    top: 1.8rem;
    right: -.38rem
}

.recruit-page .development-content {
    background-color: #f7f7f7;
    padding: .63rem 2.3rem 1.11rem 2.3rem
}

.recruit-page .development-content .tit .tt {
    color: #eb8b0f;
    font-size: .4rem
}

.recruit-page .development-content .text-item {
    margin-top: .5rem
}

.recruit-page .development-content .item .tt {
    font-size: .28rem;
    color: #0865b7
}

.recruit-page .development-content .text-item .ms {
    font-size: .18rem;
    line-height: 1.5;
    margin-top: .31rem
}

.recruit-page .development-content .promotion-item .list {
    display: flex;
    justify-content: space-between;
    margin-top: .44rem
}

.recruit-page .development-content .promotion-item .list li {
    width: 3.36rem;
    height: 6rem;
    background-color: #fff;
    border-radius: .2rem;
    padding-top: .31rem
}

.recruit-page .development-content .promotion-item .list li .tit {
    width: 2.6rem;
    height: .7rem;
    background-color: #fff;
    border-radius: .35rem;
    font-size: .2rem;
    border: solid .02rem #000;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto
}

.recruit-page .development-content .promotion-item .list li .list-box {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin-top: .2rem
}

.recruit-page .development-content .promotion-item .list li .list-box .button {
    width: 2.6rem;
    height: .7rem;
    color: #fff;
    font-weight: 700;
    border-radius: .35rem;
    margin: .06rem 0;
    font-size: .2rem;
    display: flex;
    align-items: center;
    justify-content: center
}

.recruit-page .development-content .promotion-item .promotion-tit {
    margin-top: .6rem
}

.recruit-page .development-content .promotion-item .list li:nth-child(1) .list-box .button {
    background-color: #0c359f
}

.recruit-page .development-content .promotion-item .list li:nth-child(2) .list-box .button {
    background-color: #0c69b1
}

.recruit-page .development-content .promotion-item .list li:nth-child(3) .list-box .button {
    background-color: #0f7db1
}

.recruit-page .development-content .promotion-item .list li:nth-child(4) .list-box .button {
    background-color: #0d99ae
}

.recruit-page .development-content .promotion-item .list li .list-box .icon {
    background: url(../image/promotion-item-ico.png);
    width: .35rem;
    height: .35rem;
    display: flex;
    justify-content: center;
    background-size: cover !important;
}

.recruit-page .development-content .system-item {
    margin-top: .74rem
}

.recruit-page .development-content .system-item .system-con .box {
    margin-top: .44rem
}

.recruit-page .development-content .system-item .system-con .box .img {
    width: 7.3rem;
    height: 4.7rem
}

.recruit-page .development-content .system-item .system-con .box {
    display: flex;
    align-items: center
}

.recruit-page .development-content .system-item .system-con .box .text-box {
    height: 4.7rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    background-color: #fff;
    flex: 1
}

.recruit-page .development-content .system-item .system-con .box:nth-child(1) .text-box {
    padding-left: .66rem;
    padding-right: 1.04rem
}

.recruit-page .development-content .system-item .system-con .box:nth-child(2) .text-box {
    padding-left: .79rem;
    padding-right: .94rem
}

.recruit-page .development-content .system-item .system-con .box .text-box .title {
    font-size: .28rem;
    color: #0865b7;
    line-height: 1.5
}

.recruit-page .development-content .system-item .system-con .box .text-box .ms {
    font-size: .18rem;
    margin-top: .46rem;
    line-height: 2
}


.notice-page .content {
    padding: 0 2.3rem;
    background: url(../image/investment-bg.png) left #f5f8fb no-repeat !important
}

.notice-page .content .page-tab {
    display: flex
}

.notice-page .content .page-tab .button {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #0865b7;
    width: 1.5rem;
    height: .5rem;
    border-radius: .25rem;
    font-size: .16rem;
    border: solid .01rem #0865b7;
    margin-right: .12rem;
    cursor: pointer
}

.notice-page .content .page-tab .active {
    background-color: #0865b7;
    color: #fff
}

.notice-page .content .page-tab .active a {
    background-color: #0865b7;
    color: #fff
}

.notice-page .content .page-tab .button:hover {
    background-color: #0865b7;
    color: #fff
}

.notice-page .content .page-tab .button:hover a {
    background-color: #0865b7;
    color: #fff
}

.notice-page .content .notice-box {
    background: #fff;
    padding: .25rem .22rem .38rem .22rem;
    margin-top: .33rem
}

.notice-page .content .notice-box .screen .tit {
    padding-bottom: .21rem;
    border-bottom: 1px solid #d3d3d3;
    position: relative
}

.notice-page .content .notice-box .screen .tit .tt {
    font-size: .3rem
}

.notice-page .content .notice-box .screen .tit:after {
    content: '';
    width: 1.5rem;
    height: .03rem;
    background-color: #0865b7;
    position: absolute;
    left: 0;
    bottom: -1.5px;
    display: block
}

.notice-page .content .notice-box .screen .tips {
    font-size: .16rem;
    margin-top: .25rem
}

.notice-page .content .notice-box .screen .search-criteria {
    margin-top: .2rem
}

.notice-page .content .notice-box .screen .search-criteria .item {
    display: flex;
    align-items: center
}

.notice-page .content .notice-box .screen .search-criteria .item .keyword {
    width: 3rem;
    height: .4rem;
    background-color: #fff;
    border: solid .01rem #e4e6e9;
    box-sizing: border-box;
    padding-left: .1rem
}

.notice-page .content .notice-box .screen .search-criteria .item select {
    padding: 0 .15rem
}

.notice-page .content .notice-box .screen .search-criteria .item select option {
    padding: .5rem 0;
    line-height: 1.5rem;
    background-color: #fff;
    border-radius: unset
}

.notice-page .content .notice-box .screen .search-criteria .item .tt {
    font-size: .14rem;
    margin: 0 .25rem
}

.notice-page .content .notice-box .screen .search-criteria .item .date {
    width: 3rem;
    height: .4rem;
    background-color: #fff;
    border: solid .01rem #e4e6e9;
    box-sizing: border-box;
    padding: 0 .15rem;
    position: relative
}

.notice-page .content .notice-box .screen .search-criteria .item .keyword::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 3rem;
    height: .4rem;
    display: block
}

.notice-page .content .notice-box .screen .search-criteria .item .box {
    position: relative;
    display: flex
}

.notice-page .content .notice-box .screen .search-criteria .item .box:after {
    position: absolute;
    content: '';
    background: url(../image/down-ico.png) no-repeat;
    width: 14px;
    height: 8px;
    left: 2.7rem;
    right: 0;
    top: 15px
}

.notice-page .content .notice-box .screen .search-criteria .item .date::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 3rem;
    height: .4rem;
    display: block;
    opacity: 0
}

.notice-page .content .notice-box .screen .search-criteria .condition-box {
    display: flex;
    align-items: center;
    height: .4rem
}

.notice-page .content .notice-box .screen .search-criteria .item .search {
    width: 1rem;
    height: .36rem;
    background-color: #ef8334;
    border-radius: .18rem;
    color: #fff;
    margin-left: .3rem;
    cursor: pointer
}

.notice-page .content .notice-list .item {
    padding: .18rem .34rem .18rem .3rem;
    background: #fff
}

.notice-page .content .notice-list .item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: .09rem
}

.notice-page .content .notice-list .item .left {
    display: flex;
    align-items: center
}

.notice-page .content .notice-list .item .time {
    font-size: .14rem;
    color: #666;
    margin-right: .33rem
}

.notice-page .content .notice-list .item .title {
    font-size: .18rem;
    color: #000
}

.notice-page .content .notice-list .item .href {
    width: 2rem;
    height: .46rem;
    background-color: #fff;
    border-radius: .23rem;
    border: solid .01rem #0865b7;
    display: flex;
    justify-content: center;
    align-items: center
}

.notice-page .content .notice-list .item .href .icon {
    background: url(../image/notice-downlod-ico.png);
    width: 18px;
    height: 18px;
    display: block;
    margin-right: .07rem
}

.notice-page .content .notice-list .item .href .tt {
    font-size: .14rem;
    color: #0865b7
}

.control-page .notice-list {
    margin-top: .2rem
}

.offering-page .notice-list {
    margin-top: .2rem
}

.relationship-network .content {
    background: url(../image/relationship-network-bg.jpg) no-repeat;
    min-height: 8.2rem;
    display: flex
}

.relationship-network .content .left {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    min-height: 8.2rem
}

.relationship-network .content .left .box {
    width: 5.6rem;
    height: 3.6rem;
    background-color: rgba(0, 99, 184, .85);
    border-radius: .2rem;
    display: flex;
    flex-direction: column;
    padding-top: .45rem;
    padding-left: .39rem
}

.relationship-network .content .left .box .tit {
    font-size: .3rem;
    color: #fff
}

.relationship-network .content .left .box .item {
    margin-top: .34rem
}

.relationship-network .content .left .box .item .row {
    margin-bottom: .24rem;
    display: flex;
    align-items: center
}

.relationship-network .content .left .box .item .row .icon {
    display: block;
    width: 18px;
    height: 18px;
    margin-right: .11rem
}

.relationship-network .content .left .box .item .row:nth-child(1) .icon {
    background: url(../image/relationship-network-address.png) no-repeat
}

.relationship-network .content .left .box .item .row:nth-child(2) .icon {
    background: url(../image/relationship-network-phone.png) no-repeat
}

.relationship-network .content .left .box .item .row:nth-child(3) .icon {
    background: url(../image/relationship-network-hezuo.png) no-repeat
}

.relationship-network .content .left .box .item .row:nth-child(4) .icon {
    background: url(../image/relationship-network-huizhang.png) no-repeat
}

.relationship-network .content .left .box .item .row .text {
    font-size: 0.16rem;
    color: #fff
}

.relationship-network .content .right {
    width: 50%;
    min-height: 8.2rem;
    background-color: rgba(0, 99, 184, .7);
    padding-top: .8rem;
    padding-left: .94rem
}

.relationship-network .content .right .tit {
    font-size: .3rem;
    font-weight: 700;
    color: #fff
}

.relationship-network .content .right .leaving {
    margin-top: .35rem
}

.relationship-network .content .right .leaving .row {
    margin-bottom: .29rem
}

.relationship-network .content .right .leaving .row input {
    width: 5.6rem;
    height: .6rem;
    border-radius: .05rem;
    border: solid .01rem #fff;
    font-size: .16rem;
    color: #fff;
    padding: 0 .2rem;
    display: block;
    box-sizing: border-box
}

.relationship-network .content .right .leaving .row input::placeholder {
    color: #fff
}

.relationship-network .content .right .leaving .row textarea::placeholder {
    color: #fff
}

.relationship-network .content .right .leaving .row textarea {
    width: 5.6rem;
    min-height: 2.6rem;
    display: block;
    max-height: 2.6rem;
    border-radius: .05rem;
    border: solid .01rem #fff;
    font-size: .16rem;
    color: #fff;
    padding: 0 .2rem;
    padding-top: .2rem;
    resize: none;
    box-sizing: border-box
}

.relationship-network .content .right .leaving .leaving-button {
    width: 1.36rem;
    height: .54rem;
    background-color: #0063b8;
    border-radius: .27rem;
    color: #fff;
    display: block;
    cursor: pointer
}


.news-page .content {
    padding: 0 2.3rem;
    background: url(../image/investment-bg.png) left top #f5f8fb no-repeat !important
}

.news-page .content .swiper-box {
    margin-top: .2rem
}

.news-page .content .swiper-box .tit {
    font-size: .4rem;
    color: #007995
}

.news-page .content .swiper-box .news-swiper {
    overflow: hidden
}

.news-page .content .swiper-box {
    position: relative;
    margin-top: .62rem
}

.news-page .content .swiper-box .team-box-next {
    width: .76rem;
    height: .76rem;
    box-shadow: 0 0 .12rem 0 rgba(0, 0, 0, .1);
    border-radius: 45px;
    background: #fff;
    font-size: .2rem;
    margin-right: .1rem;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    top: 1.22rem;
    left: -.9rem
}

.news-page .content .swiper-box .team-box-prev {
    width: .76rem;
    height: .76rem;
    box-shadow: 0 0 .12rem 0 rgba(0, 0, 0, .1);
    border-radius: 45px;
    background: #fff;
    font-size: .2rem;
    margin-right: .1rem;
    position: absolute;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    top: 1.22rem;
    right: -1rem
}

.news-page .content .swiper-box .news-swiper .swiper-slide .img img {
    min-height: 3rem
}

.news-page .content .swiper-box .news-swiper .swiper-slide .text-box {
    background: #fff;
    padding: .22rem .2rem .36rem .2rem
}

.news-page .content .swiper-box .news-swiper .swiper-slide .text-box .time {
    font-size: .14rem;
    color: #333
}

.news-page .content .swiper-box .news-swiper .swiper-slide .text-box .title {
    font-size: .22rem;
    color: #333;
    line-height: 1.5;
    margin-top: .1rem;
    min-height: .65rem
}

.news-page .content .swiper-box .news-swiper .swiper-slide .text-box .title:hover {
    color: red
}

.news-page .content .swiper-box .news-swiper .swiper-slide .text-box .ms {
    font-size: .14rem;
    color: #666;
    line-height: 2;
    margin-top: .22rem
}

.news-page .content .swiper-box .news-swiper .swiper-slide .text-box .link {
    font-size: .14rem;
    display: flex;
    align-items: center;
    margin-top: .26rem
}

.news-page .content .swiper-box .news-swiper .swiper-slide .text-box .link:after {
    content: '';
    background: url(../image/jiantou.png);
    width: 11px;
    height: 8px;
    display: block;
    margin-left: .1rem
}

.news-page .content .news-list {
    margin-top: .44rem
}

.news-page .content .news-list .item {
    display: flex;
    flex-direction: column;
    margin-bottom: .23rem;
    background: #fff;
    padding: .3rem 1.04rem .35rem .42rem
}

.news-page .content .news-list .item .time {
    font-size: .14rem;
    color: #333
}

.news-page .content .news-list .title {
    font-size: .22rem;
    color: #0865b7;
    line-height: 1.5;
    margin-top: .1rem
}

.news-page .content .news-list .title:hover {
    color: red
}

.news-page .content .news-list .ms {
    font-size: .14rem;
    color: #666;
    line-height: 2;
    margin-top: .19rem
}

.news-page .content .news-list .link {
    font-size: .14rem;
    display: flex;
    align-items: center;
    margin-top: .26rem
}

.news-page .content .news-list .link:after {
    content: '';
    background: url(../image/jiantou.png);
    width: 11px;
    height: 8px;
    display: block;
    margin-left: .1rem
}

.news-page .content .swiper-box .news-swiper .swiper-slide .img {
    background-position: center center
}

.contact-page .map-content {
    max-width: 13rem;
    width: 100%;
    margin: .3rem auto 0 auto;
}



.contact-page .map-content .box {
    justify-content: space-between
}

.contact-page .map-content .box .map-img {
    width: 6.86rem;
    height: 3.9rem;
    background-repeat: no-repeat !important;
    background-position: center center !important;

}

.contact-page .map-content .box .item {
    flex: 1;
    padding-top: 0.2rem;
    padding-left: 0.35rem;
}

.contact-page .map-content .box .item .tit {
    font-size: .26rem;
    padding-bottom: .21rem;
    border-bottom: 1px solid #dcdcdc
}

.contact-page .map-content .box .item .con {
    margin-top: .27rem;
    display: flex;
    flex-direction: column;
}

.row-message .zhimu input,
.shengao input,
.xinbie select,
.zhimu input,
.tizhong input {
    width: 1.4rem !important;
}

.contact-page .map-content .box .item .con p {
    display: flex;
    align-items: flex-start;
    font-size: 0.16rem;
    margin-bottom: .1rem;
    line-height: 1.5
}

.contact-page .map-content .box .item .con p span {
    flex: 1;
    line-height: 1.5
}

.contact-page .map-content .box .item .con .addres:before {
    content: '';
    background: url(../image/contact-address.png) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    margin-right: .2rem;
    margin-top: .05rem
}

.contact-page .map-content .box .item .con .phone:before {
    content: '';
    background: url(../image/contact-phone.png) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    margin-right: .2rem;
    margin-top: .05rem
}

.contact-page .map-content .box .item .con .hezuo:before {
    content: '';
    background: url(../image/contact-hezuo.png) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    margin-right: .2rem;
    margin-top: .05rem
}

.contact-page .map-content .box .item .con .zhaoping:before {
    content: '';
    background: url(../image/contact-yonghu.png) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    margin-right: .2rem;
    margin-top: .05rem
}

.contact-page .map-content .box .item .con .huizhang:before {
    content: '';
    background: url(../image/contact-huizhang.png) no-repeat;
    width: 18px;
    height: 18px;
    display: block;
    margin-right: .2rem;
    margin-top: .05rem
}

.contact-page .content {
    max-width: 12rem;
    margin: 0 auto
}

.contact-page .content .map-tab {
    padding-top: .63rem;
    display: flex;
    justify-content: space-between
}

.contact-page .content .map-tab .tab {
    width: 2.8rem;
    height: 1.3rem;
    background-color: #fff;
    box-shadow: 0 0 .1rem 0 rgba(9, 33, 61, .3);
    border-radius: .3rem;
    font-size: .24rem;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer
}

.contact-page .content .map-tab .active {
    background: #0063b8;
    color: #fff
}

.contact-page .content .map-tab .active:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #0063b8;
    position: absolute;
    bottom: -15px
}

.contact-page .contact-container {
    margin-top: 1.13rem
}

.contact-page .contact-container .tit {
    display: flex;
    align-items: center;
    flex-direction: column
}

.contact-page .contact-container .tit .tt {
    font-size: .4rem;
    color: #0865b7
}

.contact-page .contact-container .tit .ms {
    font-size: .16rem;
    margin-top: .31rem
}

.contact-page .contact-container .contact-form {
    margin-top: .6rem
}

.contact-page .contact-container .contact-form .row {
    display: flex;
    align-items: flex-start;
    margin-bottom: .24rem;
    flex-direction: column;
}

.contact-page .contact-container .contact-form .row .tit {
    margin-bottom: .2rem
}

.contact-page .contact-container .contact-form .row .tit .tt {
    font-size: 0.2rem;
    font-weight: 600;
    color: #333333;
}

.contact-page .contact-container .contact-form .row .flex {
    justify-content: space-between;
    width: 100%
}

.contact-page .contact-container .contact-form .row .zhiliaodata input,
.zhiliaojsdata input {
    padding: .13rem .23rem !important;
}

.row-message .zhimu input,
.shengao input,
.xinbie select,
.zhimu input,
.tizhong input {
    width: 1.4rem !important;
}

.xiala {
    width: 3.8rem;
    background-color: #fff;
    border: solid 0.01rem #e3e3e3;
    padding: .18rem 0.23rem;
    display: block;
    color: #666666;
    box-sizing: border-box;
    font-size: 14px;

}

.contact-page .contact-container .contact-form .row select {
    appearance: none;
    -webkit-appearance: none;

}

.contact-page .contact-container .contact-form .row .select-box {
    position: relative
}

.contact-page .contact-container .contact-form .row .select-box:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #0063b8;
    position: absolute;
    right: 20px;
    top: 25px;

}

.contact-page .contact-container .contact-form .row .item .wi {
    width: 1.78rem
}

.contact-page .contact-container .contact-form .row .item .ww {
    width: 12rem
}


.contact-page .contact-container .contact-form .row .item .upload {
    width: 1.17rem;
    height: 0.37rem;
    background-color: #0865b7;
    border-radius: 0.05rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    font-size: 0.16rem;
    color: #fff;
}

.contact-page .contact-container .contact-form .row .item .upload .icon {
    background: url(../image/upload.png) no-repeat;
    width: 22px;
    height: 19px;
    background-size: cover;
    display: block;
    margin-right: .05rem;
}

.contact-page .page-contact {
    width: 100%;
    box-sizing: border-box;
    min-height: 6.84rem;
    background-image: url(../image/contact-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 0.8rem;
}

.contact-page .page-contact .wrapper {
    width: 14.60rem;
    margin: 0 auto;

}

.contact-page .page-contact .wrapper .title {
    font-size: 0.4rem;
    font-weight: 600;
    line-height: 1.2rem;
    letter-spacing: 0px;
    color: #0865b7;
}

.contact-page .page-contact .wrapper .info {
    width: 50%;
    font-size: 0.18rem;
    line-height: 0.36rem;
    color: #333333;
}

.contact-page .page-contact .wrapper .info a {
    color: #0865b7;
}

.contact-page .page-contact .wrapper .label {
    font-size: 0.24rem;
    line-height: 1.2rem;
    letter-spacing: 0px;
    color: #222222;
}

.contact-page .page-contact .wrapper ul {
    display: flex;

}

.contact-page .page-contact .wrapper ul li {
    width: 3.4rem;
    height: 1.1rem;
    background-color: #ffffff;
    border-radius: 0.4rem 0rem 0.4rem 0rem;
    border: solid 1px #d0d0d0;
    font-size: 0.18rem;
    line-height: 0.36rem;
    margin-right: 0.27rem;
    color: #333333;
    overflow: hidden;
}

.contact-page .page-contact .wrapper ul li a {
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.contact-page .page-contact .wrapper ul li a:hover {
    background: linear-gradient(to right, #013188, #018eae);
    color: #fff !important;

}

.contact-page .page-contact .wrapper ul li a img:nth-child(2) {
    display: none;
}

.contact-page .page-contact .wrapper ul li:hover a img:nth-child(1) {
    display: none;
}

.contact-page .page-contact .wrapper ul li:hover a img:nth-child(2) {
    display: inline-block;
}

.contact-page .page-contact .wrapper ul li a img {
    margin: 0px 0.1rem;
}

.table {
    width: 100%;
    /* min-height: 7.4rem; */
    background-color: #FFFFFF;
}

.table1 {
    background-color: #f1f1f1;
}

.contact-page .table .contact-container .contact-form .row .tit .tt {
    font-size: 0.36rem;
    font-weight: 500;
    line-height: 1.2rem;
    letter-spacing: 0px;
    color: #222222;
}

.contact-page .table .contact-container .contact-form .row .flex {
    justify-content: flex-start;
}

.contact-page .table .contact-container .contact-form .row .item {
    margin-right: 0.46rem;
}

.contact-page .table .content {
    width: 14.6rem;
    max-width: 14.6rem;
}

.contact-page .table .contact-container .contact-form .row .item input {
    max-width: 4.56rem;
    width: 4.56rem;
    height: 0.54rem;
    border-radius: 10px 0px 10px 0px;
}

.contact-page .table .contact-container .contact-form .row .item .tit {
    font-size: 0.18rem;
}

.contact-page .table .contact-container .contact-form .row textarea {
    width: 100%;
}

.modular .wrap .notice {
    font-size: 0.18rem;
    line-height: 0.36rem;
    letter-spacing: 0px;
    text-align: center;
    color: #222222;
}

.modular .wrap .yszc {
    font-size: 0.18rem;
    display: block;
    /* line-height: 1.2rem; */
    text-decoration: underline;
    text-align: center;
    color: #0865b7;
}

.modular .wrap .reFirm {
    font-size: 0.18rem;
    text-align: center;
    display: flex;
    justify-content: center;
    margin-top: 30px;
    cursor: pointer;
}

.modular .wrap .reFirm p {
    font-size: 18px;
}

.modular .wrap .reFirm input {
    display: block;
    width: 0.19rem;
    height: 0.19rem;
    margin: 0px 8px;
}

.modular .wrap .reFirm .layui-form-checkbox {
    display: none;
}

.modular .wrap .handle {
    width: 100%;
    display: flex;
    justify-content: center;
}

.modular .wrap .handle button {
    width: 1.5rem;
    height: 0.6rem;
    margin: 20px 10px;
    background-image: linear-gradient(90deg,
            #0865b7 0%,
            #009ac4 100%),
        linear-gradient(#ffffff,
            #ffffff);
    background-blend-mode: normal,
        normal;
    border-radius: 0.3rem;
    color: #FFFFFF;
    font-size: 20px;

    font-weight: 600;
}

.modular .wrap .handle button:nth-child(2) {
    border: solid 2px #b8c4cd;
    background-image: none;
    color: #000;
    font-size: 20px;
    background-color: #FFFFFF;
}

.modular .wrap .Cancel {
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #0865b7;
    text-align: center;
    display: block;
}

.contact-page .table .date-choose {
    display: flex;
    max-width: 4.56rem;
    width: 4.56rem;
    justify-content: space-around;
}

.contact-page .table .date-choose .select-box {
    width: 1.44rem;
}

.contact-page .table .date-choose .select-box .xiala {
    width: 100%;
}

.contact-page .table .contact-container .contact-form .row .age {
    width: 4.56rem;
    flex-shrink: 0;
}

.contact-page .table .contact-container .contact-form .row .age input {
    width: 4.1rem;
}

.contact-page .table .contact-container .contact-form .row .xk {
    width: 4.56rem;
    flex-shrink: 0;
}

.contact-page .table .contact-container .contact-form .row .xk .select-box {
    width: 100%;
}

.contact-page .table .contact-container .contact-form .row .xk .select-box select {
    width: 100%;
}

.contact-page .table .contact-container .contact-form .row .item .addNew {
    width: 1rem;
    height: 0.44rem;
    background-color: #ffffff;
    border-radius: 0.1rem 0rem 0.1rem 0rem;
    font-size: 0.18rem;
    text-align: center;
    line-height: 0.44rem;
    color: #0865b7;
    cursor: pointer;

}


.radio input[type="radio"]+label::before {
    content: " ";
    /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 20px;
    height: 20px;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #bfbfbf;
}


.radio .onlable {
    font-size: 0.16rem;
}

.radio .onlable:nth-child(2) {
    margin-right: 1.7rem;
}

.radio input[type="radio"]:checked+label::before {
    content: " ";
    /*不换行空格*/
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    width: 20px;
    height: 20px;
    margin-right: .4em;
    border-radius: 50%;
    border: 1px solid #fff;
    background-size: cover !important;
    background: url(../image/roundSelected.png);
}

.radio {
    display: flex
}

.radio input {
    width: 0;
    padding: 0;
}

.radio input[type="radio"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
}

.contact-page .contact-container .contact-form .row input[type="date"]::-webkit-calendar-picker-indicator {
    width: 23px;
    height: 22px;
    background-image: url(../image/dataicon.png);
    background-size: cover;

}

.year-content {
    position: relative;
    display: flex;
    width: 3.8rem;
    background-color: #fff;
    border: solid 0.01rem #e3e3e3;
    box-sizing: border-box;
    font-size: .16rem;
}

.year-content .left {
    width: 65%;
    padding: 0.18rem 0.23rem;
}

.year-content .left input {
    width: 100% !important;
    padding: 0 !important;
    height: 100%;
    border: 0 !important;
}

.year-box .right {
    flex: 1;
    height: 100%;
    border-left: 1px solid #e5e5e5;
}

.year-box .right .danwei {
    width: 100%;
    display: flex;
}

.year-box .right .danwei:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 7px solid #0063b8;
    position: absolute;
    right: 10px;
    top: 23px;
}

.year-box .right select {
    padding: 0.18rem 0;
    padding-left: 20px;
}











.fanying .item>input {
    width: 2.6rem;

}

.fanying .kaishidata input,
.jieshudata input {
    padding: .13rem .23rem !important
}

.contact-page .contact-container .contact-form .row input {
    width: 3.8rem;
    background-color: #fff;
    border: solid .01rem #e3e3e3;
    padding: .18rem .23rem;
    display: block;
    box-sizing: border-box;
    font-size: 14px
}

.contact-page .contact-container .contact-form .row textarea {
    width: 12rem;
    height: 2.2rem;
    background-color: #fff;
    border: solid .01rem #e3e3e3;
    color: #666;
    font-size: .16rem;
    padding: 0 .24rem;
    padding-top: .22rem;
    resize: none;
    box-sizing: border-box
}

.contact-page .contact-container .contact-form .row .yzm {
    width: 1rem;
    height: .4rem;
    background-color: #fff;
    border: solid .01rem #e3e3e3;
    margin-left: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.contact-page .contact-container .contact-form .row .item {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.contact-page .contact-container .contact-form .row .item .tit {
    font-size: 0.16rem;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0rem;
    color: #666666;
    margin-bottom: .18rem;
}

.contact-page .contact-container .contact-form .row .item .tx {
    display: flex;
}

.contact-page .contact-container .contact-form .row .item .tx:before {
    content: '*';
    color: #ea1010;
    margin-right: .05rem;
    display: contents
}



.contact-page .contact-container .contact-form .row .item .change {
    font-size: .16rem;
    color: #999;
    cursor: pointer;
    margin-left: .17rem
}

.contact-page .contact-container .contact-form .contact-form-button {
    justify-content: center;
    color: #fff;
    display: flex;
    margin-top: .5rem
}

.contact-page .contact-container .contact-form .contact-form-button button {
    color: #fff;
    width: 3rem;
    height: .7rem;
    display: flex;
    background-color: #f78810;
    border-radius: .03rem;
    font-size: .18rem;
    justify-content: center;
    align-items: center;
    cursor: pointer
}








/*       */
.inside-page .crumbs {
    padding-right: 0
}

.inside-page .page-banner {
    height: 8rem;
    width: 100%;
    position: relative;
    padding-left: 2rem;
    background-size: cover !important;
    background-position: center center !important;
}

.inside-page .page-banner .tit {
    position: absolute;
    bottom: 18%;
    font-size: .66rem;
    color: #fff
}

.inside-page {}

.inside-page .content {
    padding-bottom: .5rem;
}

.inside-page .content .top {
    display: flex;
    justify-content: space-between;
    padding-bottom: .27rem;
    border-bottom: 2px solid #dcdcdc
}

.inside-page .content .top .left {
    display: flex;
    align-items: center
}

.inside-page .content .top .left .icon {
    background: url(../image/clinical-title-icon.png);
    width: .55rem;
    height: .6rem;
    margin-right: .26rem;
    background-size: cover
}
.inside-page .products .top .left .icon{
    background: url(../image/product-icon.png);
    width: 0.65rem;    background-size: 100% 100%;
}
.inside-page .content .top .left .tt {
    font-size: .36rem;
    color: #0865b7
}

.inside-page .content .top .right {
    display: flex
}

.inside-page .content .top .right .button {
    width: 1.5rem;
    height: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: .16rem;
    color: #0865b7;
    border-radius: .25rem;
    border: solid .01rem #0865b7;
    cursor: pointer
}

.inside-page .href {
    cursor: pointer
}

.inside-page .hrefPro {
    cursor: pointer
}

.inside-page .content .top .right .button:hover {
    background-color: #0865b7;
    color: #fff
}

.inside-page .content .top .right .button:first-child {
    margin-right: .12rem
}

.inside-page .content .top .right .button:nth-child(2) {
    margin-right: .12rem
}

.inside-page .content .top .right .active {
    background-color: #0865b7;
    color: #fff
}

.inside-page .content .top .right .button:nth-child(3) {
    margin-right: .12rem
}



/*   弹窗    */
.nrbox {
    width: 100%;
    z-index: 999;
    background-color: rgb(0 0 0 / 50%);
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none
}

.nrbox .content {
    background: 0 0
}

.nrbox .content-box {
    background-color: #fff;
    width: 16rem;
    right: 0;
    position: absolute;
    left: 0;
    margin: 0 auto
}

.nrbox .close {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: 0;
    right: 0
}

.nrbox .close .icon {
    background: url(../image/close.png);
    width: 24px;
    height: 24px;
    margin-bottom: .1rem
}

.nrbox .close .ms {
    font-size: .833vw;
    color: #fff;
    display: none
}

.nrbox .content-box {
    height: 100%
}

.nrbox .content {
    max-height: 10rem;
    min-height: 10rem;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    padding-right: .5rem
}

.nrbox .content::-webkit-scrollbar {
    display: none
}

.nrbox .content {
    padding: .94rem 1rem .8rem 1rem
}

.nrbox .content .img img {
    width: 5rem;
    height: auto;
    border-radius: .3rem
}

.nrbox .content .nr-box {
    display: flex
}

.nrbox .content .nr-box .text {
    margin-left: .38rem;
    flex: 1
}

.nrbox .content .nr-box .text .item {
    margin-bottom: .4rem
}

.nrbox .content .nr-box .text .item .tt {
    font-size: 18px;
    color: #0063b8;
    margin-bottom: .1rem
}

.nrbox .content .nr-box .text .item .nr {
    font-size: .16rem;
    line-height: 2;
    text-indent: 32px
}

.nrbox .content .nr-box .text .list {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.nrbox .content .nr-box .text .list .row {
    display: flex
}

.nrbox .content .nr-box .text .list .row span {
    font-size: .16rem;
    line-height: 2;
    flex: 1
}

.nrbox .content .nr-box .text .list .row:before {
    content: '';
    width: .1rem;
    height: .1rem;
    background-color: #0063b8;
    opacity: .3;
    display: block;
    margin-right: .1rem;
    margin-top: .1rem;
    border-radius: 30px
}

.nrbox .table-box {
    padding-top: .2rem !important
}

.nrbox .table-box table {
    margin-top: .3rem !important
}

.nrbox .table-box table tr td {
    height: .36rem !important;
    line-height: normal !important
}

.newnr-box .new-top .title {
    font-size: .28rem;
    color: #333
}

.newnr-box .content .nr-box {
    flex-direction: column
}

.newnr-box .new-top .time {
    border-bottom: 1px solid #ebebeb;
    display: flex;
    align-items: center;
    margin-right: .05rem;
    padding-bottom: .1rem;
    margin-top: .48rem
}

.newnr-box .new-top .time .icon {
    background: url(../image/time-icon.png);
    width: 16px;
    height: 15px
}

.newnr-box .new-top .time span {
    font-size: 14px;
    color: #999
}

.newnr-box .con {
    margin-top: .26rem;
    font-size: 16px
}

.con span,
.newnr-box .con p {
    line-height: 2
}



.about-page .nrbox .content-box {
    left: 0;
    margin: 0 auto
}

.news-page .nrbox .content-box {
    left: 0;
    margin: 0 auto
}


.yfgx3 .dl dt,
.yfgx3 .dl dd ol span,
.yfgx2 .dl dt,
.yfgx2 .dl dd ol span {
    font-size: 14px !important;
}

.yfgx3 .dl .last p img {
    max-height: 46px
}

.fixpoint {
    position: fixed;
    top: 50%;
    right: 10px;
    transform: translateY(-50%);
    z-index: 9999;
}

.fixpoint ul li {
    display: block;
    margin: 10px 0;
    position: relative;
    width: 12px;
    height: 12px;
}

.fixpoint ul li i {
    display: block;
    width: 12px;
    height: 12px;
    border-radius: 50px;
    border: 1px solid #fff;
}

.fixpoint ul li p {
    position: absolute;
    text-align: right;
    right: 20px;
    top: -5px;
    font-size: 14px;
    width: 140px;
    opacity: 0;
}

.fixpoint ul li.cur i,
.fixpoint ul li:hover i {
    background: #fff;
    border-color: #fff;
}

.fixpoint.on ul li i {
    border-color: #b0b0b2;
}

.fixpoint.on ul li:hover i,
.fixpoint.on ul li.cur i {
    background: #fff;
    border-color: #fff;
}

.fixpoint ul li:hover p {
    opacity: 1;
    color: #fff;
}

.fixpoint.on ul li:hover p {
    opacity: 1;
    color: #fff;
}

/*   rightbar    */
.rightbar {
    width: 80px;
    position: fixed;
    right: 11px;
    bottom: 10%;
    top: 30%;
    z-index: 999999
}

.rightbar .box a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 15px 0
}

.rightbar .box {
    background: #fff;
    border-radius: .05rem;
    box-shadow: 0 0 .12rem 0 rgba(7, 32, 61, .1)
}

.rightbar .box a:first-child {
    border-radius: .05rem .05rem 0 0
}

.rightbar .box a:last-child {
    border-radius: 0 0 .05rem .05rem
}

.rightbar .box a .icon {
    display: block;
    margin-bottom: .13rem
}

.rightbar .box a:nth-child(1) .icon {
    background: url(../image/navigation-icon-hui.png) no-repeat;
    width: 28px;
    height: 24px
}

.rightbar .box a:nth-child(2) .icon {
    background: url(../image/navigation-icon1.png) no-repeat;
    width: 28px;
    height: 24px
}

.rightbar .box a:nth-child(3) .icon {
    background: url(../image/navigation-icon2.png) no-repeat;
    width: 26px;
    height: 24px
}

.rightbar .box a:nth-child(4) .icon {
    background: url(../image/navigation-icon3.png) no-repeat;
    width: 26px;
    height: 24px
}

.rightbar .box a:hover {
    background: #0063b8
}

.rightbar .box a:hover .tt {
    color: #fff
}

.rightbar .box a:hover:nth-child(1) .icon {
    background: url(../image/navigation-icon.png) no-repeat;
    width: 28px;
    height: 24px
}

.rightbar .box a:hover:nth-child(2) .icon {
    background: url(../image/navigation-icon1-bai.png) no-repeat;
    width: 28px;
    height: 24px
}

.rightbar .box a:hover:nth-child(3) .icon {
    background: url(../image/navigation-icon2-bai.png) no-repeat;
    width: 28px;
    height: 24px
}

.rightbar .box a:hover:nth-child(4) .icon {
    background: url(../image/navigation-icon3-bai.png) no-repeat;
    width: 28px;
    height: 24px
}

.rightbar .box a .tt {
    font-size: .12rem;
    color: #666;
    text-align: center;
    line-height: 15px
}

.rightbar .top-icon {
    margin: 0 auto
}

.rightbar .top-icon .icon {
    box-shadow: 0 0 .12rem 0 rgba(7, 32, 61, .1);
    margin-top: .18rem;
    margin-left: auto;
    margin-right: auto;
    background: url(../image/top-icon.png);
    width: 38px;
    height: 39px;
    display: block;
    cursor: pointer
}


.cpgx-con .box a:nth-child(1) .icon {
    background: url(../image/cpgx-icon.png) no-repeat;
    width: 28px;
    height: 24px
}

.cpgx-con .box a:nth-child(3) .icon {
    background: url(../image/cpgx-icon1.png) no-repeat;
    width: 28px;
    height: 24px
}

.cpgx-con .box a:nth-child(2) .icon {
    background: url(../image/cpgx-icon2.png) no-repeat;
    width: 26px;
    height: 24px
}

.cpgx-con .box a:nth-child(4) .icon {
    background: url(../image/cpgx-icon3.png) no-repeat;
    width: 26px;
    height: 24px
}

.cpgx-con .box a:hover:nth-child(1) .icon {
    background: url(../image/cpgx-icon-bai.png) no-repeat;
    width: 28px;
    height: 24px
}

.cpgx-con .box a:hover:nth-child(3) .icon {
    background: url(../image/cpgx-icon1-bai.png) no-repeat;
    width: 28px;
    height: 24px
}

.cpgx-con .box a:hover:nth-child(2) .icon {
    background: url(../image/cpgx-icon2-bai.png) no-repeat;
    width: 28px;
    height: 24px
}

.cpgx-con .box a:hover:nth-child(4) .icon {
    background: url(../image/cpgx-icon3-bai.png) no-repeat;
    width: 28px;
    height: 24px
}

.kaishidata input {
    width: 2.6rem
}







/*   m-menu    */
.content-right-nav {
    display: none
}

.m-menu {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9;
    background-color: #fff;
    box-shadow: 0 1px 5px #d7d7d7;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
    min-height: 50px;
    height: 50px
}

.m-menu .logo a {
    display: flex
}

.m-menu .logo img {
    max-height: 40px;
}

.m-menu .menu-nav .open-icon i {
    width: 5vw;
    height: 5vw;
    background: url(../image/menu_open.png) center no-repeat;
    background-size: 100% 100%;
    display: block;
    margin-right: 10px;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.m-menu .menu-nav .m-nav-list {
    width: 100%;
    position: fixed;
    top: 50px;
    left: 0;
    right: 0;
    max-height: 0;
    overflow: hidden;
    overflow-y: auto
}

.accordion {
    width: 100%;
    background: #fff;
    border-top: 1px solid #0063b8
}

.accordion .link {
    cursor: pointer;
    display: block;
    padding: 17px 17px 17px 42px;
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 1px solid #eee;
    position: relative;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
    transition: all .4s ease
}

.accordion li:last-child .link {
    border-bottom: 0
}

.accordion li i {
    position: absolute;
    top: 16px;
    left: 12px;
    font-size: 18px;
    display: block;
    color: #595959;
    -webkit-transition: all .6s ease;
    -o-transition: all .6s ease;
    transition: all .6s ease
}

.accordion li i.fa-chevron-down {
    right: 27px;
    left: auto;
    background: url(../image/m-menu-open.png) no-repeat;
    width: 11px;
    height: 7px;
    background-size: cover
}

.accordion li.open .link {
    color: #059fff;
    font-size: 14px
}

.accordion li .link a {
    font-size: 14px
}

.accordion li.open i {
    background: url(../image/m-menu-open.png) no-repeat;
    width: 11px;
    height: 7px;
    background-size: cover
}

.accordion li.open i.fa-chevron-down {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    transform: rotate(360deg);
    background: url(../image/m-menu-close.png) no-repeat;
    width: 11px;
    height: 7px;
    background-size: cover
}

.menu-slide-show {
    max-height: 100% !important;
    width: 100% !important
}

.submenu {
    display: none;
    background: #2b3033;
    font-size: 14px
}

.submenu li {
    border-bottom: 1px solid #4b4a5e
}

.submenu a {
    display: block;
    text-decoration: none;
    font-size: 13px;
    color: #fff;
    padding: 15px 12px;
    padding-left: 42px;
    -webkit-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
    background: #0063b8
}







@media screen and (min-width:1441px) and (max-width:1920px) {
    .m-menu {
        display: none
    }

    #swiper1 .swiper-slide-active {
        width: 1.92rem !important;
        height: 1.92rem !important;
        background-color: #fff;
        border: solid .12rem #2a77c7ad;
        border-radius: 1rem;
        display: flex;
        top: -35px
    }

    .about1_line {
        padding: 0 0.5rem;
    }
}

@media screen and (min-width:1440px) and (max-width:1660px) {

    .m-menu {
        display: none
    }

    #swiper1 .swiper-slide-active {
        width: 1.92rem !important;
        height: 1.92rem !important;
        background-color: #fff;
        border: solid .12rem #2a77c7ad;
        border-radius: 1rem;
        display: flex;
        top: -30px
    }

    .about1_line {
        padding: 0 0.5rem;
    }

    .wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active .aboutB-d .scroll_box1 {
        max-height: 2rem
    }

    .wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active .aboutB-d {
        padding: 34px 15px 20px 15px;
    }

    .base-page .content .table-box .img-box .img img {
        width: 6.5rem;
        height: 3.8rem;
    }

    .index-page .main-1 .left .content .gs_ms {
        font-size: 16px
    }

    .index-page .main-2 .list .item .content .box .ms {
        font-size: 14px
    }

    .contact-page .map-content .box .item .con p {
        font-size: 14px
    }

    .contact-page .contact-container .contact-form .row .item .tit {
        font-size: 14px
    }

    footer .content .center .item .list a {
        font-size: 14px
    }

    .news-page .content .news-list .ms {
        font-size: 14px
    }

    .news-page .content .swiper-box .news-swiper .swiper-slide .text-box .ms {
        font-size: 14px
    }

    .contact-page .content {
        max-width: 80%;
        margin: 0 auto
    }

    .contact-page .contact-container .contact-form .row input {
        width: 5rem
    }

    /*.contact-page .contact-container .contact-form .fanying .item:nth-child(1) input{width: 5rem!important;}*/
    .contact-page .contact-container .contact-form .fanying .item:nth-child(2) input {
        width: 5rem !important;
    }



    .xiala {
        width: 5rem
    }

    .contact-page .contact-container .contact-form .row .item {
        width: 100%
    }

    .contact-page .contact-container .contact-form .row .item .ww {
        width: 100%
    }

    .row-message .zhimu input,
    .shengao input,
    .xinbie select,
    .zhimu input,
    .tizhong input {
        width: 2.4rem !important;
    }

    .contact-page .contact-container .contact-form .row .item .wi {
        width: 3.3rem
    }

    .contact-page .contact-container .contact-form .row .zhiliaodata input,
    .zhiliaojsdata input {
        width: 3.3rem;
        padding: .1rem .23rem !important
    }

    .contact-page .contact-container .contact-form .row .select-box:after {
        top: 18px
    }

}

@media screen and (max-width:1440px) {
    .index-page .main-3 {
        padding-left: .8rem;
        padding-right: .8rem;
    }

    header .top-nav .center {
        margin-left: 1rem
    }

    .about-page .main-1 .company-img .item {
        width: 6.7rem
    }

    .patient-page .content .table-box .img-box .img img {
        width: 6.8rem
    }

    .science-page .content .list .item {
        width: 6rem
    }
}

@media screen and (max-width:1440px) {
    header .top-nav .center {
        margin-left: .5rem;
        margin-right: .5rem;
    }
}

@media(max-width:1280px) {
    main .crumbs a {
        font-size: .2rem
    }

    header .top-nav .center .nav-list .list a {
        font-size: .2rem
    }

    .about-page .main-4 .honor .honor-swiper .swiper-wrapper .swiper-slide .tit {
        font-size: .2rem
    }

    .index-banner-swiper .swiper-slide .index-banner-swiper-box .item .ms {
        font-size: .2rem
    }

    .index-page .main-1 .left .number-list .ms {
        font-size: .2rem
    }

    .index-page .main-3 .list .index-new-swiper .swiper-slide .content .ms {
        font-size: .2rem
    }

    .index-page .main-5 .content .list li {
        border-radius: 15px
    }

    footer .bottom .copyright P {
        font-size: .2rem
    }

    .about-page .main-1 .content p {
        font-size: .2rem
    }

    .about-page .main-3 .content .list .box .item .text .ms {
        font-size: .2rem
    }

    .base-page .content .table-box .text {
        font-size: .2rem
    }

    .yfgx .dl dd {
        font-size: 14px
    }

    .clinical-page .content .table-box .lanmu_tit {
        font-size: 14px
    }

    .table-box table tr td {
        font-size: .2rem
    }

    .global-page .content .box .left .ms {
        font-size: .2rem
    }
}

@media screen and (min-width:1025px) and (max-width:1440px) {

    /*html{font-size: 78px!important;}*/
    .about1_line {
        padding: 0 1.5rem;
    }

    .m-menu {
        display: none
    }

    .yfgx .item {
        width: 100%
    }

    .clinical-page .content .table-box .tableServices th {
        color: #fff;
        font-size: 12px
    }

    .clinical-page .content .table-box .tableServices th:nth-child(7) span:nth-child(1) {
        max-width: 155px !important;
    }

    .clinical-page .content .table-box .tableServices th:nth-child(7) span:nth-child(2) {
        max-width: 75px !important;
    }

    .clinical-page .content .table-box .tableServices th:nth-child(7) span:nth-child(3) {
        max-width: 75px !important;
    }

    .inside-page .content .top .left .icon {
        background-size: contain
    }

    .wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active .aboutB-d {
        max-height: 5rem
    }

    #swiper1 .swiper-slide-active {
        width: 1.92rem !important;
        height: 1.92rem !important;
        background-color: #fff;
        border: solid .12rem #2a77c7ad;
        border-radius: 1rem;
        display: flex;
        top: -30px
    }

    .index-page .main-5 .content .swiper-button-next,
    .swiper-rtl .swiper-button-next {
        top: 30px
    }

    .index-page .main-5 .content .swiper-button-prev,
    .swiper-rtl .swiper-button-next {
        top: 30px
    }

    footer .bottom .copyright P {
        font-size: .2rem
    }

    .index-page .main-1 .left .content .gs_ms {
        font-size: 16px
    }

    .index-page .main-2 .list .item .content .box .ms {
        font-size: 14px
    }

    .contact-page .map-content .box .item .con p {
        font-size: 14px
    }

    .contact-page .contact-container .contact-form .row .item .tit {
        font-size: 14px
    }

    footer .content .center .item .list a {
        font-size: 14px
    }

    .news-page .content .news-list .ms {
        font-size: 14px
    }

    .news-page .content .swiper-box .news-swiper .swiper-slide .text-box .ms {
        font-size: 14px
    }

    .yfgx .dl dt {
        font-size: 14px
    }

    .yfgx .list-tit dd {
        font-size: 14px
    }

    .yfgx .dl dd ol:last-child span {
        font-size: 14px
    }

    .contact-page .content {
        max-width: 80%;
        margin: 0 auto
    }

    .contact-page .contact-container .contact-form .row input {
        width: 5rem
    }

    .xiala {
        width: 5rem
    }

    .contact-page .contact-container .contact-form .row .item {
        width: 100%
    }

    .contact-page .contact-container .contact-form .row .item .ww {
        width: 100%
    }

    .row-message .zhimu input,
    .shengao input,
    .xinbie select,
    .zhimu input,
    .tizhong input {
        width: 2.4rem !important;
    }

    .contact-page .contact-container .contact-form .row .item .wi {
        width: 3.3rem
    }

    .contact-page .contact-container .contact-form .row .zhiliaodata input,
    .zhiliaojsdata input {
        width: 3.3rem;
        padding: .1rem .23rem !important
    }

    .contact-page .contact-container .contact-form .row .select-box:after {
        top: 18px
    }

}

@media screen and (min-width:1025px) and (max-width:1199px) {
    html {
        font-size: 85px !important;
    }

    .news-page .nrbox .content-box {
        width: 100%
    }

    header .top-nav .center {
        margin-right: 0;
        margin-left: 0
    }

    .yfgx {
        overflow-x: scroll;
    }

    .yfgx .item {
        width: 100%
    }
}

@media screen and (min-width:769px) and (max-width:1024px) {
    .wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active .aboutB-d {
        max-height: 5rem
    }

    .rightbar {
        display: none
    }

    footer .bottom .copyright P {
        font-size: .16rem
    }

    .news-page .nrbox .content-box {
        width: 100%
    }

    .yfgx {
        overflow-x: scroll;
    }

    .yfgx .item {
        width: 100%
    }
}

@media screen and (max-width:768px) {
    html {
        font-size: 66px !important;
    }

    header .top-nav {
        display: none
    }

    .index-page .main-1 {
        flex-direction: column;
        padding: 40px 0;
    }

    .yfgx .item {
        width: 1200px
    }

    .clinical-page .content .table-box .lanmu_tit {
        margin: 0;
        line-height: 20px
    }

    .gspt {
        height: 1.5rem;
        background-size: cover;
        background-position: center center;
        border-radius: 21px;
    }

    .page_search {
        width: 100%;
        justify-content: flex-start;
    }

    .page_search .page_search-box {
        width: 100%
    }

    .page_search .search-box {
        width: 100%
    }

    .page_search .search-button {
        width: 2rem
    }

    .fixpoint {
        display: none
    }

    .about-page .main-1 .company-img {
        flex-direction: column;
        margin-top: 0
    }

    .about-page .main-1 .company-img .item {
        margin-bottom: .3rem
    }

    .inside-page .content .top .right {
        width: 100%
    }

    .global-page .content .box .left {
        width: 100%
    }

    .inside-page .content .top .right .button:nth-child(3) {
        margin-right: .12rem
    }

    main {
        padding-top: 50px
    }

    .index-banner-swiper .swiper-pagination {
        display: none
    }

    .index-banner-swiper {
        max-height: 215px
    }

    .index-banner {
        height: 215px;
        max-height: 215px
    }

    .index-banner-swiper .swiper-slide img {
        height: 215px
    }

    .index-page .main-1 .left .number-list {
        margin-top: auto
    }

    .index-banner-swiper .swiper-slide .index-banner-swiper-box .item {
        display: none
    }

    .index-page .main-1 .left {
        width: 100%;
        max-width: 100%;
        padding-left: 20px;
        padding-right: 20px
    }

    .index-page .main-1 .right {
        width: 100%
    }

    .index-page .main-1 .left .content .gs_ms {
        font-size: 14px;
        line-height: 1.5
    }

    main .currency-tit .tt {
        font-size: 22px
    }

    main .currency-tit .tit_en_icon {
        font-size: 46px
    }

    .index-page .main-1 .left .number-list .tt {
        font-size: 20px
    }

    .index-page .main-1 .left .number-list .ms {
        font-size: 14px
    }

    .index-page .main-1 .left .href a {
        margin-top: 20px;
        width: 120px;
        height: 30px;
        font-size: 14px
    }

    .index-page .main-1 .right {
        display: none
    }

    .index-page .main-2 .list {
        flex-wrap: wrap
    }

    .index-page .main-2 .list .item {
        width: 50%;
        height: 424px
    }

    .index-page .main-2 .list .item .bg {
        opacity: .6
    }

    .index-page .main-2 .list .item .content .box {
        opacity: 1;
        padding: 0 20px
    }

    .index-page .main-2 .list .item .tit {
        display: none
    }

    .index-page .main-2 .list .item .content .box .ms {
        font-size: 14px
    }

    .index-page .main-2 .list .item .content .box .ms {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6;
        -webkit-box-orient: vertical;
    }

    .index-page .main-2 .list .item .content .box .href {
        margin-top: 50px
    }

    .index-page .main-2 .list .item:nth-child(1) {
        background: url(../image/index_main_bg_04.jpg) no-repeat;
        background-size: contain
    }

    .index-page .main-2 .list .item:nth-child(2) {
        background: url(../image/index_main_bg_05.jpg) no-repeat;
        background-size: contain
    }

    .index-page .main-2 .list .item:nth-child(3) {
        background: url(../image/index_main_bg_06.jpg) no-repeat;
        background-size: contain
    }

    .index-page .main-2 .list .item:nth-child(4) {
        background: url(../image/index_main_bg_07.jpg) no-repeat;
        background-size: contain
    }

    .index-page .main-3 {
        padding: 40px 20px;
    }

    .index-page .main-3 .list .index-new-swiper .swiper-slide .content {
        padding: 15px 20px 30px 20px;
    }

    .index-page .main-3 .list .index-new-swiper .bottom {
        display: none
    }

    .index-page .main-4 .item {
        padding: 0 20px
    }

    .index-page .main-4 .item .tit {
        font-size: 22px
    }

    .index-page .main-4 .item .ms {
        font-size: 14px;
        line-height: 1.5
    }

    .index-page .main-4 .item .href {
        margin-top: 50px
    }

    .index-page .main-4 .item:nth-child(1) {
        background: url(../image/index_main_bg_09.jpg) no-repeat;
        background-size: cover !important;
        background-position: center center
    }

    .index-page .main-4 .item:nth-child(2) {
        background: url(../image/index_main_bg_10.jpg) no-repeat;
        background-size: cover !important;
        background-position: center center
    }

    .index-page .main-5 {
        padding: 40px 20px
    }

    .index-page .main-5 .currency-tit .tit_en_icon {
        font-size: 46px;
        top: -0.05rem;
    }

    .index-page .main-5 .content {
        margin-top: 10px
    }

    .index-page .main-5 .content .list {
        margin-top: 15px
    }

    .index-page .main-5 .content .list li {
        width: 32%;
        height: 65px;
        margin-bottom: 10px;
        padding: 15px
    }

    /*.index-page .main-5{display: none!important;}*/
    footer .content {
        padding: 30px 20px;
        flex-direction: column
    }

    footer .content .right {
        display: none
    }

    footer .content .center {
        display: none
    }

    footer .content .left .footer-phone .icon {
        width: 40px;
        height: 40px
    }

    footer .content .left .footer-phone .number-box .phone {
        font-size: 18px
    }

    footer .content .left .footer-phone .number-box .tt {
        font-size: 16px
    }

    footer .content .left .footer-logo img {
        height: 45px
    }

    footer .bottom {
        margin-top: 0
    }

    footer .bottom .copyright {
        flex-direction: column;
        padding: 20px
    }

    footer .bottom .copyright P {
        margin-bottom: 6px;
        font-size: 14px
    }

    .inside-page .content .top .left {
        display: none
    }

    .inside-page .page-banner {
        height: 175px;
        padding-left: 20px;
        background-size: cover;
    }

    .inside-page .page-banner .tit {
        font-size: 30px
    }

    .inside-page .crumbs {
        display: none
    }

    .inside-page .content {
        padding: 30px 20px
    }

    .inside-page .content .top .left .icon {
        background-size: cover
    }

    .clinical-page .content .table-box .tit .list .item {
        align-items: center
    }

    .clinical-page .content .table-box .tit .list .item .ms {
        font-size: 14px
    }

    .clinical-page .content .table-box table {
        display: flex;
        overflow-x: scroll;
        width: 100%;
        flex-direction: column;
    }

    .clinical-page .content .table-box table tr th {
        min-width: 150px;
        font-size: 14px
    }

    .nrbox .table-box table tr td {
        min-width: 150px
    }

    .clinical-page .content .table-box .initTable img {
        width: 100%;
        overflow-x: scroll;
    }

    .nrbox .content-box {
        width: 90%
    }

    .nrbox .content {
        padding: 80px 20px !important;
        max-height: 100%;
        min-height: 100%
    }

    .nrbox .content .nr-box {
        flex-direction: column
    }

    .nrbox .content .nr-box .text {
        margin-left: 0;
        margin-top: 20px
    }

    .nrbox .content .nr-box .text .item .tt {
        font-size: 18px
    }

    .nrbox .content .nr-box .text .item .nr {
        font-size: 14px
    }

    .patient-page .content .table-box table tr th:last-child {
        min-width: 500px
    }

    .patient-page .content .table-box .img-box {
        display: none
    }

    .global-page .content .box {
        margin-top: 0;
        flex-direction: column;
    }

    .global-page .content .list .list_box {
        flex-wrap: wrap;
    }

    .global-page .content .list {
        margin-top: 30px
    }

    .global-page .content .list .list_box li {
        width: 32%;
        height: 65px;
        margin-bottom: 10px;
        padding: 15px;
    }

    .global-page .content .box .left {
        padding-right: 20px
    }

    .global-page .content .box .right {
        margin-top: 20px
    }

    .global-page .content .box .right .img {
        width: 100% !important;
        background-size: contain !important;
        background-repeat: no-repeat;
    }

    .global-page .content .box .left .ms {
        margin-top: 20px;
        font-size: 14px
    }

    .global-page .content .box .left .contact .tt {
        font-size: 14px
    }

    .global-page .content .box .left .contact .text {
        font-size: 14px
    }

    .about-page .main-1 {
        padding: 30px 20px
    }

    .about-page .main-1 .content {
        padding: 30px 0
    }

    .about-page .main-1 .number-list {
        margin-top: 0
    }

    .about-page .main-1 .content p {
        margin-top: 10px;
        font-size: 14px
    }

    .about-page .main-2 {
        margin-top: 0
    }

    .about-page .main-2 .history {
        padding: 0
    }

    .about-page .main-3 {
        padding: 40px 20px
    }

    .about-page .main-3 .content {
        margin-top: 0
    }

    .about-page .main-3 .content .tab .tab-item .icon {
        width: 24px;
        height: 30px;

    }

    .about-page .main-3 .content .tab .tab-item .icon:nth-child(1) {
        background-size: cover;
    }

    .about-page .main-3 .content .list .box {
        width: 100%;
        justify-content: space-between
    }

    .about-page .main-3 .content .list .box .item {
        width: 48%;
        margin-right: 0
    }

    .about-page .main-4 {
        padding: 20px
    }

    .about-page .main-4 .honor .swiper-button-prev,
    .honor .swiper-button-next {
        display: none
    }






    .recruit-page .content .welfare {
        margin-top: 0;
        flex-direction: column
    }

    .recruit-page .content .welfare .left .list .item .tt {
        font-size: 16px
    }

    .recruit-page .content .welfare .left .list .item .ms {
        font-size: 14px;
        line-height: 2
    }

    .recruit-page .content .welfare .right {
        display: none
    }

    .recruit-page .content .team-box .swiper-box .team-box-prev {
        display: none
    }

    .recruit-page .content .team-box .swiper-box .team-box-next {
        display: none
    }

    .recruit-page .development-content {
        padding: 30px 20px
    }

    .recruit-page .development-content .text-item .ms {
        font-size: 14px
    }

    .recruit-page .development-content .promotion-item .promotion-tit {
        margin-top: 20px
    }

    .recruit-page .development-content .promotion-item .list {
        flex-wrap: wrap
    }

    .recruit-page .development-content .promotion-item .list li {
        width: 48%;
        margin-bottom: 10px
    }

    .recruit-page .development-content .promotion-item .list li .list-box .icon {
        width: 30px;
        height: 30px
    }

    .recruit-page .development-content .promotion-item .list li .tit {
        height: 40px;
        font-size: .15rem
    }

    .recruit-page .development-content .promotion-item .list li .list-box .button {
        height: 40px;
        font-size: .15rem
    }

    .recruit-page .development-content .item .tt {
        font-size: 22px
    }

    .recruit-page .content .welfare .left .list .item {
        margin-bottom: 20px
    }

    .recruit-page .development-content .system-item .system-con .box {
        flex-direction: column
    }

    .recruit-page .development-content .system-item .system-con .box .img {
        width: auto;
        height: auto
    }

    .recruit-page .development-content .system-item .system-con .box:nth-child(1) .text-box {
        padding: 10px 20px;

    }

    .recruit-page .development-content .system-item .system-con .box .text-box .ms {
        margin-top: 5px;
        font-size: 14px
    }

    .recruit-page .development-content .system-item .system-con .box:nth-child(2) .text-box {
        flex-direction: column
    }

    .recruit-page .development-content .system-item .system-con .box:nth-child(2) .text-box {
        padding: 10px 20px;

    }

    .notice-page .content .notice-box {
        height: auto
    }

    .notice-page .content .notice-box .screen .search-criteria .condition-box {
        flex-direction: column;
        width: 100%;
        align-items: flex-start;
        height: auto
    }

    .notice-page .content .notice-box .screen .search-criteria .condition-box .item {
        margin-bottom: 10px
    }

    .notice-page .content .notice-box .screen .search-criteria .item .box:after {
        top: 10px
    }

    .notice-page .content .notice-box .screen .search-criteria .item .keyword {
        height: 30px
    }

    .notice-page .content .notice-box .screen .search-criteria .item .date {
        height: 30px
    }

    .notice-page .content .notice-box .screen .search-criteria .item .search {
        width: 100px;
        height: 25px;
        margin-top: 10px;
        margin-left: 0
    }

    .notice-page .content .notice-list .item .title {
        font-size: 14px;
        line-height: 1.5
    }

    .notice-page .content .notice-list .item .time {
        display: none;
    }

    .notice-page .content .notice-list .item .href {
        margin-left: 15px
    }

    .page ul li a {
        width: 35px;
        height: 35px
    }


    .relationship-network .content {
        flex-direction: column;
        background-size: cover;
    }

    .relationship-network .content .left {
        width: 100%;
        min-height: 400px
    }

    .relationship-network .content .right {
        width: 100%
    }

    .inside-page .content .top .left .tt {
        font-size: 18px
    }

    .base-page .content .table-box .text p {
        font-size: 14px
    }

    .clinical-page .content .table-box {
        padding-top: 15px
    }

    .base-page .content .table-box .img-box {
        flex-direction: column;
        margin-top: 15px
    }

    .base-page .content .table-box .img-box img {
        width: auto;
        height: auto !important;
        margin-bottom: 10px
    }

    .news-page .content .swiper-box .team-box-prev {
        display: none
    }

    .base-page .content .table-box .text {
        font-size: 14px
    }

    .science-page .content .list .item {
        width: 100%;
        margin-bottom: 20px
    }

    .science-page .content .list {
        padding-bottom: 0
    }

    .contact-page .map-content .flex {
        flex-direction: column-reverse
    }

    .contact-page .contact-container .contact-form .row .flex {
        flex-direction: column
    }

    .contact-page .map-content .box .map-img {
        width: 100%;
        margin-top: .3rem
    }

    .radio>input {
        width: 90% !important;
    }

    .inside-page .content {
        width: 100%
    }

    .contact-page .contact-container .contact-form .row .item .ww {
        width: 100%
    }

    .contact-page .contact-container .contact-form .row .select-box:after {
        top: 19px
    }

    .contact-page .contact-container .contact-form .row .select-box {
        width: 100%
    }

    .contact-page .contact-container .contact-form .row select {
        width: 100% !important;
    }

    .contact-page .contact-container .contact-form .row:nth-child(4) .item input {
        width: 100% !important;
    }

    .contact-page .contact-container .contact-form .row .item .wi {
        width: 100%
    }

    .contact-page .map-content .box .item {
        margin: 0 auto;
        left: 0;
        right: 0;
        margin-top: 30px
    }

    .contact-page .content .map-tab {
        padding-top: 0
    }

    .contact-page .content .map-tab .tab {
        width: 24%;
        padding: 0 10px;
        font-weight: 500
    }

    .contact-page .content .map-tab .tab {
        height: 50px;
        font-size: 14px;
    }

    .contact-page .contact-container .contact-form .row .item {
        width: 100%;
        margin-bottom: 10px
    }

    .contact-page .contact-container .contact-form .row textarea {
        width: 100%
    }

    .contact-page .contact-container .contact-form .row {
        flex-direction: column
    }

    .contact-page .contact-container .contact-form .row input {
        width: 100% !important;
    }

    .contact-page .contact-container .contact-form .row:nth-child(4) {
        align-items: flex-start
    }

    .contact-page .contact-container .contact-form .row:nth-child(4) .item input {
        width: 100%;
    }

    .contact-page .contact-container .contact-form .row .item .upload {
        width: 1.5rem;
        height: 0.4rem;
    }

    .contact-page .contact-container .contact-form .row .yzm {
        width: 100px;
        height: 40px
    }

    .contact-page .contact-container .contact-form .row .item .tit {
        font-size: .2rem
    }

    .contact-page .map-content .box .item .con p {
        font-size: .2rem
    }

    .contact-page .map-content .file .tit {
        font-size: .2rem !important;
    }

    .contact-page .content .map-tab .tab {
        border-radius: 0
    }

    #swiper1 .swiper-slide-active {
        top: -29px
    }

    .rightbar {
        display: none
    }

    .line-con .box {
        width: 100% !important;
    }

    .wcwzbd {
        padding: 0.15rem .1rem;
    }

    .wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active .aboutB-d .scroll_box1 {
        max-height: 2rem
    }

    .wcwzbd .aboutB .aboutB-b .aboutB-h .swiper-container .swiper-slide-active .aboutB-d {
        max-height: 4.3rem
    }

    .development-hf {
        padding: 0 .1rem !important;
        justify-content: space-around !important;
    }

    .development-hf .txt {
        font-size: .3rem !important;
    }

    .news-page .content .swiper-box .team-box-next {
        display: none
    }

    .recruit-page .swiper-box .swiper-pagination {
        bottom: -25px !important;
    }

    .contact-page .map-content .box .item {
        padding-right: .35rem
    }

    .firstRow {
        display: flex;
        flex-direction: column;
        align-items: center;
    }



    .yfgx3 {
        overflow-x: scroll;
    }

    .yfgx3 .dl .last p {
        max-height: 46px
    }

    .yfgx3 .item {
        width: 60rem;
        overflow-x: scroll;
    }

    .yfgx3 .dl dd ol span .progress-bar-striped {
        margin-top: 15px !important;
    }



    .index-banner-swiper .swiper-slide .index-banner-swiper-box .item {
        display: block
    }

    .index-banner-swiper .swiper-slide .index-banner-swiper-box .item .tit {
        font-size: 18px;
        width: 100%;
        line-height: 1.5;
    }

    .index-banner-swiper .swiper-slide .index-banner-swiper-box .item .ahref {
        margin-top: 20px;
        border-radius: 0;
        font-size: 14px;
    }

    .index-banner-swiper .swiper-slide .index-banner-swiper-box .item .ms {
        display: none
    }

    .index-page .main-1 .left .number-list {
        flex-wrap: wrap
    }

    .index-page .main-1 .left .number-list .item {
        width: 50%;
        margin-bottom: 10px
    }

    .index-page .main-4 {
        flex-direction: column
    }

    .index-page .main-4 .item {
        width: 100%;
        margin-bottom: 10px
    }

    .contact-page .page-contact .wrapper {
        width: 100%;
        padding: 0px 0.35rem
    }

    .contact-page .page-contact .wrapper .info {
        width: 100%;
    }

    .contact-page .page-contact .wrapper ul {
        flex-wrap: wrap;
    }

    .contact-page .page-contact .wrapper ul li {
        width: 100%;
        margin-bottom: 10px;
    }

    .modular .group .input-body.unit::after {
        right: -2px;
    }
    .products-wrap .item{
        flex-wrap: wrap;
        padding: 20px !important;
    }
    .clinical-page .products .top .left {
        display: flex;
        padding-bottom: 0.1rem;
    }
}

.BA_BTN {
    width: 180px;
    height: 48px;
    background-color: #efa317;
    border-radius: 4px;
    display: flex;
    padding: 0rem 25px;
    justify-content: space-between;
    align-items: center;
    color: #FFFFFF;
    margin-top: 0.7rem;
    font-size: 16px;
}

.BA_BTN img {
    width: 22px;
    height: 22px;
}

.yfgx3 .dl dd ol .span {

    line-height: 45px;
}

.products-wrap {
    width: 100%;
    display: flex;
    flex-direction: column;
}

.products-wrap .item {
    width: 100%;
    min-height: 6.2rem;
    display: flex;
    justify-content: space-between;
    background-color: #ffffff;
    box-shadow: 0px 0px 20px 0px rgba(0, 52, 97, 0.08);
    border-radius: 20px;
    background-image: url(../image/product-bg.png);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    border-radius: 0.2rem;
    box-sizing: border-box;
    padding: 0.5rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

.products-wrap .item .left {
    height: 100%;
    width: 6.6rem;
    overflow: hidden;
    
}

.products-wrap .item .left img{
    transition: 0.6s all;
}

.products-wrap .item .right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 6.5rem;
    height: 5.2rem;

}

.products-wrap .item .right .info .s-title {
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
}

.products-wrap .item .right .info .title {
    font-size: 28px;
    font-weight: 600;
    font-stretch: normal;
    line-height: 36px;
    letter-spacing: 0px;
    color: #333333;
}

.products-wrap .item .right .info .line {
    width: 100%;
    height: 1px;
    background-color: #e5e5e5;
    margin: 0.2rem 0rem;
}

.products-wrap .item .right .info .content {
    font-family: MicrosoftYaHei;
    font-size: 16px;
    line-height: 30px;
    letter-spacing: 0px;
    color: #333333;
    width: 100%;
    padding: 0px;
height:3.4rem;
overflow-y:auto;
}

.products-wrap .item .right .pdf {
    display: flex;
    font-size: 14px;
    align-items: center;
    color: #666666;
}

.products-wrap .item .right .pdf img {
    width: 17px;
    margin-right: 5px;
    height: 18px;
}




.products-wrap .item:hover .left img{
    transform: scale(1.08);
}

.products-wrap .item:hover .right .info .title {
    color: #004a96;
cursor: pointer;

}

.BA_BTN:hover{
color:#FFFFFF;
}

.mask{
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.3);
    position: fixed;
    left: 0;
    top: 0;
    z-index: 1000;
    display: none;
    align-items: center;
    justify-content: center;
}

.mask .float-window{
    width: 3.5rem;
    background-color: #FFFFFF;
    height: 4rem;
    border-radius: 0.12rem;
    display: flex;
    flex-direction: column;
    /* justify-content: center; */
    align-items: center;
    box-sizing: border-box;
    padding: 0.3rem 0.2rem;
}
.mask .float-window .icon{
    width: 0.8rem;
}

.mask .float-window  .title{
    font-size: 0.18rem;
    color: #999;
    margin-top: 0.5rem;
    margin-bottom: 0.2rem;
}

.mask .float-window button{
    width: 100%;
    border-radius: 0.12rem;
    height: 0.5rem;
    margin: 0.1rem 0rem;
    font-size: 16px;
    background-color: rgb(231, 231, 231);
}

.mask .float-window button:nth-child(4){
    background-color: #0063b8;
    color: #FFFFFF;
    font-size: 16px;
}
header .top-nav .center .nav-list .list:nth-child(3) .drop-down a:nth-child(4){
display:none; 
}