/* CSS Document */

/*===========================header=============================*/
#header, #nav ul li h3, .top_menu {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

#header {
    z-index: 999;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 998;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

#header .m {
    height: 100%;
    display: flex;
    justify-content: space-between;
    position: static;
}

#header .fr {
    max-width: 870px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-grow: 1;
}

#logo {
    margin-left: 3rem;
}

#logo a {
    display: flex;
    height: 100%;
    align-items: center;
}

#logo img {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    width: 100%;
}

#logo img.img02 {
    display: none;
    opacity: 0;
}

.top_w {
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding: 2rem 0;
    background: linear-gradient(180deg, #b2cbf1, #ebf2fb 45%, #fff);
}

.pt5 {
    padding-top: 5rem;
}
.pt45 {
    padding-top: 4.5rem;
}
.pb45{
    padding-bottom: 4.5rem;
}

.c_zt_tt {
    text-align: center;
}

.c_zt_tt h3 {
    font-size: 2.275rem;
    color: #1e1e1e;
    font-weight: bold;
    margin-bottom: 0.375rem;
}

.c_zt_tt i {
    display: block;
    width: 2rem;
    height: 3px;
    background: #f8994b;
    margin: 1rem auto;
}

.hide {
    display: none;
}

#header .top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header .top .top_c {
    display: flex;
    align-items: center;
}

#header .top .top_c .top_c_img,
#header .top .top_tel .top_tel_img {
    margin-right: .25rem;
}

#header .top .top_c span {
    font-size: 1.35rem;
}

#header .top .top_tel {
    margin-right: 3rem;
    display: flex;
    align-items: center;
    font-size: 1.35rem;
}

#header .top .top_tel:before {
    content: "";
    display: inline-block;
    width: 1px;
    height: 40px;
    border-left: 1px solid #ddd;
    margin-right: 18px;
    vertical-align: middle;
}

#header .top .top_tel span {
    color: #2d70da;
    font-size: 1.35rem;
    font-weight: bold;
}

#nav {
    display: flex;
    flex-grow: 1;
    align-items: center;
    justify-content: space-between;
}

#nav ul {
    display: flex;
    flex-grow: 1;
}

#nav ul li {
    float: left;
    position: relative;
    z-index: 0;
    flex-grow: 1;
    text-align: center;
}

#nav ul li a {
    display: block;
    text-transform: uppercase;
    font-size: 0;
}

#nav ul li h3 {
    font-size: 1.125rem;
    color: #fff;
    line-height: 5.25rem;
    overflow: hidden;
    text-align: center;
    position: relative;
    z-index: 1;
    display: inline-block;
    font-weight: bold;
}

#nav ul li h3:before {
    content: "";
    display: block;
    width: 0 !important;
    height: 15px;
    background: url(../image/nav_on1.svg) center no-repeat;
    background-size: 30px;
    position: absolute;
    top: 50%;
    margin-top: 1rem;
    opacity: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

#nav ul li.on h3:before, #nav ul li:hover h3:before {
    width: 34px !important;
    opacity: 1;
}

#nav ul li .sub {
    position: absolute;
    top: 100%;
    min-width: 100%;
    left: 50%;
    z-index: 10000;
    display: none;
    overflow: hidden;
    box-shadow: 0 8px 16px rgba(0, 0, 0, .1);
    line-height: 20px;
    letter-spacing: -.02em;
    white-space: nowrap;
    text-align: center;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

#nav ul li .sub .box {
    text-align: center;
}

#nav ul li .sub a {
    padding: 0;
    line-height: 2.5;
    color: #fff;
    transition: .2s;
    font-size: .9375rem;
    font-weight: 400;
    white-space: nowrap;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    background: #008cd6;
}

#nav ul li .sub a + a { /* border-top: 1px dotted rgba(255, 255, 255, 0.3); */
}

#nav ul li .sub a:hover {
    background: #f8994b;
    color: #fff;
}

#nav ul li.nav_pro {
    position: static;
}

#nav ul li .sub.sub_pro {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 2.5rem 0;
    transform: none;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
}

.sub.sub_pro ul {
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

.sub.sub_pro ul li {
    flex-grow: 0 !important;
    padding: 0 2.5rem;
    text-align: left !important;
}

.sub.sub_pro ul li a {
    background: none !important;
}

.sub.sub_pro ul li h5 {
    font-size: 1rem;
    line-height: 1.25rem;
    letter-spacing: -.02em;
    font-weight: 600;
    color: rgba(0, 0, 0, .85);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.sub.sub_pro ul li span {
    font-size: 12px;
    line-height: 16px;
    display: block;
    height: 16px;
    overflow: hidden;
    letter-spacing: -.02em;
    color: rgba(0, 0, 0, .65);
}

.sub.sub_pro ul li .pic {
    background: #eee;
    width: 150px;
    height: 150px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.sub.sub_pro ul li .pic img {
    max-width: 100px;
    max-height: 100px;
}

.sub.sub_pro ul li:hover .pic {
    background: #f9f9f9;
}

.sub.sub_pro ul li:hover .pic img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.sub.sub_pro ul li:hover h5 {
    color: #0366c2;
}

.sub.sub_pro ul li .img {
    background: #eee;
    width: 150px;
    height: 200px;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.sub.sub_pro ul li .img img {
}

.sub.sub_pro ul li:hover .img {
    background: #f9f9f9;
}

.sub.sub_pro ul li:hover .img img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}


.sub_nav {
    display: flex;
    flex-direction: column;
    width: 140px;
    transition: .5s;
    left: 50%;
    transform: scaleY(0) translateX(-70px);
    transform-origin: top;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 100%;
    z-index: 1;
    padding: 26px 8px 8px;
}

.sub_nav:before {
    content: "";
    position: absolute;
    top: 18px;
    right: 0;
    bottom: 0;
    left: 0;
    background: #fff;
    z-index: -1;
    box-shadow: 0 0 30px rgba(0, 0, 0, .05);
    border-radius: 0;
}

.sub_nav:after {
    content: "";
    position: absolute;
    border-left: transparent 6px solid;
    border-right: transparent 6px solid;
    border-bottom: #fff 8px solid;
    top: 10px;
    left: 50%;
    margin-left: -6px;
}

#nav ul li .sub_nav a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 15px;
    color: #555;
    transition: .5s;
    border-radius: 0; /* border-bottom: #f7f7f7 1px solid; */
    line-height: 3;
}

#nav ul li:hover .sub_nav {
    transform: scaleY(1) translateX(-70px);
    opacity: 1;
    visibility: visible;
}

#nav ul li .sub_nav a:hover {
    background: #0366c2;
    color: #fff;
}

.h_bg {
    background: #f7f7f7;
}

/*搜索*/
.top_search {
}

.top_search a:hover svg path {
    fill: #f8994b !important;
}

.top_search form {
    width: 160px;
    height: 40px;
    border-radius: 20px;
    background: #0366c2;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top_search form .input {
    width: 100px;
    height: 40px;
    background: none;
    border: 0;
    padding-left: 20px;
    background: url(../image/top_search.png) 10px center no-repeat;
    background-size: 1.25rem;
    padding-left: 2.5rem;
}

.top_search form .button {
    width: 60px;
    background: none;
    border: 0;
    outline: 0;
    color: #fff;
}

.slick-prev:before, .slick-next:before {
    display: none !important;
}

#header.xg {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}

#header.xg #nav ul li h3 {
    color: #666;
    line-height: 5rem;
}

#header.xg svg path {
    fill: #333;
}

#header.xg #logo img.img01 {
    display: none;
    opacity: 0;
}

#header.xg #logo img.img02 {
    display: block;
    opacity: 1;
}

#header.xg #nav ul li.on h3,
#header.xg #nav ul li:hover h3 {
    color: #0366c2;
}

#header.xg #nav ul li.on h3:before,
#header.xg #nav ul li:hover h3:before {
    background: url(../image/nav_on.svg) center no-repeat;
}

#header.ny {
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}

#header.ny #nav ul li h3 {
    color: #666;
}

#header.ny svg path {
    fill: #333;
}

#header.ny #logo img.img01 {
    display: none;
    opacity: 0;
}

#header.ny #logo img.img02 {
    display: block;
    opacity: 1;
}

#header.ny #nav ul li.on h3,
#header.ny #nav ul li:hover h3 {
    color: #0366c2;
}

#header.ny #nav ul li.on h3:before,
#header.ny #nav ul li:hover h3:before {
    background: url(../image/nav_on.svg) center no-repeat;
}

.tc[name=tc_search] {
    opacity: 1 !important;
    display: block;
}

#tc_search {
    width: 100%;
    padding: 3rem 0 6rem;
    background: #0366c2;
    position: relative;
    transform: translateY(-100%);
    transition: .5s .5s ease-out;
    z-index: 1;
    overflow: hidden;
}

.act #tc_search {
    transform: translateY(0);
    transition: .5s ease-in;
}

/*弹窗内容样式*/
#tc_search form {
    height: 5rem;
    position: relative;
    width: 900px;
    max-width: 90%;
    margin: 0 auto;
}

#tc_search form:after {
    content: "";
    width: 0;
    height: 1px;
    background: #fff;
    transition: .5s;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
}

.act #tc_search form:after {
    width: 100%;
    transition: ease-in-out .5s .5s;
}

#tc_search #keyword {
    width: 90%;
    height: 5rem;
    font-size: 2rem;
    color: #fff;
    box-shadow: none;
    -webkit-appearance: none;
    float: left;
    border-right: 0;
    background: none;
}

#tc_search .btn_blue {
    position: absolute;
    top: 0;
    right: 0;
    width: 3rem;
    height: 3rem;
    border: 0;
    line-height: 4.25rem;
    background: #f8994b url(../image/search_white.png) center center no-repeat;
    background-size: 1.5rem;
    font-size: 1.125rem;
    color: #fff;
    cursor: pointer;
    text-transform: uppercase;
    border-radius: 50%;
    top: 1rem;
}

#tc_search .btn_blue.fr {
    background: #e9edef;
    color: #4e4f53;
}

#tc_search input::-webkit-input-placeholder {
    color: #fff;
    color: rgba(255, 255, 255, .7);
}

#tc_search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
    color: rgba(255, 255, 255, .7);
}

#tc_search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
    color: rgba(255, 255, 255, .7);
}

#tc_search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
    color: rgba(255, 255, 255, .7);
}

/* WebKit browsers */
#tc_search input:focus::-webkit-input-placeholder {
    color: transparent; /* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}

/* Mozilla Firefox 4 to 18 */
#tc_search input:focus:-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 19+ */
#tc_search input:focus::-moz-placeholder {
    color: transparent;
}

/* Internet Explorer 10+ */
#tc_search input:focus:-ms-input-placeholder {
    color: transparent;
}

/* 点击搜索框获取焦点 placeholder消失-结束 */
#tc_search .draw_h:before {
    border: 1px solid rgba(255, 255, 255, .3);
}

#tc_search .draw_h:hover svg.drawcircle circle {
    stroke: #fff;
}

#tc_search .draw_h img {
    position: absolute;
    top: 50%;
    margin-top: -8px;
    left: 50%;
    margin-left: -8px;
    transition: .3s;
    width: 16px;
}

/***********************/

/***********************/


/*手机导航开始*/
#m_header {
    display: none;
    height: 4.5rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 999;
    transition: 0s 1.5s;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.15);
}

#m_header .m {
    position: relative;
    height: 100%;
}

.m_user {
    height: 4.5rem;
    line-height: 4.5rem;
    margin-right: 4rem;
    color: #999;
}

.m_user a {
    display: inline-block;
    margin: 0 .625rem;
    color: #666;
}

.m_user a svg {
    width: 16px;
}

.m_user a:hover {
    color: #ff0000;
}

.m_user a:hover svg path {
    fill: #ff0000;
}

#m_logo {
    transition: 0s 1.5s;
    height: 100%;
    visibility: visible;
    float: left;
}

#m_logo img {
    display: block;
    max-height: 60%;
    width: 100px;
}

/*导航按钮开始*/
/*导航按钮开始*/
#nav_btn_box {
    height: 100%;
    z-index: 999999999;
    margin-left: 20px;
    position: fixed;
    height: 4.5rem;
    right: 0;
    top: 0;
    display: none;
}

#nav_btn_box .m {
    height: 100%;
    display: flex;
    align-items: center;
}

#nav_btn_box.on {
    background: none;
}

#nav_btn {
}

#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {
    background: #a0a0a0;
}

#nav_btn {
    cursor: pointer;
    text-align: center;
    z-index: 99999;
    padding-bottom: 4px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    outline: none;
    box-shadow: none;
}

#nav_btn .point {
    display: inline-block;
    width: 1.875rem;
    height: 22px;
    position: relative;
    outline: none;
}

#nav_btn .point:hover .navbtn,
#nav_btn .point:hover .navbtn::after,
#nav_btn .point:hover .navbtn::before {
    width: 1.75rem;
}

#nav_btn .navbtn {
    position: absolute;
    top: 12px;
    left: 0;
    display: inline-block;
    width: 21px;
    height: 1px;
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s; /* background: #333; */
}

#nav_btn .navbtn::after,
#nav_btn .navbtn::before {
    position: absolute;
    left: 0;
    display: inline-block;
    width: 1.75rem;
    height: 3px;
    content: '';
    -webkit-transition: all .3s ease-out 0s;
    -moz-transition: all .3s ease-out 0s;
    -ms-transition: all .3s ease-out 0s;
    -o-transition: all .3s ease-out 0s;
    transition: all .3s ease-out 0s;
    background: #999;
}

.ny #nav_btn .navbtn::after,
.ny #nav_btn .navbtn::before {
    background: #999;
}

#nav_btn .navbtn::after {
    top: -5px;
}

#nav_btn .navbtn::before {
    top: 5px;
}

#nav_btn .point.on .navbtn {
    background: transparent;
}

#nav_btn .point.on .navbtn::after {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0px;
}

#nav_btn .point.on .navbtn::before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0px;
}

/*导航按钮结束*/
.m_nav_list { /* flex-direction:column; *//* justify-content: flex-start; */
    width: 100%; /* overflow: auto; */
}

.m_nav_list::-webkit-scrollbar {
    display: none
}

#m_nav {
    z-index: -1;
    position: fixed;
    background: #f7f7f7;
    width: 100%;
    height: 100vh;
    right: 0;
    top: 0;
    display: none;
    padding: 50px 0;
    overflow: hidden;
    pointer-events: none;
    transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    -ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);
    display: block;
    overflow: auto;
    visibility: hidden;
    opacity: 0;
}

#m_nav::-webkit-scrollbar {
    display: none;
}

#m_nav.act {
    pointer-events: auto;
    top: 0;
    visibility: visible;
    opacity: 1;
    z-index: 99999;
}

#m_nav > ul > li {
    width: 80%;
    overflow: hidden;
    padding: 0 1rem;
    margin: 0 auto;
}

#m_nav > ul > li + li {
    border-top: 1px solid rgb(111 111 111 / 10%);
}

#m_nav li .a {
}

#m_nav li .a h3 {
    line-height: 4.5rem;
    height: 4.5rem;
    color: #3d3d3d;
    padding: 0;
    font-size: 1.25rem;
    float: left;
    font-weight: bold;
}

#m_nav li .a span {
    display: block;
    position: absolute;
    top: 0;
    right: 10px;
    width: 20px;
    height: 50px;
    text-align: center;
}

#m_nav li .a span i {
    font-size: 0;
}

#m_nav .title .a i {
    opacity: 1;
    filter: alpha(opacity=100);
    display: inline-block;
    width: 16px;
    height: 4.5rem;
    float: right;
    display: inline-block;
    background: url(../image/arrow_down.svg) center no-repeat;
    background-size: contain;
}

#m_nav li.on.title .a i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

#m_nav .on.title .a i {
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
}

#m_nav li {
    display: block;
    width: 100%;
}

.slide_nav {
    position: absolute;
    left: 0;
    height: 70px;
    z-index: 998;
    padding: 15px;
    top: 0;
    width: 100%;
}

#m_nav .title .list {
    display: none;
    position: relative;
    width: 100%;
    z-index: 9;
    left: 0;
    margin-left: 0;
    background: none;
    border: 0;
    clear: both;
    padding-bottom: 10px;
}

#m_nav .title .list span {
    background: none;
}

#m_nav .title .list span a:hover {
    color: #014085;
}

#m_nav .title .list a {
    display: block;
    font-size: 1.125rem;
    color: #666;
    text-align: left;
    line-height: 35px;
    height: 35px;
    border: 0;
}

/*三级导航 开始*/
#m_nav .title .list .void > a {
    background-size: 10px;
    position: relative;
}

#m_nav .title .list .void > a:before {
    content: "·";
    position: absolute;
    left: -1em;
    font-size: 12px;
    font-weight: bold;
}

#m_nav .title .list span {
    position: relative;
    display: block;
}

#m_nav .title .list span .sub {
    position: static;
    width: 100%;
    display: block !important;
    overflow: hidden;
}

#m_nav .title .sub a {
    background: none;
    font-size: .875rem;
    opacity: .8;
    min-width: 50%;
    float: left;
    display: inline-block;
    color: #999;
}

.nav_mask {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.4);
    display: none;
}

/*顶部搜索*/
.wap_search {
    font-size: 16px;
    border-radius: 5px;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
    overflow: hidden;
    width: 100%;
    height: 80px;
    display: block;
}

.wap_search form {
    height: 3rem;
    border-radius: 25px;
    background: rgb(255 255 255);
    border: 1px solid #0366c2;
    position: relative;
    width: 23rem;
    margin: 20px auto;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.wap_search .input {
    font-size: 1.0625rem;
    color: #646464;
    height: 3rem;
    line-height: 3rem;
    padding-left: 1.5rem;
    box-shadow: none;
    -webkit-appearance: none;
    float: left;
    border-right: 0;
    background: none;
}

.wap_search .btn_blue {
    position: absolute;
    cursor: pointer;
    top: -1px;
    right: -1px;
    width: 3rem;
    height: 3rem;
    line-height: 3rem;
    border: 0;
    background: url(../image/search_white.png) center no-repeat #0366c2;
    background-size: 1.5rem;
    border-radius: 25px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    -ms-border-radius: 25px;
    -o-border-radius: 25px;
}

.wap_search .btn_blue.fr {
    background: #e9edef;
    color: #4e4f53;
}

.wap_search input::-webkit-input-placeholder {
    color: #999;
}

.wap_search input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #999;
}

.wap_search input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #999;
}

.wap_search input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #999;
}

/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {
    color: transparent; /* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}

/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {
    color: transparent;
}

/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {
    color: transparent;
}

/*首页banner*/
.banner {
    position: relative;
    margin-top: 13.4375rem;
    height: auto !important;
}


.banner_slider2 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.dot_position {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5rem;
}

#banner {
    width: 100%;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    z-index: 1;
    background: #fff;
    margin-top: 11.8575rem;
}
.pc{
    display: block;
}
.mb{
    display: none;
}

#banner .banner_slider {
    margin: 0;
}

#banner li {
    position: relative;
}

#banner li .img {
    width: 100%;
    height: 600px;
    background-size: cover !important;
    z-index: 8;
}

#banner .slick-dots {
    position: static;
    display: inline-block !important;
    left: 0;
    width: auto;
    transform: none;
    margin: 0;
}

#banner .slick-dots li {
    margin: 0 .5rem;
}

#banner .slick-dots li button {
    border-radius: 50%;
    border: 1px solid transparent;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    padding: 0;
}

#banner .slick-dots li button:before {
    content: "";
    position: relative;
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #fff;
    box-sizing: border-box;
    opacity: 1;
}

#banner .slick-dots li.slick-active button {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    animation: roll 4s infinite linear;
    -webkit-animation: roll 4s infinite linear;
}

.bn_dots_slide {
    display: flex;
    float: right;
}

.bn_dots_slide .draw_h2:before {
}

.bn_dots_slide .on .draw_h {
}

.bn_dots_slide .item {
    cursor: pointer;
    margin: 0 3px;
}

.draw_h2 {
    width: 1.1875rem !important;
    height: 1.1875rem !important;
    display: block;
    border-radius: 50%;
    text-align: center;
    position: relative;
}

.draw_h2:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    background: #fff;
    transform: scale(.4);
    -webkit-transform: scale(.4);
    -moz-transform: scale(.4);
    -ms-transform: scale(.4);
    -o-transform: scale(.4);
}

.draw_h2 svg.drawcircle {
    position: absolute;
    top: 0;
    left: 0;
    overflow: inherit;
    display: block;
    pointer-events: none;
}

.draw_h2 svg.drawcircle circle {
    fill: none;
    box-sizing: border-box;
    stroke-width: 1;
    /*stroke: none;
  */
    stroke-dasharray: 0, 60;
    stroke-dashoffset: 60;
    transition: 8s;
    /*-webkit-transition: all 7s cubic-bezier(0.11, 0.57, 0.58, 1);
  transition: all 7s cubic-bezier(0.11, 0.57, 0.58, 1);
  -moz-transition: 8s;
  -ms-transition: 8s;
  -o-transition: 8s;
  */
    -webkit-transition: 7s;
    -webkit-transition: 8s;
}

.draw_h2 .icon {
    fill: #626262;
    vertical-align: middle;
    transition: .3s;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.on .draw_h2 svg.drawcircle circle {
    stroke: #fff;
    stroke-dasharray: 60, 0;
    stroke-dashoffset: 60;

}

.on .draw_h2 .icon {
    fill: #0081cc;
}

@-webkit-keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
    20% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

@keyframes enter {
    0% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
    20% {
        opacity: 0;
        transform: translateY(100px);
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
    }
    100% {
        opacity: 1;
        transform: translateY(0px);
        -webkit-transform: translateY(0px);
        -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
        -o-transform: translateY(0px);
    }
}

@-webkit-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25);
    }
    100% {
        background: transparent;
    }
}

@-moz-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25);
    }
    100% {
        background: transparent;
    }
}

@-ms-keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25);
    }
    100% {
        background: transparent;
    }
}

@keyframes anim-out-pseudo {
    0% {
        background: rgba(0, 0, 0, 0.25);
    }
    100% {
        background: transparent;
    }
}

@-webkit-keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@-moz-keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@-ms-keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}

@keyframes anim-out {
    0% {
        width: 0%;
    }
    100% {
        width: 100%;
    }
}


.tc {
    transition: all ease 300ms;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999999;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}

.tc .j_tab {
    table-layout: fixed;
}

.tc[name=tc_search] {
    opacity: 1;
}

.tc.act {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}

.tc-box {
    box-sizing: border-box;
    z-index: 999;
    display: block;
    position: relative;
    transform: translateY(-3rem);
    transition: all 0.5s ease-out;
    opacity: 0;
    -webkit-transform: translateY(-3rem);
    -moz-transform: translateY(-3rem);
    -ms-transform: translateY(-3rem);
    -o-transform: translateY(-3rem);
}

.tc.act .tc-box {
    transform: translateY(0);
    opacity: 1;
}

.tc_close {
    position: absolute;
    cursor: pointer;
    color: #e13a39;
    font-size: 30px;
    right: 15px;
    top: 15px;
}

.tc_bg {
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.tc.act .tc_bg {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: .5s;
}

.tc_shipin {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    background: none;
}

.tc_shipin #my-video {
    position: relative;
    height: 0;
    padding-top: 60%;
}

.tc_shipin #my-video video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.tc_shipin .tc_close {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: -2rem;
    right: -3rem;
    border-radius: 50%;
}

.tc_shipin .tc_close img {
    display: block;
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 50%;
    top: 50%;
    margin-top: -.5rem;
    margin-left: -.5rem;
}

.tc_shipin .tc_close:hover img {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.video-js {
    width: 100% !important;
    height: 100% !important;
}

.video-js .vjs-big-play-button {
    left: 50% !important;
    top: 50% !important;
    margin-left: calc(-1.6rem - 5px);
    margin-top: calc(-1.6rem - 5px);
    background-color: rgba(0, 0, 0, 0) !important;
}

video {
    object-fit: fill;
}

.vjs-poster {
    background-size: cover !important;
}

.s_video .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.s_video {
    position: relative;
}

.btn_play {
    display: block;
    width: 3.625rem;
    height: 3.625rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background: #fff;
    cursor: pointer;
}

.btn_play svg {
    position: relative;
    z-index: 99;
}

.btn_play span {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.3);
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-animation: circleScale 3s linear infinite;
    -moz-animation: circleScale 3s linear infinite;
    -ms-animation: circleScale 3s linear infinite;
    animation: circleScale 3s linear infinite;
}

.btn_play span:nth-of-type(2) {
    animation-delay: 1s;
}

.btn_play span:nth-of-type(3) {
    animation-delay: 2s;
}

@keyframes circleScale {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);

    }
    100% {
        opacity: 0;
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -ms-transform: scale(1.8);
        transform: scale(1.8);
    }
}

@keyframes circleScale1 {
    0% {
        opacity: 1;
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
    }
    60% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale(3);
        -moz-transform: scale(3);
        -ms-transform: scale(3);
        transform: scale(3);
    }
}

.s_about {
    background: url(../image/about_bg.png) left bottom no-repeat;
    background-size: cover;
    position: relative;
}

.a_nav {
    position: absolute;
    top: -60px;
    left: 50%;
    transform: translateX(-50%);
    height: 120px;
    background: #fff;
    border-radius: 10px;
    z-index: 10;
    width: 90%;
    max-width: 1350px; /* 限制最大宽度，大屏不会太宽 */
    display: flex;
    align-items: center;
}

.a_nav_li {
    display: flex;
    width: 100%;
    height: 100%;
}

.a_nav_item {
    flex: 1;
    height: 100%;
    position: relative;
}

.a_nav_item:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 20%;
    height: 60%;
    width: 1px;
    background-color: #e5e7eb;
}

.a_nav_item a {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #3672c9;
    font-size: 16px;
}

.a_nav_item img {
    width: 38px;
    height: 38px;
    margin-bottom: 15px;
}

.a_nav_item span {
    color: #333;
}

.s_about .m {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.s_about .ab_more {
    width: 8rem;
    height: 2.5rem;
    line-height: 2.5rem;
    display: block;
    text-align: center;
    font-size: .9375rem;
    color: #7a7a7a;
    border-radius: 20px;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: all ease 600ms;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.s_about .ab_more:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 100%;
    border-radius: 20px;
    box-sizing: border-box;
    border: 2px solid #2d70da;
    transition: all ease 600ms;
    z-index: -1;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.s_about .ab_more:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    display: block;
    height: 100%;
    width: 0;
    background: #2d70da;
    transition: all ease 600ms;
    z-index: -1;
}

.s_about .ab_more:hover:after {
    width: 100%;
    left: 0;
    right: auto;
}

.s_about .ab_more:hover {
    color: #fff;
}


.about_img {
    border-radius: 20px;
}

.s_about .m .txt {
    max-width: 600px;
    margin-right: 2rem;
}

.s_tt {
    display: flex;
    align-items: flex-end;
    padding-bottom: 2.2rem;
    padding-left: .875rem;
    font-weight: bold;
    background: url(../image/s_about_tt.svg) left bottom no-repeat;
    background-size: contain;
}

.s_tt h3 {
    font-size: 1.875rem;
    font-weight: bold;
    color: #1d1d1f;
    white-space: nowrap;
}

.s_tt span {
    font-size: 1.125rem;
    color: #1d1d1f;
    text-transform: capitalize;
    display: inline-block;
    margin-left: .5rem;
    white-space: nowrap;
}

.s_about .con {
    font-size: 1.075rem;
    line-height: 2rem;
    color: #1d1d1f;
    opacity: .8;
    margin-top: 2rem;
    margin-bottom: 2.875rem;
}


.a_tel_zx {
    display: flex;
    justify-content: space-between;
}

.a_tel_zx .tel_zx_bnt {
    font-size: 1.15rem;
    line-height: 3rem;
    height: 3rem;
    color: #fff;
    margin: 3rem 0 1rem;
    background-color: #2d70da;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-bottom-right-radius: 0;
    width: 200px;
}

.btnbox .btn_blue img {
    width: 22px;
    margin-right: 5px;
}

.btnbox .btn_blue img.zx_img {
    width: 28px;
}


.btnbox {
    display: flex;
    margin-top: 3rem;
    width: 100%;
}

.btnbox .btn_blue {
    width: 12.5rem;
    height: 3.125rem;
    overflow: hidden;
    flex-shrink: .5;
    margin-right: 2.5rem;
    font-size: 1rem;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0366c2;
    border-radius: .625rem;
    color: #fff;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
    border-bottom-right-radius: 0;
}

.btnbox .btn_blue.btn_tel {
    font-size: 1.125rem;
}

.btnbox .btn_blue svg {
    margin-right: 9px;
    max-width: 1.5rem;
}

.btnbox .btn_blue:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #f8994b;
    visibility: hidden;
    z-index: -1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.btnbox .btn_blue:hover:after {
    width: 100%;
    visibility: visible;
    left: 0;
    right: auto;
}

.jus_cent {
    justify-content: center;
}

.about_cont {
    margin: 30px 0;
    text-align: center;
}

.about_cont p {
    font-size: 1.025rem;
    text-indent: 2em;
    line-height: 2;
    margin-bottom: 30px;
    text-align: justify;
    opacity: .8;
}

.about_img_list {
    display: grid;
    grid-template-columns: repeat(3, calc(33.33% - 20px));
    gap: 30px 20px;
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
}

.about_img_list .pic {
    position: relative;
    height: 250px;
    overflow: hidden;
}

.about_img_list .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.about_img_list .pic:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.hxys {
    margin-bottom: 5rem;
}

.s_about ul {
    display: flex;
    justify-content: space-between;
}

.s_about ul li {
    width: 33.33%;
}

.s_about ul li p {
    font-size: 1rem;
    color: #1d1d1f;
}

.s_about ul li div {
}

.s_about ul li b {
    font-size: 2.5rem;
    color: #0366c2;
    font-weight: bold;
}

.s_about ul li span {
    font-size: .875rem;
    color: #0366c2;
}

.s_about .m .a_img {
    flex-shrink: 0;
    position: relative;
    max-width: 50%;
}

.ab_zt {
    background: #2d70da;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    width: 145px;
    height: 410px;
    position: absolute;
    right: 100%;
    top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ab_zt .ab_zt_c {
    display: flex;
    flex-direction: column; /* 上下竖排：大字→英文→箭头 */
    align-items: center;
    justify-content: center;
    color: #fff;
    text-align: center;
}

.ab_zt_c h3 {
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 8px 0;
}

.ab_zt_c p {
    font-size: 18px;
    margin: 0 0 30px 0;
    letter-spacing: 2px;
}

.ab_zt_c span {
    font-size: 22px;
    display: flex;
    gap: 16px;
}

.ab_mask {
    position: absolute;
    border-radius: 50%;
    left: -222px;
    top: 105px;
    z-index: 2;
    opacity: 0.7;
}

.ab_mask img {
    animation: roll 3s infinite linear;
}

@keyframes roll {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}


.getreport .row {
    display: flex;
    flex-flow: wrap;
    margin: 0 -.75rem;
    align-items: center;
}

.getreport .groupbox {
    padding: .745rem;
    width: 20%;
}

.getreport input[type="text"] {
    background: none;
    width: 100%;
    height: 3.5rem;
    padding-left: 1.25rem;
    font-size: .875rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.getreport .select-button {
    background: none;
    width: 100% !important;
    height: 3.5rem !important;
    padding-left: 1.25rem;
    font-size: .875rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.getreport .select-wrapper {
    background: none;
    width: 100% !important;
    height: 3.5rem !important;
    font-size: .875rem;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.getreport input::-webkit-input-placeholder {
    color: #fff;
}

.getreport .select-wrapper {
    background: none !important;
}

.getreport .group {
    display: flex;
    position: relative;
    border-radius: 5px;
    overflow: hidden;
}

.getreport .group .yzm {
    position: absolute;
    right: 1px;
    top: 1px;
    height: calc(100% - 2px);
}

.btn_submit {
    width: 7.625rem;
    height: 3.5rem;
    border: 0;
    outline: 0;
    background: #f8994b;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.declare {
    color: #fff;
    font-size: .875rem;
    margin-top: 3px;
}

.getreport textarea {
    width: 100%;
    background: none;
    padding: 1rem 1.25rem;
    font-size: .875rem;
    color: #fff;
    line-height: 1.7;
    font-family: "微软雅黑", arial;
    border: 1px solid #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.radioinline label {
    width: 4.25rem;
    height: 3.125rem;
    border: 1px solid #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.radioinline + .radioinline {
    margin-left: 1.25rem;
}

.radioinline input[type="radio"] {
    display: none;
}

.radioinline input[type="radio"]:checked + label {
    background: #fff;
    color: #008cd6;
}

.getreport .select-down {
    background: none;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-top: 6px solid #fff !important;
    margin-top: -3px !important;
    top: 50% !important;
}

.getreport textarea::-webkit-input-placeholder {
    color: #fff;
}

.getreport textarea::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

.getreport textarea:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.getreport textarea:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

/* WebKit browsers */
.getreport textarea:focus::-webkit-input-placeholder {
    color: transparent; /* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}

/* Mozilla Firefox 4 to 18 */
.getreport textarea:focus:-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 19+ */
.getreport textarea:focus::-moz-placeholder {
    color: transparent;
}

/* Internet Explorer 10+ */
.getreport textarea:focus:-ms-input-placeholder {
    color: transparent;
}

/* 点击搜索框获取焦点 placeholder消失-结束 */

.getreport input::-webkit-input-placeholder {
    color: #fff;
}

.getreport input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color: #fff;
}

.getreport input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color: #fff;
}

.getreport input:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #fff;
}

/* WebKit browsers */
.getreport input:focus::-webkit-input-placeholder {
    color: transparent; /* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */
}

/* Mozilla Firefox 4 to 18 */
.getreport input:focus:-moz-placeholder {
    color: transparent;
}

/* Mozilla Firefox 19+ */
.getreport input:focus::-moz-placeholder {
    color: transparent;
}

/* Internet Explorer 10+ */
.getreport input:focus:-ms-input-placeholder {
    color: transparent;
}

/* 点击搜索框获取焦点 placeholder消失-结束 */
.getreport .select-list {
    top: 3.125rem !important;
}

.s_team {
}

.s_team .team-hidden {
    visibility: hidden;
    position: absolute;
    pointer-events: none;
}

.s_team .mb {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.s_team .m .left {
    width: 50%;
    max-width: 645px;
    padding-bottom: 5rem;
}

.s_team .m .right {
    width: 50%;
    padding-left: 3rem;
}

.s_team .img_round img {
    height: 90%;
}

.s_team .team-txt {
}

.s_team .tem_tt {
    display: flex;
}

.s_team .team-txt .tt {
    display: flex;
    align-items: flex-end;
    margin-bottom: 1.625rem;
}

.s_team .team-txt .tt h4 {
    font-size: 1.625rem;
    color: #1d1d1f;
    font-weight: bold;
}

.s_team .team-txt .tt p {
    font-size: 1.15rem;
    color: #333;
    margin-left: 10px;
}

.s_team .team-txt .con {
    line-height: 2rem;
}

.s_team .team-txt .con .te_ul li {
    color: #333;
    font-size: 1rem;
    line-height: 2rem;
}

.s_team .team-txt .con .te_tit,
.n_team_xq .txt .con .te_tit {
    font-size: 1.15rem;
    line-height: 36px;
    color: #fff;
    margin: 3rem 0 1rem;
    background-color: #2d70da;
    text-align: center;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-bottom-right-radius: 0;
    width: 100px;
}

.s_team .team-txt .con .te_con p,
.n_team_xq .txt .con .te_con p {
    margin-top: 1rem;
    color: #333;
    font-size: 1rem;
    line-height: 2rem;
}

.s_team .team-txt .con .te_con p a,
.n_team_xq .txt .con .te_con p a {
    color: #f8994b;
}

/* .s_team .team-txt .con p + p {
    margin-top: 1rem;
} */

.s_team .team-hd-t {
    margin-left: 3rem;
    position: relative;
}

.s_team .team-hd-t .team-tabs {
    display: flex;
    align-items: center;
    gap: 1rem;
    line-height: 2.25rem;
}

.s_team .team-hd-t .team-tabs a {
    font-size: 1.425rem;
    color: #333;
    text-decoration: none;
    transition: color 0.3s ease;
    font-weight: bold;
}

.s_team .team-hd-t .team-tabs a.active {
    color: #0366c2;
}

.s_team .team-hd-t .team-tabs a:hover {
    color: #0366c2;
}

.s_team .team-hd-t .team-tabs span {
    color: #999;
}

.mt3r {
    margin-top: 3rem;
}

.s_team .team-hd {
    position: relative;
}

.s_team .team-hd ul li .pic {
    background: #a2b3c1;
    max-width: 9.625rem;
}

.s_team .team-hd ul li .mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: .875rem;
    color: #fff;
    justify-content: center;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.s_team .team-hd ul li .mask:before {
    content: "";
    background: rgba(3, 102, 194, 0.8);
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    display: block;
    z-index: -1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.s_team .team-hd ul li:nth-child(3n+1) .pic {
    background: #f3c79b;
}

.s_team .team-hd ul li:nth-child(3n+2) .pic {
    background: #fbbac1;
}

.s_team .team-hd ul li:nth-child(3n+3) .pic {
    background: #a2b3c1;
}

.s_team .team-hd .dotbox {
    position: absolute;
    right: -2rem;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
}

.s_team .team-hd .dotbox a {
    display: block;
    width: 1.5rem;
    cursor: pointer;
}

.s_team .team-bd ul li .pic {
    background: url(../image/team_bg.png) center bottom no-repeat;
    background-size: contain;
    max-width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 40rem;
    position: relative;
    height: 43rem;
}

.s_team .team-bd ul li .pic img {
    object-fit: contain; /* position: absolute; *//* left: 50%; *//* transform: translateX(-50%); */
    bottom: 0; /* height: 120%; */
}

.s_team .team-bd ul li .pic:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/team_bg2.png) center bottom no-repeat;
    background-size: 100%;
    z-index: 9;
}

.s_team .team-hd ul li:hover .mask {
    opacity: 1;
    visibility: visible;
}

.s_team .team-hd ul li:hover .mask:before {
    height: 100%;
}

.s_gg {
    width: 100%;
    height: 239px;
    overflow: hidden;
    background: url(../image/s_gg.jpg) center no-repeat;
    background-size: cover;
}

.s_gg .m {
    height: 100%;
    display: flex;
    align-items: center;
}

.s_gg .m .box {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}

.s_gg .m .pic {
    padding-right: 3rem;
    border-right: 1px solid #fff;
    margin-right: 3rem;
}

.s_gg .m .pic img {
    width: 14.5625rem;
}

.s_gg .m p {
    font-size: 4.375rem;
    letter-spacing: 1rem;
}

.btn_apply {
    display: block;
    padding: 12px 20px;
    margin-left: 5rem;
    text-align: center;
    color: #fff;
    font-size: .985rem;
    /* font-weight: bold; */
    background: #f8994b;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.btn_apply:hover {
    background: #e3771f;
}


.s_school_life {
    margin-bottom: 2rem
}

.s_school_life .hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.s_school_life .hd .s_tt {
    margin-bottom: 0 !important;
}

.s_school_life .arrbox {
    display: flex;
}

.s_school_life .arrbox a {
    display: block;
    width: 3.4375rem;
    height: 3.4375rem;
    background-size: contain !important;
    margin-left: 1.5rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.school_life_prev {
    background: url(../image/arr_left.png) center no-repeat;
}

.school_life_next {
    background: url(../image/arr_right.png) center no-repeat;
}

.school_life_prev:hover {
    background: url(../image/arr_left_on.png) center no-repeat;
}

.school_life_next:hover {
    background: url(../image/arr_right_on.png) center no-repeat;
}

.s_school_life .bd {
    /*padding-top: 2.5rem;*/
}

.s_school_life .bd ul {
    overflow: hidden;
}

.s_school_life .bd ul li {
    width: 33.33%;
    float: left;
    padding: 6px;
}

.s_school_life .bd ul li:nth-child(1) {
    width: 50%;
}

.s_school_life .bd ul li:nth-child(2) {
    width: 50%;
}

.s_school_life .bd ul li .box {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.s_school_life .bd ul li .img {
    overflow: hidden;
}

.s_school_life .img_db:after {
    padding-top: 20.6rem
}

.s_school_life .bd ul li .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.s_school_life .bd ul li .mask {
    opacity: 0;
    padding: 1rem;
    line-height: 1.5;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
    text-align: center;
    color: #fff;
    font-size: 1.125rem;
    background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
    background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
    background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
    background: -webkit-linear-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.5)));
    FILTER: progid: DXImageTransform . Microsoft . Gradient(gradientType = 0, startColorStr = transparent, endColorStr = #111);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.s_school_life .bd ul li:hover .mask {
    opacity: 1;
}

.s_news {
    /* background: url(../image/s_news_bg.jpg) center no-repeat;
    background-size: cover; */
}

.s_news .hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.s_news .hd .s_tt {
    margin-bottom: 0;
}

.s_news01 {
    width: 100%;
}

.s_news01 ul.s_news_slide {
    margin: 0 -1rem;
}

.s_news01 ul li.slick-slide {
    padding: 0 1rem;
}

.s_news01 ul li a {
    display: flex;
    justify-content: space-between;
}

.s_news01 ul li a .img {
    width: 28rem;
    flex-shrink: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.s_news01 ul li a .img img {
}

.s_news01 ul li a .txt {
    padding-left: 3.75rem;
    flex-grow: 1;
    min-width: 0;
}

.s_news01 ul li a .txt .time {
    font-size: 1.25rem;
    color: #0366c2;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.s_news01 ul li a .txt .time svg {
    margin-right: .75rem;
    height: 1.25rem;
}

.s_news01 ul li a .txt h5 {
    font-size: 1.625rem;
    color: #1d1d1f;
    margin-bottom: 1.5rem;
}

.s_news01 ul li a .txt p {
    font-size: .875rem;
    line-height: 1.5rem;
    overflow: hidden;
    height: 4.5rem;
    color: rgba(29, 29, 31, 0.7);
}


.s_news01 .s_news_slide_t {
    /* margin: 0 -1rem; */
}

.s_news01 .s_news_slide_t .slick-slide {
    padding: 0 1rem;
}

.s_news01 .s_news_slide_t a {
    display: flex;
    justify-content: space-between;
}

.s_news01 .s_news_slide_t a .img {
    width: 33.33%;
    flex-shrink: 0;
    margin-top: -75px;
    height: 20rem;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.s_news01 .s_news_slide_t a .img img {
}

.s_news01 .s_news_slide_t a .txt {
    padding-left: 1.75rem;
    flex-grow: 1;
}

.s_news01 .s_news_slide_t a .txt .time {
    font-size: 1.25rem;
    color: #333;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.s_news01 .s_news_slide_t a .txt .time svg {
    margin-right: .75rem;
    height: 1.25rem;
}

.s_news01 .s_news_slide_t a .txt h5 {
    font-size: 1.425rem;
    color: #1d1d1f;
    margin-bottom: 1.5rem;
}

.s_news01 .s_news_slide_t a .txt p {
    font-size: .975rem;
    line-height: 1.75rem;
    overflow: hidden;
    height: 5rem;
    color: rgba(29, 29, 31, 0.7);
}

.s_news01 .s_news_slide_t a .txt p span {
    color: #f8994b;
}


.s_news01 .slick-dots {
    left: 32.25rem;
    width: auto;
    bottom: 0;
}

.s_news01 .slick-dots li button {
    position: relative;
}

.s_news01 .slick-dots li button:after {
    content: "";
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transition: .5s;
    border: 1px solid #f5c520;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.s_news01 .slick-dots li button:before {
    content: "";
    opacity: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(.3);
    background: #c5cace;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: scale(.3);
    -moz-transform: scale(.3);
    -ms-transform: scale(.3);
    -o-transform: scale(.3);
}

.s_news01 .slick-dots li.slick-active button:after {
    transform: scale(.8);
    -webkit-transform: scale(.8);
    -moz-transform: scale(.8);
    -ms-transform: scale(.8);
    -o-transform: scale(.8);
}

.s_news01 .slick-dots li.slick-active button:before {
    background: #f5c520;
}


.s_news02 {
    position: relative;
    margin-top: 2.5rem;
}

.s_news02:before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #e0e3e4;
}

.s_news02 ul {
    overflow: hidden;
}

.s_news02 ul li {
    width: 33.333%;
    float: left;
    position: relative;
    z-index: 1;
}

.s_news02 ul li:before {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    position: absolute;
    z-index: -1;
    background: #2d70da;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.s_news02 ul li a {
    padding: 2.5rem 2.25rem;
    display: block;
}

.s_news02 ul li a .time {
    font-size: 1.25rem;
    color: #1f1d1d;
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.s_news02 ul li a .time svg {
    margin-right: .75rem;
    height: 1.25rem;
}

.s_news02 ul li a .time svg path {
    fill: #1f1d1d;
}

/* 面包屑导航 */
.c_pos_w {
    max-width: 1480px;
    width: 100%;
    padding: 0px;
    height: 100%;
    margin: 0 auto;
    padding-top: 5rem;
    display: block;
    position: relative;
}

.c_pos {
    display: flex;
    align-items: center;
    padding: 1rem 0;
    border-bottom: 1px solid #e0e3e7;
}

.bor_lin {
    border-bottom: 1px solid #bbb;
}


.c_pos img {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: 0.75rem;
    flex-shrink: 0;
}

.c_pos .label {
    font-size: 1.075rem;
    color: #666;
    margin-right: 0.5rem;
}

.c_pos .link {
    font-size: 1.075rem;
    color: #666;
    text-decoration: none;
    margin-right: 0.5rem;
    transition: color 0.3s ease;
}
.c_pos span a{
    color: #0366c2;
}
.c_pos span a:hover,
.c_pos .link:hover {
    color: #024a94;
    /*text-decoration: underline;*/
}

.c_pos .c_arrow {
    font-size: 1.075rem;
    color: #999;
    margin-right: 0.5rem;
}

.c_pos .current {
    font-size: 1.075rem;
    color: #333;
}

.s_news02 ul li h5 {
    font-size: 1.25rem;
    color: #1d1d1f;
    margin-bottom: 3rem;
}

.s_news02 ul li p {
    font-size: .975rem;
    line-height: 1.75rem;
    overflow: hidden;
    height: 3.5rem;
    color: rgba(29, 29, 31, 0.7);
}

.btn_detail {
    display: block;
    width: 5rem;
    height: 2.75rem;
    margin-top: 1.5rem;
    font-size: .875rem;
    color: rgba(29, 29, 31, 0.4);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    border: 1px solid #9ea0a0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.s_news02 ul li:hover:before {
    height: 100%;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.s_news02 ul li:hover .time {
    color: #fff;
}

.s_news02 ul li:hover .time svg path {
    fill: #fff;
}

.s_news02 ul li:hover h5 {
    color: #fff;
}

.s_news02 ul li:hover p {
    color: rgba(255, 255, 255, 0.7);
}

.s_news02 ul li:hover .btn_detail {
    background: #fff;
    border: 1px solid #fff;
    color: #0366c2;
}

.s_news02 ul li a .time, .s_news02 ul li h5, .s_news02 ul li a p {
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}


#foot {
    background: #0366c2;
    padding-top: 4rem;
    color: #fff;
    position: relative;
}

#foot .m {
}

/* footer内容区域 */
.foot_content {
    display: flex;
    justify-content: space-between;
}

/* 左侧区域 */
.foot_left {
    width: 35%;
}

/* 医院信息（logo和名称横向排列） */
.hospital_info {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    margin-bottom: 2rem;
}

.hospital_info .logo img {

}

.hospital_info .hospital_name h3 {
    font-size: 1.375rem;
    color: #fff;
    margin-bottom: 0.25rem;
}

.hospital_info .hospital_name .eng_name {
    font-size: 0.875rem;
    color: rgba(255, 255, 255, 0.7);
}

/* 二维码和联系方式横向排列 */
.contact_wrap {
    display: flex;
    gap: 1.5rem;
}

.contact_wrap .qrcode img {
    width: 8.75rem;
    height: 8.75rem;
}

.contact_wrap .contact_info {
    padding-top: 0.5rem;
}

.contact_wrap .contact_info .label {
    font-size: 1.275rem;
    color: rgba(255, 255, 255, 1);
    line-height: 2rem;
}

.contact_wrap .contact_info .phone {
    font-size: 1.55rem;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0.5rem;
}

.contact_wrap .contact_info .phone .tag {
    font-size: 0.875rem;
    font-weight: normal;
    color: rgba(255, 255, 255, 0.8);
}

.contact_wrap .contact_info .address,
.contact_wrap .contact_info .time {
    font-size: 1.025rem;
    color: rgba(255, 255, 255, 1);
    line-height: 2rem;
}

/* 导航链接区域 */
.foot_links {
    display: flex;
    gap: 3rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(255, 255, 255, .5);
    position: relative;
    margin-top: 1rem;
    flex-grow: 1;
}


.foot_links::after {
    content: '';
    position: absolute;
    top: -2px;
    left: 0;
    width: 3rem;
    height: 3px;
    background: #f8994b;
}


.foot_links .link_group {
    flex-grow: 1;
    text-align: left;
}

.foot_links .link_group h4 {
    font-size: 1.375rem;
    color: #fff;
    margin-bottom: 1rem;
    position: relative;
    padding-bottom: 0.5rem;
}


.foot_links .link_group ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.foot_links .link_group ul li {
    line-height: 2rem;
}

.foot_links .link_group ul li a {
    font-size: 1.075rem;
    color: rgba(255, 255, 255, 0.7);
    text-decoration: none;
    transition: color 0.3s ease;
}

.foot_links .link_group ul li a:hover {
    color: #fff;
}

.foot_tt {
    margin-bottom: 1.5rem;
}

.foot_tt h3 {
    font-size: 1.375rem;
    color: #fff;
    margin-bottom: 2rem;
}

.foot_tt span {
    font-size: 1.25rem;
    text-transform: capitalize;
    display: inline-block;
    margin-left: 1rem;
}

.foot_tt i {
    display: block;
    width: 20px;
    height: 3px;
    background: #f5c520;
}

.foot_nav .box {
    font-size: .875rem;
    line-height: 1.875rem;
    margin: 0 -.75rem;
}

.foot_nav .box a {
    padding: 0 .75rem;
}

.foot_contact {
    width: 550px;
    overflow: hidden;
    position: relative;
    margin-right: 2.5rem;
}

.foot_contact ul {
    padding-bottom: 1.5rem;
    margin: 0 -2rem;
}

.foot_contact ul li {
    padding: 0 2rem;
}

.foot_contact ul li p {
    font-size: .875rem;
    line-height: 1.875rem;
}

.foot_contact .swiper-scrollbar {
    height: 1px !important;
    background: #3585ce;
}

.foot_contact .swiper-scrollbar-drag {
    background: #f8994b;
    height: 5px;
    top: -2px;
    left: -6px;
}

.foot_follow {
    position: relative;
}

.foot_follow:before {
    content: "";
    display: block;
    width: 212px;
    height: 186px;
    background: url(../image/hat.jpg) center no-repeat;
    position: absolute;
    right: 120%;
    top: 0;
}

.foot_follow .ewmbox {
    display: flex;
    justify-content: space-between;
}

.foot_follow .ewm {
    text-align: center;
    margin-right: 1rem;
}

.foot_follow .ewm img {
    display: block;
    margin: 0 auto;
    width: 85px;
    height: 85px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.foot_follow .ewm p {
    font-size: .875rem;
    margin-top: .75rem;
}

.copyright {
    background: #195cc7;
    padding: 5px 0;
    margin-top: 2.5rem;
}

.copyright .m {
    line-height: 2.75rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.125rem;
    color: #fff;
}
.copyright .m p a{
    color: #fff;
}

.foot_link {
    position: relative;
    width: 197px;
}

.foot_link .dt {
    height: 3.5rem;
    line-height: 3.5rem;
    position: relative;
    z-index: 1;
    cursor: pointer;
    font-size: .8125rem;
    color: #fff;
    display: flex;
    justify-content: space-between;
}

.foot_link .dt i {
    width: 1.25rem;
}

.foot_link .dt.on i {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    margin-top: 0;
}

.foot_link .dd {
    padding: 20px 30px;
    color: #fff;
    font-size: .875rem;
    line-height: 1.875rem;
    background: #217cd1;
    position: absolute;
    left: 0;
    bottom: 100%;
    width: 100%;
    display: none;
    border-radius: 0 1.25rem 0;
    -webkit-border-radius: 0 1.25rem 0;
    -moz-border-radius: 0 1.25rem 0;
    -ms-border-radius: 0 1.25rem 0;
    -o-border-radius: 0 1.25rem 0;
}

.foot_link .dd a {
    display: block;
    font-size: .8125rem;
    color: #fff;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.foot_link .dd a:hover {
    color: #fff;
}

#foot .waveWrapper {
    top: -7.3125rem;
}

/*浪*/

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: auto;
    height: 7.5rem;
    z-index: 0;
}

.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;

}

.bgTop {
    z-index: 15;
    opacity: 0.9;
}

.bgMiddle {
    z-index: 10;
    opacity: 1;
}

.bgBottom {
    z-index: 5;
}

.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}

.waveTop {
    background-size: 50% 100px;
}

.waveAnimation .waveTop {
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}

.waveMiddle {
    background-size: 50% 100%;
}

.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}

.waveBottom {
    background-size: 50% 100%;
}

.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}

.n_banner {
    height: 31.25rem;
    background-size: cover !important;
}

.n_banner .m {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.n_banner .txt {
    text-align: center;
}

.n_banner h3 {
    font-size: 2.25rem;
    font-weight: bold;
    color: #fff;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.n_banner span {
    font-size: 1.875rem;
    color: #fff;
    opacity: .25;
    letter-spacing: 1rem;
    text-transform: uppercase;
}

.n_title {
    padding: 0;
    position: relative;
    border-bottom: 1px solid #e5e5e5;
}

.n_title .m {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.n_nav {
    position: relative;
}

.n_nav li {
    display: block;
    font-size: 1.125rem;
    color: #393939;
    font-weight: bold;
    float: left;
    line-height: 5rem;
    padding: 0 2rem;
    z-index: 1;
    position: relative;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.n_nav li a {
    display: block;
}

.n_nav li + li:after {
    content: "";
    display: block;
    width: 1px;
    height: 18px;
    background: #cccccc;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -9px;
}

.n_nav li:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #0366c2;
    transition: 0.3s ease-in-out;
    opacity: 0;
    z-index: -1;
}

.n_nav li.on, .n_nav li:hover {
    color: #fff;
}

.n_nav li.on:before, .n_nav li:hover:before {
    width: 100%;
    opacity: 1;
}

.n_nav li.on:after, .n_nav li:hover:after {
    opacity: 0;
}

.position {
    left: 0;
    bottom: 0;
    font-size: .9375rem;
    color: #747679;
}

.position img {
    vertical-align: middle;
    margin-bottom: 3px;
    margin-right: 5px;
}

.position span, .position a, .position i {
    font-size: .8125rem;
    color: #828386;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
}

.position i {
    margin: 0px .5rem;
    font-style: normal;
    width: 4px;
    height: 6px;
}

.position em {
    color: #f8994b;
    font-style: normal;
}

.position a:hover {
    color: #f8994b;
}

#n_main {
    padding-bottom: 10rem;
}

.n_about01 {
}

.n_about01 .m {
    display: flex;
    min-width: 0;
    align-items: center;
}

.n_about01 .left {
    padding-right: 10rem;
}

.n_about01 .txt {
}

.n_about01 .tt {
    margin-bottom: 4.375rem;
}

.n_about01 .tt i {
    display: block;
    width: 17px;
    height: 3px;
    background: #0366c2;
}

.n_about01 .tt p {
    font-size: 3.125rem;
    color: #0366c2;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 1rem;
    margin-bottom: 1.25rem;
}

.n_about01 .tt p span {
    color: #f8994b;
    margin-left: 1rem;
}

.n_about01 .tt h3 {
    font-size: 2.125rem;
    color: #1d1d1f;
    font-weight: bold
}

.n_about01 .con {
    font-size: 1rem;
    line-height: 2rem;
    color: #636364;
}

.n_about01 .right {
    position: relative;
    flex-shrink: 0;
    max-width: 50%;
}

.n_about01 .img {
}

.n_about01 .img img {
}

.imgbox {
    position: relative;
    z-index: 1;
}

.imgbox .s_dot {
    position: absolute;
    z-index: -1;
}


/*====移动端导航====*/
#m_n_nav {
    background: #3d75c0;
    display: none;
    line-height: 50px;
    position: relative;
    z-index: 99;
    width: 100%;
}

#bnt_back {
    position: absolute;
    left: 1rem;
    top: 0;
}

#bnt_back svg {
    fill: #fff;
    height: 30px;
    vertical-align: middle;
    width: 26px;
}

#m_n_nav i {
}

#m_n_nav h1 {
    font-size: 14px;
    color: #fff;
    text-align: center;
    margin: 0;
    line-height: 50px;
}

#bnt_sub_nav {
    position: absolute;
    right: 1rem;
    top: 0;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
}

#bnt_sub_nav svg {
    fill: #fff;
    height: 30px;
    vertical-align: middle;
    width: 19px;
}

#bnt_sub_nav img {
    display: block;
    height: 15px;
}

#bnt_sub_nav.on img {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

#sub_nav_content {
    background: #f0f3f5;
    display: none;
    box-shadow: 0 0 5px rgb(153 153 153 / 34%);
    z-index: 9;
}

#sub_nav_content ul {
    padding: 10px;
}

#sub_nav_content ul li {
    display: block;
    line-height: 28px;
    margin: 1rem 0;
}

#sub_nav_content ul li a {
    display: block;
    border-left: 2px solid #3d75c0;
    height: 30px;
    line-height: 30px;
    font-size: 14px;
    padding-left: 10px;
    color: #535455;
}

#sub_nav_content ul li.on a {
    color: #3d75c0;
}

#sub_nav_content dl {
    font-size: 0;
    overflow: hidden;
    background: #fff;
    padding: 10px 0;
    margin: 0;
}

#sub_nav_content dt {
    position: relative;
    background: #fff;
    z-index: 999;
    margin-bottom: 0;
    border-top: 1px solid #e7e7e7;
}

#sub_nav_content dt:first-child {
    border: 0;
}

#sub_nav_content dt a {
    margin: 0 2px;
    display: block;
    color: #5b5349;
    line-height: 3rem;
    font-size: 1.125rem;
    vertical-align: top;
    font-size: 1rem;
    padding: 0 2rem;
}

#sub_nav_content dt a i {
    position: absolute;
    right: 15px;
    top: 0;
    opacity: 0;
    filter: alpha(opacity=0);
    display: none;
}

#sub_nav_content dt a {
}

#sub_nav_content dt.title {
    background: #fafafb;
}

#sub_nav_content dt.title i {
    opacity: 1;
    filter: alpha(opacity=100);
}

#sub_nav_content dt.title_on {
    background: #fafafb;
}

#sub_nav_content dt.title_on a {
    color: #3d75c0;
    border-top: 1px solid #fff;
}

#sub_nav_content dt.title_on a i {
    color: #3d75c0;
}

#sub_nav_content dt.last a {
    border-top: 1px solid #f8f8f8;
}

#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {
    color: #3d75c0;
}

#sub_nav_content dd {
}

#sub_nav_content dd .box {
    padding: 0px 0px 0px 0px;
}

#sub_nav_content dd a {
    padding: 0 3rem;
    line-height: 30px;
    font-size: 1rem;
    color: #5b5349;
    display: block;
    height: 30px;
}

#sub_nav_content dd a.on {
    color: #3d75c0;
}

.subnav {
    margin-top: 2rem;
    overflow: hidden;
    margin-bottom: 2.125rem;
}

.subnav ul {
    text-align: center;
}

.subnav ul li {
    position: relative;
    display: inline-block;
    margin-bottom: 1rem;
}

.subnav ul li a {
    display: block;
    width: 9.375rem;
    height: 2.8125rem;
    line-height: 2.6875rem;
    border-radius: 2rem;
    transition: .5s;
    text-align: center;
    border: 1px solid #d9d9d9;
    font-size: 1rem;
    color: #424242;
    margin: 0 1.25rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.subnav ul li a:before {
    content: "";
    width: 0;
    height: 100%;
    display: block;
    background: #71c32b;
    transition: .5s;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
}

.subnav ul li:hover a, .subnav ul li.on a {
    border: 1px solid #71c32b;
    color: #fff;
}

.subnav ul li:hover a:before, .subnav ul li.on a:before {
    width: 100%;
    right: auto;
    left: 0;
}


.n_about01 .imgbox .s_dot {
    left: 0;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
}

.n_about02 .imgbox .s_dot {
    left: 0;
    bottom: 0;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
}

.n_about02 {
}

.n_about02 img {
}


#n_team {
}

#n_team .team-hd ul li .pic {
    position: relative;
}

#n_team .team-hd ul li .pic:after {
    content: "";
    display: block;
    left: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #0366c2;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

#n_team .team-hd ul li.slick-current .pic:after {
    opacity: 1;
}

#n_team .team-bd ul li .pic {
    background: url(../image/n_team_bg.png) center bottom no-repeat;
    background-size: contain;
}

.n_tt {
}

.n_tt i {
    display: block;
    width: 17px;
    height: 3px;
    background: #0366c2;
}

.n_tt h3 {
    font-size: 2.125rem;
    color: #1d1d1f;
    font-weight: bold;
    margin-top: 1.625rem;
    margin-bottom: 5px;
}

.n_tt span {
    font-size: 1rem;
    color: #1e1e1e;
    opacity: .6;
    text-transform: uppercase;
}

#n_wenhua {
}

#n_wenhua .n_tt {
    position: absolute;
    left: 0;
    top: 0;
}

#n_wenhua ul {
    display: flex;
    height: 42.5rem;
    margin: 0 -1.5rem;
    align-content: space-between;
    background: url(../image/n_wenhua_line.png) right bottom no-repeat;
    background-size: 71%;
}

#n_wenhua ul li {
    padding: 0 1.5rem;
    width: 25%;
}

#n_wenhua ul li .box {
    height: 27.625rem;
    padding: 2.25rem;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: url(../image/wenhua_bg.png) center no-repeat;
    background-size: cover;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

#n_wenhua ul li .tt {
}

#n_wenhua ul li .tt i {
    display: block;
    width: 15px;
    height: 3px;
    background: #fff;
}

#n_wenhua ul li .tt h3 {
    font-size: 1.5rem;
    color: #fff;
    font-weight: bold;
    margin-top: 11px;
    margin-bottom: 9px;
}

#n_wenhua ul li .tt span {
    font-size: 1.5rem;
    color: #ffffff;
    text-transform: uppercase;
}

#n_wenhua ul li .con {
    font-size: 1rem;
    line-height: 2rem;
    color: #fff;
}

#n_wenhua ul li .con p {
}

.relative {
    position: relative;
}

#n_wenhua ul li:nth-child(1) {
    margin-top: 15rem;
}

#n_wenhua ul li:nth-child(2) {
    margin-top: 10rem;
}

#n_wenhua ul li:nth-child(3) {
    margin-top: 5rem;
}

#n_licheng {
}

#n_licheng ul {
    margin: 0 -1.875rem;
    margin-top: -3rem;
    position: relative;
    z-index: 1;
}

#n_licheng ul li {
    padding: 0 1.875rem;
}

#n_licheng ul li .box {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

#n_licheng ul li .txtbox {
    padding: 3.125rem 0;
}

#n_licheng ul li .txt {
    height: 12rem;
}

#n_licheng ul li .txt .year {
    font-size: 1.5rem;
    color: #3c4851;
    font-weight: bold;
    margin-bottom: 1rem;
}

#n_licheng ul li .txt .con {
    font-size: 1rem;
    line-height: 2rem;
    height: 10rem;
    overflow: auto;
    color: #1d1d1f;
    opacity: .8;
}

#n_licheng ul li .txt .con::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    background-color: #F5F5F5;
}

#n_licheng ul li .txt .con::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2;
}

#n_licheng ul li .txt .con::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #555;
}

#n_licheng ul li .img {
    margin: 3.125rem 0;
    height: 12rem;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

#n_licheng ul li .img img {
    object-fit: cover;
}

#n_licheng ul li:nth-child(odd) .txt {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

#n_licheng ul li:nth-child(even) .box {
    flex-direction: column-reverse;
}

#n_licheng ul:before {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    height: 3px;
    background: #cdd2d6;
    margin-top: -1.5px;
}

#n_licheng ul li .box:before {
    content: "";
    display: block;
    width: 1.125rem;
    height: 1.125rem;
    position: absolute;
    left: 1.25rem;
    top: 50%;
    transition: .5s;
    transform: translateY(-50%);
    border-radius: 50%;
    background: #fff;
    border: 2px solid #cdd2d6;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

#n_licheng ul li .box:after {
    content: "";
    opacity: 0;
    display: block;
    width: 1.125rem;
    height: 7px;
    background: url(../image/licheng_arr.png) center no-repeat;
    position: absolute;
    top: 50%;
    margin-top: 1rem;
    left: 1.25rem;
}

#n_licheng ul li:hover .box:before {
    border: 2px solid #f5c520;
    background: #f5c520;
}

#n_licheng ul li:hover .box:after {
    opacity: 1;
}

#n_licheng ul li:hover .txt .year {
    color: #0366c2;
}

#n_licheng .slick-arrow {
    width: 3.4375rem;
    z-index: 99;
    background: #fff;
    height: 3.4375rem;
    background-size: contain !important;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

#n_licheng .slick-prev {
    left: -6.5rem;
    background: #fff url(../image/team_bg.png) center no-repeat;
}

#n_licheng .slick-next {
    right: -6.5rem;
    background: #fff url(../image/arr_right.png) center no-repeat;
}

#n_licheng .slick-prev:hover {
    background: url(../image/arr_left_on.png) center no-repeat;
}

#n_licheng .slick-next:hover {
    background: url(../image/arr_right_on.png) center no-repeat;
}

.n_team {
}

.n_team ul {
    display: flex;
    flex-flow: wrap;
    margin: -1.25rem;
}

.n_team ul li {
    width: 25%;
    padding: 1.25rem;
}

.n_team ul li a {
    display: block;
    height: 100%;
    background: #f5f7f8;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.125rem 1rem;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.n_team ul li .imgbox {
    width: 12.6875rem;
    height: 12.6875rem;
    border-radius: 50%;
    overflow: hidden;
    padding: 1px;
    transform: rotate(0deg);
    position: relative;
    z-index: 1;
    transition: .5s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    z-index: 1;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.n_team ul li .img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    overflow: hidden;
}

.n_team ul li .img img {
    padding-top: 1rem;
    position: relative;
    bottom: 1px;
}

.n_team ul li .imgbox:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    transition: .5s;
    z-index: 9;
    box-sizing: border-box;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 3px solid #f8994b;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.n_team ul li .txt {
    text-align: center;
    padding-top: 3rem;
}

.n_team ul li .txt h4 {
    font-size: 1.25rem;
    color: #1d1d1f;
    font-weight: bold;
    margin-bottom: 1rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.n_team ul li .txt p {
    font-size: 1rem;
    color: #8c8d8e;
    margin-bottom: 1.5rem;
}

.n_team ul li .txt svg {
}

.n_team ul li:hover .imgbox:before {
    border: 3px solid #0366c2;
}

.n_team ul li:hover .txt h4 {
    color: #0366c2;
}

.n_team ul li:hover .txt svg path {
    fill: #0366c2;
}

.n_team ul li .txt {
    padding-top: 2rem;
}

/*翻页*/
.page {
    text-align: center;
    margin: 3rem 0;
    font-size: 0;
    color: #919191;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-flow: wrap;
}

.page li {
    display: inline-block;
    list-style: none;
}
.page .pagination p,
.page .pagination a {
    padding: 0 11px;
    min-width: 2.125rem;
    line-height: 2rem;
    height: 2.125rem;
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-radius: 1.25rem;
    margin: .5rem 0.375rem;
    color: #868686;
    font-size: .875rem;
    -moz-transition: all 0.36s ease-in-out;
    -webkit-transition: all 0.36s ease-in-out;
    -o-transition: all 0.36s ease-in-out;
    -ms-transition: all 0.36s ease-in-out;
    transition: all 0.36s ease-in-out;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.page .pagination .cur {
    background: #0366c2!important;
    color: #fff;
    border: 1px solid #0366c2;
}

.page a:hover {
    background: #0366c2;
    color: #fff;
    text-decoration: none;
    border: 1px solid #0366c2;
}
.pagination p.pageRemark{

}

.page span {
    line-height: 32px;
    display: inline-block;
    margin: 0 8px;
    font-size: 1rem;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
}

.page input {
    height: 2.125rem;
    line-height: 2rem;
    font-size: 1rem;
    display: inline-block;
    border: 1px solid #e5e5e5;
    border-radius: 1.25rem;
    background: none;
    width: 2.5rem;
    text-align: center;
    color: #868686;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.page button {
    width: 65px;
    cursor: pointer;
    height: 2.125rem;
    line-height: 2rem;
    display: inline-block;
    border-radius: 1.25rem;
    border: 1px solid #e5e5e5;
    font-size: 1rem;
    color: #868686;
    background: none;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    -ms-border-radius: 1.25rem;
    -o-border-radius: 1.25rem;
}

.page button:hover {
    background: #0366c2;
    color: #fff;
    text-decoration: none;
    border: 1px solid #0366c2;
}


.n_team_xq {
}

.n_team_xq .m {
    display: flex;
    align-items: start;
}

.n_team_xq .right {
    flex-shrink: 0;
}

.n_team_xq .right .pic {
    background: url(../image/team_bg.png) center bottom no-repeat;
    background-size: contain;
    display: flex;
    max-width: 100%;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    width: 36rem;
    height: 39rem;
}

.n_team_xq .right .pic:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/team_bg3.png) center bottom no-repeat;
    background-size: 100%;
    z-index: 9;
}

.n_team_xq .right .pic img {
    height: 100%;
}


.n_team_xq .left {
    padding-bottom: 3rem;
    padding-right: 5rem;
    flex-grow: 1;
}

.n_team_xq .left .txt {
}

.n_team_xq .left .txt .tt {
    display: flex;
    align-items: center;
    position: relative;
}

.n_team_xq .left .txt .tt h3 {
    font-size: 1.5rem;
    color: #1d1d1f;
    font-weight: bold;
}

.n_team_xq .left .txt .tt span {
    font-size: 1rem;
    color: #1d1d1f;
    margin-left: .875rem;
}

.team_shzw {
    font-weight: bold;
}

/**
.n_team_xq .left .txt .tt:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e5e5e5;
    position: absolute;
    left: 0;
    bottom: 0;
}

.n_team_xq .left .txt .tt:after {
    content: "";
    display: block;
    width: 50px;
    height: 3px;
    background: #f8994b;
    position: absolute;
    left: 0;
    bottom: 0;
}
***/
.c_return {
    position: absolute;
    right: 0;
    top: 0;
    height: 2.5rem;
    line-height: 2.5rem;
    padding: 0 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f8994b;
    border-radius: 2.5rem;
    color: #fff;
    -webkit-border-radius: 2.5rem;
    -moz-border-radius: 2.5rem;
    -ms-border-radius: 2.5rem;
    -o-border-radius: 2.5rem;
    overflow: hidden;
    z-index: 1;
}

.c_return:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #f8994b;
    visibility: hidden;
    z-index: -1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.c_return:hover:after {
    width: 100%;
    visibility: visible;
    left: 0;
    right: auto;
}

.c_return img {
    width: 25px;
    margin-right: 10px;
}


.n_team_xq .left .txt .con {
    font-size: 1rem;
    line-height: 2rem;
    color: #1d1d1f;
    /*opacity: .8;*/
    /*max-height: 26rem;*/
    /*overflow: auto;*/
}

.team_zw {
    margin-bottom: 2rem;
    padding-top: .5rem;
}

.n_team_xq .left .txt .con::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    background-color: #F5F5F5;
}

.n_team_xq .left .txt .con::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #E2E2E2;
}

.n_team_xq .left .txt .con::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #0366c2;
}

.n_reserve {
}

.n_reserve .n_tt {
    text-align: center;
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    margin-bottom: 3.25rem;
}

.n_reserve .n_tt i {
    background: #f8994b;
}

.form_CV {
    margin: 0 -.9375rem;
}

.form_CV .row {
    display: flex;
    width: 100%;
    margin: 0;
    flex-flow: wrap;
}

.form_CV .groupbox {
    display: flex;
    padding: .625rem .625rem;
    width: 50%;
    flex-grow: 1;
}

.form_CV .group {
    border: 1px solid #e5e5e5;
    border-radius: .625rem;
    display: flex;
    width: 100%;
    position: relative;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
    overflow: hidden;
}

.form_CV .span {
    white-space: nowrap;
    width: 7.375rem;
    min-height: 3.75rem;
    border-radius: .625rem 0 0 .625rem;
    text-align: center;
    background: #f5f7f8;
    line-height: 1.5;
    border-right: 1px solid #d5d6d8;
    font-size: 1rem;
    color: #444444;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    -webkit-border-radius: .625rem 0 0 .625rem;
    -moz-border-radius: .625rem 0 0 .625rem;
    -ms-border-radius: .625rem 0 0 .625rem;
    -o-border-radius: .625rem 0 0 .625rem;
}

.form_CV .groupbox .group .span i {
    color: red;
    margin-right: .3rem;
}

.form_CV .groupbox .group .span img {
    padding-right: .625rem;
}

.form_CV .groupbox .group .yzm {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    height: 100%;
}

.form_CV .groupbox .group .yzm img {
    object-fit: fill;
    height: 100%;
    width: 110px;
}

.form_CV .input {
    height: 3.75rem;
    background: #fff;
    flex-grow: 1;
    padding-left: 1.25rem;
    color: #262626;
    font-size: .875rem;
    font-family: "苹方", PingFangSC-Regular, "微软雅黑", sans-serif;
}

.form_CV .btnbox {
    width: calc(100% - 345px);
    font-family: "苹方", PingFangSC-Regular, "微软雅黑", sans-serif;
}

.form_CV textarea {
    width: 100%;
    height: 100%;
    background: #fff;
    padding-left: 1.25rem;
    font-size: .9375rem;
    padding-top: 1.25rem;
    line-height: 1.5;
    color: #262626;
    font-family: "苹方", PingFangSC-Regular, "微软雅黑", sans-serif;
}

.form_CV .btn_tijiao {
    font-family: "苹方", PingFangSC-Regular, "微软雅黑", sans-serif;
    display: block;
    width: 220px;
    height: 3.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 1.125rem;
    border-radius: .625rem;
    background: #2d70da;
    border: 0;
    color: #fff;
    transition: .3s;
    margin: 0 auto;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.form_CV .select-wrapper {
    width: 100% !important;
    height: 3.75rem !important;
    background: none !important;
}

.form_CV .select-button {
    border: 0 !important;
    height: 3.75rem !important;
    font-size: .875rem !important;
    background: none !important;
}

.form_p {
    line-height: 2rem;
    font-size: 1.075rem;
    color: #333;
    margin-bottom: 3rem;
}

.n_contact {
    background: #fff;
    overflow: hidden;
}

.n_contact .n_tt {
    margin-bottom: 3rem;
}

.n_contact .n_tt i {
    background: #f8994b;
}

.n_contact .n_tt h3 {
    font-size: 1.625rem;
}

.n_contact .flex {
    display: flex;
}

.n_contact .left {
    width: 24.5rem;
}

.n_contact .right {
    width: calc(100% - 24.5rem);
    position: relative;
    padding-left: 8rem;
}

.n_contact ul {
    margin: -.75rem 0;
}

.n_contact ul li {
    padding: .75rem 0;
}

.n_contact ul li .box {
    border: 1px solid #f5f7f8;
    border-radius: .625rem;
    overflow: hidden;
    height: 100%;
    padding: 26px 24px;
    cursor: pointer;
    position: relative;
    padding-left: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.n_contact ul li .ico {
    width: 2.5rem;
    position: absolute;
    background: #f5f7f8;
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.n_contact ul li h3 {
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #636363;
    font-weight: bold;
    margin-bottom: 5px;
}

.n_contact ul li dl {
    font-size: .9375rem;
    line-height: 1.5rem;
    color: #636363;
    display: flex;
}

.n_contact ul li dl dt {
    white-space: nowrap;
}

.n_contact ul li dl dd {
}

.n_contact ul li.on .box {
    border: 1px solid #0366c2;
}

.n_contact ul li.on .ico {
    background: #0366c2;
}

.n_contact ul li.on .ico svg path {
    fill: #fff;
}


.n_news {
}

.n_news .disease-select {

}

.n_news .disease-select select {
    width: 92%;
}




.n_news .disease-tags {
    margin: 2rem 0;
}

.n_news ul {
    margin: -2.25rem 0 0;
}

.n_news ul li {
    padding: 2.25rem 0;
    border-bottom: 1px solid #e5e5e5;
}

.n_news ul li a {
    display: flex;
}

.n_news ul li .img {
    width: 22rem;
    flex-shrink: 0;
    margin-right: 3.25rem;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}



.n_news ul li .txt {
    min-width: 1000px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.n_news ul li .txt h5 {
    font-size: 1.25rem;
    width: 100%;
    line-height: 1.5;
    color: #1d1d1f;
    font-weight: bold;
    margin-bottom: 2rem;
}

.n_news ul li .txt p {
    font-size: 1.075rem;
    line-height: 1.75rem;
    height: 3.5rem;
    color: #636364;
    overflow: hidden;
    margin-bottom: 3.125rem;
}

.n_news ul li .txt span {
    display: flex;
    align-items: center;
    font-size: .875rem;
    color: #1d1d1f;
}

.n_news ul li .txt span svg {
    margin-right: 8px;
    width: 1rem;
}

.n_news ul li .jia {
    position: relative;
    z-index: 1;
    flex-shrink: 0;
    max-width: 34px;
    background: #f8994b;
    overflow: hidden;
    border-radius: .625rem;
    margin-left: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.n_news ul li .jia svg {
}

.n_news ul li .jia:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0;
    background: #0366c2;
    z-index: -1;
}

.n_news ul li .jia:hover:before {
    height: 100%;
    top: 0;
    bottom: auto;
}

.n_news ul li:hover .jia:before {
    height: 100%;
    top: 0;
    bottom: auto;
}


.ar_title {
    margin-bottom: 2.6875rem;
    position: relative;
    padding-bottom: 13px;
}

.ar_title h3 {
    font-size: 1.875rem;
    color: #1d1d1f;
    font-weight: bold;
    margin-bottom: 1rem;
    line-height: 1.5;
}

.ar_title .time {
    font-size: .875rem;
    color: #1b1b1b;
    font-family: arial;
    border-bottom: 3px solid #f3f3f3;
    padding-bottom: .75rem;
    background: url(../image/time.png) left top no-repeat;
    line-height: 1rem;
    padding-left: 1.25rem;
}

.ar_title:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #d1d8de;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.ar_title:after {
    content: "";
    display: block;
    width: 3rem;
    height: 3px;
    background: #f8994b;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 2;
}

#n_news_xq {
    overflow: hidden;
}

#n_news_xq .m {
    display: flex;
    align-items: flex-start;
}

#n_news_xq .left_con {
    float: left;
    padding-right: 4rem;
    width: 70%;
}

#n_news_xq .right_con {
    width: 29.6%;
    flex-shrink: 0;
}

.ar_fot {
    margin-top: 20px;
    border-top: 2px solid #e0e3e7;
    padding-top: 30px;
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.ar_fot > div {
    width: calc(100% - 9.5rem);
}

.ar_fot h5 {
    line-height: 2.25rem;
}

.ar_fot h5 a {
    font-size: .9375rem;
    color: #333;
    transition: .3s;
}

.ar_fot h5 b {
    font-size: .9375rem;
    color: #707076;
    font-weight: normal;
}

.ar_fot h5 a:hover {
    color: #0366c2;
}

.btn_goback {
    display: block;
    width: 9.6875rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-radius: 25px;
    background: #f8994b;
    color: #fff;
    font-size: .9375rem;
    transition: .3s;
}

.btn_goback svg {
    margin-right: .625rem;
    width: 1.5rem;
    height: 1.5rem;
}

/*==============分享插件=====================*/
.shart_box2 {
}

.through {
    position: relative;
    text-align: center;
}

.through span {
    display: inline-block;
    background: #fff;
    padding: 0 5px;
}

.through:after {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    background: #e8e8e8;
    position: absolute;
    top: 50%;
    left: 0;
    z-index: -1;
}

#j_shart_s_240 {
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 25px;
}

#j_shart_s_240 .fx {
    position: relative;
    top: 2px;
    cursor: pointer;
}

#j_shart_s_240 a {
    width: 50px !important;
    height: 50px !important;
    margin-right: 10px;
    border-radius: 50%;
    background: #f0f0f3;
    display: block;
    float: left;
    position: relative;
}

#j_shart_s_240 a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background-size: auto 25px !important;
}

#j_shart_s_240 a:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    transition: .5s;
    z-index: 1;
    border: 1px solid #b4b4b4;
}

#j_shart_s_240 a:hover:after {
    transform: scale(1);
}

#j_shart_s_240 .bds_qzone:before {
    background: url(../image/share_qzone.png) center no-repeat;
}

#j_shart_s_240 .bds_tsina:before {
    background: url(../image/share_sina.png) center no-repeat;
}

#j_shart_s_240 .bds_weixin:before {
    background: url(../image/share_weixin.png) center no-repeat;
}

#j_shart_s_240 .bds_sqq:before {
    background: url(../image/share_qq.png) center no-repeat;
    background-size: auto 20px !important;
}

#j_shart_s_240 .bds_count:hover {
    font-size: 12px;
}

#bdshare_weixin_qrcode_dialog *, #bdshare_weixin_qrcode_dialog {
    box-sizing: content-box;
}


.laiyuan {
    font-size: 15px;
    color: #fff;
    margin-bottom: 2rem;
}

.laiyuan span + span {
    margin-left: 1.5rem;
}

#n_news_xq .riqi {
    font-weight: bold;
    margin-bottom: 26px;
}

#n_news_xq .riqi p {
    font-size: 2.5rem;
    color: #fff;
}

#n_news_xq .riqi i {
    display: block;
    width: 15px;
    height: 2px;
    background: #f8994b;
    margin-bottom: 13px;
    margin-top: 7px;
}

#n_news_xq .riqi span {
    font-size: .9375rem;
    color: #fff;
}

.news_tuijian {
    background: #2d70da;
    border-radius: .625rem;
    padding: 2.5rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.news_tuijian .tt {
    font-size: 1.25rem;
    color: #fff;
    font-weight: bold;
    padding-bottom: 1.25rem;
    border-bottom: 1px solid #d3d3d3;
    margin-top: 3.125rem;
}

.news_tuijian ul {
    padding-top: 1.75rem;
}

.news_tuijian ul li {
}

.news_tuijian ul li + li {
    margin-top: 1.5rem;
}

.news_tuijian ul li h5 {
    font-size: 1rem;
    color: #fff;
    white-space: normal;
    margin-bottom: .5rem;
    white-space: normal;
    line-height: 1.375rem;
}

.news_tuijian ul li span {
    font-size: 1rem;
    color: #fff;
    display: flex;
    align-items: center;
}

.news_tuijian ul li span svg {
    width: 1rem;
    margin-right: .5rem;
}

.news_tuijian ul li:hover h5 {
    color: #fff;
}


.social-share * {
    box-sizing: content-box;
}

.social-share .social-share-icon {
    width: 50px !important;
    height: 50px !important;
    line-height: 50px !important;
    margin-left: 0;
    margin-right: 10px;
    border-radius: 50%;
    background: transparent;
    display: block;
    float: left;
    position: relative;
}

.social-share .qrcode img {
    display: block;
}

.social-share .icon-wechat .wechat-qrcode {
    left: -77px !important;
}

.ar_article {
    font-size: 1rem;
    color: #333;
    line-height: 2rem;
    text-align: justify;
}

.ar_article p {
    font-size: 1rem;
    color: #333;
    line-height: 2rem;
    padding-bottom: 1.75rem;
}

.ar_article p:last-child {
    padding-bottom: 0;
}

.ar_article strong {
    font-weight: bold;
}

.ar_article td, .ar_article th {
    padding: 15px;
    border: 1px solid #c6c5c5;
    font-size: 1rem !important;
    font-family: "苹方", PingFangSC-Regular, "微软雅黑", sans-serif !important;
}

.ar_article td *, .ar_article th * {
    font-size: 0.95rem !important;
    font-family: "苹方", PingFangSC-Regular, "微软雅黑", sans-serif !important;
}

.ar_article td p, .ar_article th p {
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: inherit;
}



.ar_article p img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.ar_article p:has(img) {
    text-indent: 0 !important;
}

.ar_article a {
    color: #363636;
}

.ar_article h1, .ar_article h2, .ar_article h3, .ar_article h4, .ar_article h5, .ar_article h6 {
    font-weight: bold;
}

.ar_article ul li,
.ar_article ol li {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    margin-left: 2rem;
}

.ar_article ul li p,
.ar_article ol li p {
    padding-bottom: 0;
    margin-bottom: 3px !important;
}

.ar_article ul,
.ar_article ol {
    margin-bottom: 15px;
}


/* 专题样式 */
.zt_bn {
    height: 46.125rem;
    background: url(../image/zt_bn_bg.jpg) center no-repeat;
    margin-top: 6.25rem;
    background-size: cover;
    height: 55rem;
}

.zt_bn .m {
    display: flex;
    justify-content: space-around;
    padding-top: 5rem;
}

.zt_bn .left {
}

.zt_bn .right {
}

.zt_tt {
    text-align: center;
    margin-bottom: 2.5rem;
}

.zt_tt h3 {
    font-size: 1.875rem;
    color: #1e1e1e;
    font-weight: bold;
    margin-bottom: .375rem;
}

.zt_tt span {
    font-size: 1rem;
    color: #7c7c7c;
    text-transform: uppercase;
}

.zt_what {
    background: url(../image/tsks_top_bg.png) left bottom no-repeat;
    background-size: cover;
    position: relative;
}

.zt_what .hd {
    margin-bottom: 5rem;
}

.zt_what .hd ul {
}

.zt_what .hd ul li {
    text-align: center;
    padding: 0 .8125rem;
}

.zt_what .hd ul li a {
    font-size: 1rem;
    color: #646464;
    display: block;
    position: relative;
    transition: .5s;
    z-index: 1;
    height: 45px;
    line-height: 43px;
    border-radius: .625rem;
    overflow: hidden;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zt_what .hd ul li a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -2;
    left: 0;
    top: 0;
    border: 1px solid #cccccc;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.zt_what .hd ul li a:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #f8994b;
    visibility: hidden;
    z-index: -1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zt_what .hd ul li.slick-current a:after {
    width: 100%;
    visibility: visible;
    left: 0;
    right: auto;
}

.zt_what .hd ul li.slick-current a {
    color: #fff;
}

.zt_what .bd {
}

.zt_what .bd .item {
    display: flex;
    min-width: 0;
}

.zt_what .bd .item .left {
    margin-right: 3.5rem;
    flex: 2;
}

.zt_what .bd .item .right {
    width: 50%;
    flex: 1;
}

.zt_what .bd .item .tt {
    margin-bottom: 1.875rem;
}

.zt_what .bd .item .tt h3 {
    font-size: 1.875rem;
    color: #1e1e1e;
    font-weight: bold;
    margin-bottom: 1.5rem;
}

.zt_what .bd .item .tt i {
    display: block;
    width: 1.25rem;
    height: 3px;
    background: #f5c520;
}

.zt_what .bd .item .con {
    font-size: 1rem;
    line-height: 2rem;
    color: #646464;
}

.zt_what .bd .item .btnbox {
    display: flex;
    margin-top: 3rem;
    width: 100%;
}

.zt_what .bd .item .btn_blue {
    width: 12.5rem;
    height: 3.125rem;
    overflow: hidden;
    flex-shrink: .5;
    margin-right: 1.5rem;
    font-size: 1rem;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0366c2;
    border-radius: .625rem;
    color: #fff;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.zt_what .bd .item .btn_blue.btn_tel {
    font-size: 1.125rem;
}

.zt_what .bd .item .btn_blue svg {
    margin-right: 9px;
    max-width: 1.5rem;
}

.zt_what .bd .item .btn_blue:after {
    content: "";
    display: block;
    width: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #f8994b;
    visibility: hidden;
    z-index: -1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zt_what .bd .item .btn_blue:hover:after {
    width: 100%;
    visibility: visible;
    left: 0;
    right: auto;
}

.zt_what .bd .img {
    position: relative;
    height: 100%;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.zt_what .bd .img img {
    object-fit: contain;
}

.zt_what .bd .img .mask {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.zt_what .bd .img .mask .play_ico {
    display: block;
    position: relative;
    z-index: 1;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.zt_what .bd .img .mask .play_ico:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    opacity: .25;
    z-index: -1;
    transform: scale(.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
}

.zt_what .bd .img .mask .play_ico:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    opacity: .25;
    z-index: -1;
    transform: scale(1.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}

.zt_what .bd .img:hover .mask .play_ico:before {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
}

.zt_what .bd .img:hover .mask .play_ico:after {
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    opacity: 0;
}

.zt_what .bd .img .mask .play_ico:before, .zt_what .bd .img .mask .play_ico:after {
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}

.tc_center .tc {
    transition: all ease 300ms;
    position: fixed;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999999999;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
    transition: .5s;
}

.tc.act {
    pointer-events: auto;
    visibility: visible;
    opacity: 1;
}

.tc-box {
    box-sizing: border-box;
    z-index: 999;
    display: block;
    position: relative;
    transform: translateY(-3rem);
    transition: all 0.5s ease-out;
    opacity: 0;
    -webkit-transform: translateY(-3rem);
    -moz-transform: translateY(-3rem);
    -ms-transform: translateY(-3rem);
    -o-transform: translateY(-3rem);
}

.tc.act .tc-box {
    transform: translateY(0);
    opacity: 1;
}

.tc_close {
    position: absolute;
    cursor: pointer;
    color: #e13a39;
    font-size: 30px;
    right: 15px;
    top: 15px;
}

.tc_bg {
    height: 100%;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.tc.act .tc_bg {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    transition: .5s;
}

.tc_shipin {
    width: 90%;
    max-width: 800px;
    margin: 0 auto;
    background: none;
}

.tc_shipin #my-video {
    position: relative;
    height: 0;
    padding-top: 60%;
    border-radius: 10px;
    overflow: hidden;
}

.tc_shipin #my-video video {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.tc_shipin .tc_close {
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    position: absolute;
    top: -2rem;
    right: -3rem;
    border-radius: 50%;
}

.tc_shipin .tc_close img {
    display: block;
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 50%;
    top: 50%;
    margin-top: -.5rem;
    margin-left: -.5rem;
}

.tc_shipin .tc_close:hover img {
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -moz-transition: all 0.6s ease-in-out;
    -webkit-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
}

.video-js {
    width: 100% !important;
    height: 100% !important;
}

.video-js .vjs-big-play-button {
    left: 50% !important;
    top: 50% !important;
    margin-left: calc(-1.6rem - 5px);
    margin-top: calc(-1.6rem - 5px);
    background-color: rgba(0, 0, 0, 0) !important;
}

video {
    object-fit: fill;
}

.vjs-poster {
    background-size: cover !important;
}

.zt_tese {
    width: 100%;
    overflow: hidden;
    background: url(../image/zt_tese_bg.jpg) center bottom no-repeat;
    background-size: cover;
}

.zt_tese .m {
    display: flex;
}

.zt_tese .left {
    width: 50%;
    flex-shrink: 0;
}

.zt_tese .left ul {
    display: grid;
    height: 100%;
    grid-template-columns: repeat(6, 1fr);
    grid-auto-rows: repeat(4, 1fr);
    grid-column-gap: .625rem;
    grid-row-gap: .625rem;
    grid-auto-rows: minmax(8.875rem, auto);
}

.zt_tese .left ul li {
    background: #90cbff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    cursor: pointer;
}

.zt_tese .left ul li .ico {
    height: 2.125rem;
    margin-bottom: .875rem;
}

.zt_tese .left ul li p {
    color: #fff;
    font-size: 1.125rem;
}

.zt_tese .left ul li span {
    position: absolute;
    font-size: 92px;
    opacity: 0;
    margin-top: 20px;
    transition: .5s;
    color: rgba(255, 255, 255, 0.1);
    font-family: "Swis721 BlkCn BT";
    font-weight: bold;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zt_tese .left ul li.on span {
    opacity: 1;
    margin-top: 0;
}

.zt_tese .left ul li:hover span {
    opacity: 1;
    margin-top: 0;
}

.zt_tese .left ul li:nth-child(1) {
    grid-column-start: 1;
    grid-column-end: 4;
    grid-row-start: 1;
}

.zt_tese .left ul li:nth-child(2) {
    background: #84c1f9;
    grid-column-start: 4;
    grid-column-end: 7;
    grid-row-start: 1;
}

.zt_tese .left ul li:nth-child(3) {
    background: #77b8f4;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 4;
}

.zt_tese .left ul li:nth-child(4) {
    background: #4b9ae2;
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-end: 3;
}

.zt_tese .left ul li:nth-child(5) {
    background: #3388d7;
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 2;
    grid-row-end: 3;
}

.zt_tese .left ul li:nth-child(6) {
    background: #3388d7;
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 2;
    grid-row-start: 3;
}

.zt_tese .left ul li:nth-child(7) {
    background: #227ccf;
    grid-column-start: 1;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-start: 4;
}

.zt_tese .left ul li:nth-child(8) {
    background: #227ccf;
    grid-column-start: 3;
    grid-column-end: 5;
    grid-row-start: 3;
    grid-row-start: 4;
}

.zt_tese .left ul li:nth-child(9) {
    background: #0366c2;
    grid-column-start: 5;
    grid-column-end: 7;
    grid-row-start: 3;
    grid-row-end: 5;
}

.zt_tese .right {
    margin-left: .625rem;
    background: #fff;
    padding: 3.5rem 2.625rem;
    min-width: 0;
}

.zt_tese .item {
}

.zt_tese .item .tt {
    margin-bottom: 2rem;
}

.zt_tese .item .tt h3 {
    font-size: 1.375rem;
    color: #090909;
    font-weight: bold;
    margin-bottom: 2rem;
}

.zt_tese .item .tt i {
    display: block;
    width: 1.25rem;
    height: 3px;
    background: #f5c520;
}

.zt_tese .item .con {
    margin-bottom: 2rem;
    font-size: .875rem;
    line-height: 1.625rem;
}

.zt_tese .item .img {
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.zt_tese .item .img img {
}

.zt_ys {
    background: url(../image/tsks_bg.png) left bottom no-repeat;
    background-size: cover;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
}

.zt_ys .hd {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.zt_ys .hd .zt_tt {
    text-align: left;
    margin-bottom: 0 !important;
}

.zt_ys .arrbox {
    display: flex;
}

.zt_ys .arrbox a {
    display: block;
    width: 3.4375rem;
    height: 3.4375rem;
    background-size: contain !important;
    margin-left: 1.5rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zt_ys .bd {
}

.zt_ys .bd ul {
    margin: 0 -1.25rem;
}

.zt_ys .bd ul li {
    padding: 0 1.25rem;
}

.zt_ys .bd ul li .box {
    margin-left: 2.7rem;
    padding: 2rem;
    position: relative;
    z-index: 1;
    display: block;
    border-radius: 10px;
    background: #f5f7f8;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
}

.zt_ys .bd ul li .tt {
    width: 2.7rem;
    position: absolute;
    z-index: 1;
    overflow: hidden;
    text-align: center;
    left: -2.7rem;
    top: 0;
    background: #0366c2;
    border-radius: 10px 0 0 3rem;
    color: #fff;
    padding: 1.75rem .875rem 2.5rem;
    line-height: 1.5;
    -webkit-border-radius: 10px 0 0 3rem;
    -moz-border-radius: 10px 0 0 3rem;
    -ms-border-radius: 10px 0 0 3rem;
    -o-border-radius: 10px 0 0 3rem;
}

.zt_ys .bd ul li .tt h4 {
    font-size: 1.125rem;
    font-weight: bold;
    color: #fff;
}

.zt_ys .bd ul li .tt span {
    font-size: 2.25rem;
    color: rgba(255, 255, 255, 0.1);
    font-weight: bold;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
}

.zt_ys .bd ul li .tt:after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #f8994b;
    visibility: hidden;
    z-index: -1;
}

.zt_ys .bd ul li:hover .tt:after {
    height: 100%;
    visibility: visible;
    top: 0;
    bottom: auto;
    opacity: 1;
}

.zt_ys .bd ul li .txt p {
    font-size: .875rem;
    line-height: 1.625rem;
    height: 3.25rem;
    overflow: hidden;
    color: #69696a;
    margin-top: 1.25rem;
    margin-bottom: 1.875rem;
}

.zt_ys .bd ul li .txt span {
    font-size: .875rem;
    color: #a6a7a7;
}

.zt_ys .bd ul li .img {
}

.zt_ys .bd ul li .img img {
}

.zt_ys .bd ul li .txt dl {
    margin-top: 1.25rem;
    display: flex;
    flex-wrap: wrap;
    gap: .5rem 1.25rem;
}

.zt_ys .bd ul li .txt dl dd {
    width: calc(50% - 0.625rem);
    line-height: 1.625rem;
    color: #444;
    font-size: 0.975rem;
    position: relative;
    padding-left: 15px;
}
.zt_ys .bd ul li .txt dl dd a{
    font-size: 1.175rem;
}

.zt_ys .bd ul li .txt dl dd::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    background: #666;
    border-radius: 50%;
    margin-right: 5px;
}


.zt_ys .bd ul li .mask {
    position: absolute;
    border-radius: 10px;
    opacity: 0;
    visibility: hidden;
    transition: .3s;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 2rem;
    background: #eaf0fa;
    font-size: 1rem;
    line-height: 2rem;
}

/* .zt_ys .bd ul li:hover .mask{ opacity: 1; visibility: visible;} */
.zt_fuzhu {
}

.zt_fuzhu .arrbox {
    display: flex;
    justify-content: center;
}

.zt_fuzhu .arrbox a {
    display: block;
    width: 3.4375rem;
    height: 3.4375rem;
    background-size: contain !important;
    margin-left: 1.5rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zt_fuzhu .arrbox .zt_fuzhu_left {

}

.zt_fuzhu .arrbox .zt_fuzhu_right {

}

.zt_fuzhu ul {
    margin: 2.5rem -.9375rem;
}

.zt_fuzhu ul li {
    padding: 0 .9375rem;
}

.zt_fuzhu ul li .box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.zt_fuzhu ul li .ico {
    width: 6.5rem;
    height: 6.5rem;
    overflow: hidden;
    position: relative;
    z-index: 1;
    background: #0366c2;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.zt_fuzhu ul li .ico:after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #f8994b;
    visibility: hidden;
    z-index: -1;
}

.zt_fuzhu ul li:hover .ico:after {
    height: 100%;
    visibility: visible;
    top: 0;
    bottom: auto;
}

.zt_fuzhu ul li .ico img {
}

.zt_fuzhu ul li .txt {
    background: #f5f7f8;
    overflow: hidden;
    height: 19.125rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 3.25rem;
    margin-top: -3.25rem;
    position: relative;
    width: 100%;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.zt_fuzhu ul li .txt .box1 {
    text-align: center;
    padding: 1rem 1.75rem;
}

.zt_fuzhu ul li .txt .box2 {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    opacity: 0;
    transition: .5s;
    padding: 1.75rem;
    background: #0366c2;
    font-size: .975rem;
    line-height: 1.625rem;
    color: rgba(255, 255, 255, 0.8);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zt_fuzhu ul li .txt .box1 h5 {
    font-size: 1.375rem;
    color: #090909;
}

.zt_fuzhu ul li .txt .box1 i {
    margin: 2rem auto;
    display: block;
    width: 20px;
    height: 3px;
    background: #f8994b;
}

.zt_fuzhu ul li .txt .box1 p {
    font-size: .975rem;
}

.zt_fuzhu ul li .txt .box2 .con {
    max-height: 9.75rem;
    overflow: auto;
    transition: .5s;
    transform: translateY(3rem);
    -webkit-transform: translateY(3rem);
    -moz-transform: translateY(3rem);
    -ms-transform: translateY(3rem);
    -o-transform: translateY(3rem);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zt_fuzhu ul li:hover .txt .box2 {
    opacity: 1;
    height: 100%;
}

.zt_fuzhu ul li:hover .txt .box2 .con {
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -moz-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
}

.zt_fuzhu ul li .txt .box2 .con::-webkit-scrollbar {
    width: 2px;
    height: 8px;
    background-color: rgba(255, 255, 255, 0.2);
}

.zt_fuzhu ul li .txt .box2 .con::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: rgba(255, 255, 255, 0.2);
}

.zt_fuzhu ul li .txt .box2 .con::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #fff;
}


.zt_shizi {
    width: 100%;
    overflow: hidden;
    background: url(../image/zt_shizi_bg.jpg) center bottom no-repeat;
    background-size: 100% 100%;
}

.zt_shizi .zt_tt h3 {
    color: #fff;
}

.zt_shizi .zt_tt span {
    color: rgba(255, 255, 255, 0.7);
}

.zt_shizi ul {
    margin: -1.25rem;
    padding: 0 6.25rem;
}

.zt_shizi ul li {
    padding: 1.25rem;
}

.zt_shizi ul li a {
    display: block;
    height: 100%;
    background: #f5f7f8;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 3.125rem 1rem;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.zt_shizi ul li .img {
    width: 12.6875rem;
    height: 12.6875rem;
    border-radius: 50%;
    border: 3px solid #f8994b;
    transition: .5s;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    position: relative;
    z-index: 1;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    padding-top: 1rem;
}

.zt_shizi ul li .img img {
}

.zt_shizi ul li .txt {
    text-align: center;
    padding-top: 3rem;
}

.zt_shizi ul li .txt h4 {
    font-size: 1.25rem;
    color: #1d1d1f;
    font-weight: bold;
    margin-bottom: 1rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zt_shizi ul li .txt p {
    font-size: 1rem;
    color: #8c8d8e;
    margin-bottom: 1.5rem;
}

.zt_shizi ul li .txt svg {
}

.zt_shizi ul li:hover .img {
    border: 3px solid #0366c2;
}

.zt_shizi ul li:hover .txt h4 {
    color: #0366c2;
}

.zt_shizi ul li:hover .txt svg path {
    fill: #0366c2;
}

.zt_shizi ul li .txt {
    padding-top: 2rem;
}

.zt_shizi .slick-arrow {
    width: 3.125rem;
    height: 3.125rem;
    background-size: contain !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zt_shizi .slick-arrow.slick-prev {
    background: url(../image/zt_shizi_left.png) center no-repeat;
}

.zt_shizi .slick-arrow.slick-next {
    background: url(../image/zt_shizi_right.png) center no-repeat;
}

.zt_shizi .slick-arrow.slick-prev:hover {
    background: url(../image/zt_shizi_left_on.png) center no-repeat;
}

.zt_shizi .slick-arrow.slick-next:hover {
    background: url(../image/zt_shizi_right_on.png) center no-repeat;
}


.zt_life {
}

.zt_life .hd {
    display: flex;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.zt_life .hd .zt_tt {
    text-align: left;
    margin-bottom: 0 !important;
}

.zt_life .arrbox {
    display: flex;
}

.zt_life .arrbox a {
    display: block;
    width: 3.4375rem;
    height: 3.4375rem;
    background-size: contain !important;
    margin-left: 1.5rem;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zt_life .arrbox a.slick-hidden {
    opacity: 0;
}

.zt_life .bd ul {
    overflow: hidden;
    margin: -.9375rem;
}

.zt_life .bd ul li {
    width: 33.33%;
    float: left;
    padding: .9375rem;
}

.zt_life .bd ul li .box {
    position: relative;
    z-index: 1;
    display: block;
    overflow: hidden;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.zt_life .bd ul li .img {
}

.zt_life .bd ul li .mask {
    opacity: 0;
    padding: 1rem;
    line-height: 1.5;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 9;
    text-align: center;
    color: #fff;
    font-size: 1.125rem;
    background: linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
    background: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
    background: -ms-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
    background: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
    background: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.5));
    background: -webkit-linear-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(rgba(0, 0, 0, 0.5)));
    FILTER: progid: DXImageTransform . Microsoft . Gradient(gradientType = 0, startColorStr = transparent, endColorStr = #111);
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.zt_life .bd ul li:hover .mask {
    opacity: 1;
}

.sub_nav2 {
    margin-bottom: 3rem;
}

.sub_nav2 ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 -.9375rem;
}

.sub_nav2 ul li {
    padding: 0 .9375rem;
}

.sub_nav2 ul li a {
    display: block;
    width: 12.75rem;
    height: 45px;
    position: relative;
    z-index: 1;
    text-align: center;
    line-height: 45px;
    overflow: hidden;
    transform: rotate(0deg);
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.sub_nav2 ul li a:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    border-radius: .625rem;
    border: 1px solid #ccc;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.sub_nav2 ul li a:after {
    content: "";
    display: block;
    width: 100%;
    transform: rotate(0deg);
    height: 0;
    position: absolute;
    right: 0;
    bottom: 0;
    background: #f8994b;
    visibility: hidden;
    z-index: -1;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.sub_nav2 ul li:hover a:after, .sub_nav2 ul li.on a:after {
    height: 100%;
    visibility: visible;
    top: 0;
    bottom: auto;
}

.sub_nav2 ul li:hover a, .sub_nav2 ul li.on a {
    color: #fff;
}

.n_media {
    width: 100%;
    overflow: hidden;
}

.video_slide {
    max-width: 930px;
    margin: 0 auto;
}

.video_slide .videobox {
    position: relative;
    cursor: pointer;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
    overflow: hidden;
    box-shadow: 0px 6px 25.38px 1.62px rgba(0, 0, 0, 0.4);
}

.video_slide .videobox:before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 50%;
    height: 0;
}

.video_slide .video-js {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.video_slide .hd {
    margin-top: 3.25rem;
}

.video_slide .hd ul {
    margin: 0 -1rem;
}

.video_slide .hd ul li {
    padding: 0 1rem;
}

.video_slide .hd ul li a {
    display: block;
    overflow: hidden;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.video_slide .hd ul li.slick-current .mask {
    opacity: 0;
}

.video_slide .hd ul li.slick-current .img {
    border: 2px solid #0366c2;
}

.video_slide .img, .video_slide .videobox {
    position: relative;
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.video_slide .img:hover img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.video_slide .mask {
    position: absolute;
    cursor: pointer;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.video_slide .mask .play_ico {
    display: block;
    position: relative;
    z-index: 1;
    width: 57px;
    height: 57px;
    border-radius: 50%;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-left: 4px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

.video_slide .mask .play_ico:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    opacity: .25;
    z-index: -1;
    transform: scale(.5);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    -o-transform: scale(.5);
}

.video_slide .mask .play_ico:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    opacity: .25;
    z-index: -1;
    transform: scale(1.3);
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    -o-transform: scale(1.3);
}

.video_slide .img:hover .mask .play_ico:before {
    transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
}

.video_slide .img:hover .mask .play_ico:after {
    transform: scale(2);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    opacity: 0;
}

.video_slide .mask .play_ico:before, .video_slide .mask .play_ico:after {
    transition: 1s;
    -webkit-transition: 1s;
    -moz-transition: 1s;
    -ms-transition: 1s;
    -o-transition: 1s;
}

.video_slide .bd {
    border-radius: .625rem;
    -webkit-border-radius: .625rem;
    -moz-border-radius: .625rem;
    -ms-border-radius: .625rem;
    -o-border-radius: .625rem;
}

.video_slide .hd .mask .play_ico {
    transform: scale(.6);
    -webkit-transform: scale(.6);
    -moz-transform: scale(.6);
    -ms-transform: scale(.6);
    -o-transform: scale(.6);
}

.video_slide .slick-arrow {
    width: 3.125rem;
    height: 3.125rem;
    z-index: 9;
    background-size: contain !important;
    transition: .5s;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
}

.video_slide .slick-arrow.slick-prev {
    left: -7.5rem;
    background: url(../image/arr_left.png) center no-repeat;
}

.video_slide .slick-arrow.slick-next {
    right: -7.5rem;
    background: url(../image/arr_right.png) center no-repeat;
}

.video_slide .slick-arrow.slick-prev:hover {
    background: url(../image/arr_left_on.png) center no-repeat;
}

.video_slide .slick-arrow.slick-next:hover {
    background: url(../image/arr_right_on.png) center no-repeat;
}

.video_slide ul li {
    position: relative;
}

.video_slide .bd ul li p {
    font-size: 1.5rem;
    color: #1d1d1f;
    font-weight: bold;
    text-align: center;
    margin-top: 2.25rem;
}

.video_slide .hd ul li p {
    font-size: 1rem;
    color: #1d1d1f;
    text-align: left;
    padding-top: 1rem;
    font-weight: bold;
    line-height: 1.5;
}
.video_slide .hd ul li span {
    font-size: 1rem;
    color: #333;
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
}
.video_slide ul li span svg {
    width: 1rem;
    margin-right: 0.5rem;
}

.video_slide .bd .slick-list {
    overflow: visible;
}

.jb_box {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 6px;
    margin-top: 3rem;
}

.jb_box .jb_item {

}

.jb_box .jb_item .icon {
    border-radius: 50%;
    background-color: #f7f7f7;
    width: 10rem;
    height: 10rem;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
}

.jb_box .jb_item .icon .ico2 {
    display: none;
}

.jb_box .jb_item p {
    line-height: 2rem;
    text-align: center;
    font-size: 1.55rem;
    color: #333;
    margin-top: 1.25rem;
}

.jb_box .jb_item:hover .icon .ico1 {
    display: none;
    transition: .5s;
    -webkit-transition: .5s;
}

.jb_box .jb_item:hover .icon .ico2 {
    display: inline-block;
    transition: .5s;
    -webkit-transition: .5s;
}

.jb_box .jb_item:hover .icon {
    background-color: #2d70da;
    transition: .5s;
    -webkit-transition: .5s;
}

.bor_no {
    margin-top: 0;
}

.bor_no:before {
    background: none;
}

.bor_no .xs_jianju li {
    margin: 2rem 0;
}

.bor_no .xs_jianju li:after {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #e0e3e4;
    position: absolute;
    bottom: -2rem;
}

/* 疾病科普样式 */
.s_news .hd {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 3rem;
}

.disease-select {
    display: flex;
    align-items: center;
    gap: 15px;
    min-width: 960px;
}

.disease-select select {
    width: 80%;
    padding: 12px 35px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    background: url("../image/sear.png") no-repeat left 10px center, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 10px center;
    background-size: 18px, 18px;
    appearance: none;
    cursor: pointer;
}

.disease-select .layui-form-select{
    width: 80%;
    padding: 12px 35px;
    border: 1px solid #ddd;
    border-radius: 6px;
    font-size: 14px;
    background: url("../image/sear.png") no-repeat left 10px center;
    background-size: 18px, 18px;
    appearance: none;
    cursor: pointer;
}
.disease-select .layui-form-select .layui-input{
    height: auto;
    line-height: 1.5;
    border: none!important;
    background: none;
}
.disease-select .layui-form-select dl dd.layui-this{
    background-color: #0366c2;
}

.disease-select select option{
    line-height: 2rem;
}


.select0{
    width: 90%!important;
    padding: 14px 35px!important;
    border: 1px solid #ddd!important;
    border-radius: 6px!important;
    font-size: 14px!important;
    background: url("../image/sear.png") no-repeat left 10px center, url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat right 10px center!important;
    background-size: 18px, 18px!important;
    appearance: none!important;
    cursor: pointer!important;
}
.select0 .select-list li{
    padding: 0 0 0 1.25rem;

}
.select0 .select-list li:last-child{
    border-bottom: none;
}

.select0 .select-button{
    border:none!important;
    padding: 0!important;
    height: 30px!important;
}
.select0 .select-down{
    display: none;
}

.btn-change {
    padding: 12px 35px;
    background: #f8994b;
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: .985rem;
    cursor: pointer;
    transition: background 0.3s;
}

.btn-change:hover {
    background: #e3771f;
}

.disease-tags {
    display: flex;
    gap: 15px;
    margin-bottom: 30px;
    flex-wrap: wrap;
    /* justify-content: end; */
    justify-content: start;
    margin-left: 35%;
}

.disease-tags .tag {
    padding: 8px 20px;
    color: #333;
    font-size: 1.355rem;
    cursor: pointer;
    transition: all 0.3s;
    font-weight: bold;
    border-bottom: 2px solid transparent;
}

.disease-tags .tag.active {
    color: #2d70da;
    border-bottom: 2px solid #2d70da;
}

.disease-tags .tag:hover {
    color: #2d70da;
    border-bottom: 2px solid #2d70da;
}

.s_news_box {
    display: none;
}

.s_news_box.active {
    display: block;
}

.s_news01 .s_news_slide {
    display: flex;
}

.s_news01 .s_news_slide a {
    display: flex;
    align-items: stretch;
    width: 100%;
}

.s_news01 .s_news_slide a .img {
    flex-shrink: 0;
}

.s_news01 .s_news_slide a .txt {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding-left: 30px;
}

.disease-content {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

.disease-banner {
    position: relative;
    width: 40%;
    height: 300px;
    border-radius: 8px;
    overflow: hidden;
}

.disease-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8), transparent);
    padding: 30px;
    color: #fff;
}

.banner-overlay h4 {
    font-size: 24px;
    margin-bottom: 5px;
}

.banner-overlay p {
    font-size: 14px;
    margin-bottom: 15px;
    opacity: 0.9;
}

.banner-tags {
    display: flex;
    gap: 10px;
    margin-bottom: 15px;
}

.banner-tags span {
    padding: 5px 12px;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 15px;
    font-size: 12px;
}

.banner-btn {
    padding: 10px 25px;
    background: #ff9500;
    color: #fff;
    border: none;
    border-radius: 25px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.3s;
}

.banner-btn:hover {
    background: #e68500;
}

.disease-articles {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.article-item {
    padding: 20px;
    background: #fafafa;
    border-radius: 8px;
}

.article-tag {
    display: inline-block;
    padding: 3px 10px;
    background: #0366c2;
    color: #fff;
    border-radius: 10px;
    font-size: 12px;
    margin-right: 10px;
}

.article-date {
    font-size: 14px;
    color: #999;
}

.article-item h5 {
    margin: 10px 0;
    font-size: 16px;
    line-height: 1.5;
}

.article-item h5 a {
    color: #333;
    text-decoration: none;
}

.article-item h5 a:hover {
    color: #0366c2;
}

.article-item p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin: 0;
}

.disease-cards {
    display: flex;
    gap: 20px;
}

.disease-cards .card {
    flex: 1;
    padding: 20px;
    background: #fafafa;
    border-radius: 8px;
    transition: all 0.3s;
}

.disease-cards .card-highlight {
    background: #0366c2;
    color: #fff;
}

.disease-cards .card-highlight h5 a,
.disease-cards .card-highlight p {
    color: #fff;
}

.disease-cards .card-highlight .card-btn {
    background: #fff;
    color: #0366c2;
}

.disease-cards .card-highlight .card-btn:hover {
    background: #f0f0f0;
}

.card-date {
    font-size: 12px;
    color: #999;
    margin-bottom: 10px;
    display: block;
}

.card-highlight .card-date {
    color: rgba(255, 255, 255, 0.7);
}

.disease-cards .card h5 {
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 1.5;
}

.disease-cards .card h5 a {
    color: #333;
    text-decoration: none;
}

.disease-cards .card h5 a:hover {
    color: #0366c2;
}

.disease-cards .card p {
    font-size: 14px;
    color: #666;
    line-height: 1.6;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.card-btn {
    padding: 8px 20px;
    background: #0366c2;
    color: #fff;
    border: none;
    border-radius: 20px;
    font-size: 14px;
    cursor: pointer;
    transition: background 0.3s;
}

.card-btn:hover {
    background: #024a99;
}

.s_news_b .hd,
.s_ques_ans .hd {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3rem;
}

/* 新闻列表 */
.news_list {
    display: flex;
    gap: 2rem;
}

.news_item {
    flex: 1;
    background: #fff;
    border-radius: 0.75rem;
    overflow: hidden;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    position: relative;
}

.news_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}

.news_item a {
    display: block;
    text-decoration: none;
    color: inherit;
}

.news_img {
    position: relative;
    overflow: hidden;
}

.news_img img {
    width: 100%;
    height: 15.625rem;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.news_item:hover .news_img img {
    transform: scale(1.05);
}

.news_content {
    position: relative;
}

.date_tag {
    position: absolute;
    top: -40px;
    right: 2rem;
    background: #0366c2;
    color: #fff;
    padding: 0.75rem 1rem;
    text-align: center;
    border-radius: 10px
}

.date_tag .day {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1.5;
}

.date_tag .month {
    display: block;
    font-size: 0.75rem;
    opacity: 0.9;
}

.news_item h4 {
    padding: 3.25rem 1.5rem 0.75rem;
    font-size: 1.225rem;
    /*font-weight: 600;*/
    color: #333;
    line-height: 1.5;
    margin-bottom: 0.5rem;
}

.news_item p {
    padding: 0 1.5rem 1.25rem;
    font-size: .975rem;
    color: #666;
    line-height: 1.7;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.arrow_icon {
    display: block;
    text-align: right;
    font-size: 0.85rem;
    color: #666;
    opacity: 1;
    transition: opacity 0.3s ease;
    border: 1px solid #666;
    width: 1.5rem;
    display: inline-block;
    height: 1.5rem;
    line-height: 1.5rem;
    text-align: center;
    border-radius: 50%;
    margin-left: 1.5rem;
    margin-bottom: 1rem;
}


/* .news_item:hover .arrow_icon {
    opacity: 1;
    color: #0366c2;
    border-color: #0366c2;
    -webkit-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px);
} */
.news_item:hover h4 {
    color: #2d70da;
}

/* 问答内容区域 */
.ques_ans_content {
    display: flex;
    gap: 2.5rem;
}

/* 问答列表 */
.ques_list {
    flex: 1;
}

.ques_item {
    border: 1px solid #e8e8e8;
    border-radius: 0.5rem;
    margin-bottom: 1.25rem;
    overflow: hidden;
    transition: box-shadow 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.15);
}

.ques_item:hover {
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}


.ques_head {
    display: flex;
    align-items: center;
    padding: 1.5rem;
    background: #fff;
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease;
}

.ques_head:hover {
    background: #fafafa;
}

.ques_item.active .ques_head::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
    z-index: 1;
}

.icon-q {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 8px;
    background: #2785ff;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: bold;
    margin-right: 1rem;
    flex-shrink: 0;
}

.ques_text {
    flex: 1;
    font-size: 1.175rem;
    color: #2785ff;
    font-weight: bold;
    line-height: 1.6;
}

.arrow {
    width: 1rem;
    height: 1rem;
    border-right: 2px solid #999;
    border-bottom: 2px solid #999;
    transform: rotate(-135deg);
    transition: transform 0.3s ease;
    margin-left: 1rem;
    flex-shrink: 0;
}

.ques_item.active .arrow {
    transform: rotate(45deg);
}

.ques_body {
    padding: 1.5rem;
    background: #f9fafc;
    display: none;
}

.ques_item.active .ques_body {
    display: flex;
}

.icon-a {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 8px;
    background: #f5a200;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: bold;
    margin-right: 1rem;
    flex-shrink: 0;
}

.ans_text {
    flex: 1;
    font-size: 1.025rem;
    color: #666;
    line-height: 1.8;
}

/* 侧边栏 */
.ques_sidebar {
    width: 23.5rem;
    flex-shrink: 0;
}

.sidebar_content {
    border-radius: 0.75rem;
    position: relative;
    overflow: hidden;
    text-align: right;
}

.c_nav {
    position: relative;
}

.pt25 {
    margin-top: 2.5rem;
}

.c_tt {
    position: relative;
}

.c_tt h3 {
    font-size: 1.875rem;
    color: #1e1e1e;
    font-weight: bold;
}

.c_tt i {
    display: block;
    width: 2rem;
    height: 3px;
    background: #f8994b;
    margin: 1rem 0;
}


/* 专家团队页面样式 */
.team_tabs {
    display: flex;
    justify-content: center;
    gap: 2rem;
    margin-bottom: 3rem;
}

.team_tabs .tab {
    padding: 0.75rem 3rem;
    border-radius: 5rem 1rem 0 0;
    font-size: 1.275rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    background: #e2e2e2;
    color: #333;
}

.team_tabs .tab.active {
    background: #f8994b;
    color: #fff;
}
.team_tabs .tab.active a{
    color: #fff;
}

.team_tabs .tab:hover {
    opacity: 0.9;
}

/* 专家列表 */
.team_list {
    display: grid;
    padding-bottom: 3rem;
    grid-template-columns: repeat(2, 48%);
    gap: 4rem 2rem;
    box-sizing: border-box;
    justify-content: space-between;
}

.team_group {
    display: none;
}

.team_group.active {
    display: block;
}

/* 专家卡片 */
.team_card {
    background: #fff;
    border-radius: 0.75rem;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.25);
}

.team_card .card_content {
    padding: 1.5rem;
}
.team_card .card_content a{
    display: flex;
    align-items: center;
    gap: 2rem;
    position: relative;
}

.team_card .info .tt {
    display: flex;
    align-items: center;
    margin-bottom: 1.625rem;
}

.team_card .info .specialty_tag {
    font-size: 1.15rem;
    line-height: 36px;
    color: #fff;
    margin: 1rem 0;
    background-color: #2d70da;
    text-align: center;
    border-radius: 18px;
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -ms-border-radius: 18px;
    -o-border-radius: 18px;
    border-bottom-right-radius: 0;
    width: 100px;
}

.team_card .info h4 {
    font-size: 1.375rem;
    font-weight: 600;
    color: #333;
    line-height: 2rem;
}


.team_card .info .title {
    font-size: 1.075rem;
    color: #333;
    line-height: 2rem;
    margin-bottom: 0;
    margin-left: 2rem;
}

.team_card .info p {
    font-size: 1.075rem;
    color: #333;
    line-height: 2rem;
}

.team_card .info .specialty {
    margin-bottom: 0.75rem;
}

.team_card .info .specialty .tag {
    display: inline-block;
    padding: 0.25rem 0.75rem;
    background: #0366c2;
    color: #fff;
    font-size: 0.75rem;
    border-radius: 3px;
}


.team_card .info p .more {
    color: #f8994b;
    text-decoration: none;
    font-weight: 500;
}

/* 圆形头像 */
.team_card .avatar {
    width: 12.5rem;
    height: 12.5rem;
    flex-shrink: 0;
}

.team_card .avatar {
    background: url(../image/team_bg.png) center bottom no-repeat;
    background-size: contain;
    max-width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    position: relative;
    width: 14.5rem;
    height: 16.5rem;
}


.team_card .avatar img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.team_card .avatar:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../image/team_bg2.png) center bottom no-repeat;
    background-size: 100%;
    z-index: 9;
}


/* 两列布局 */
@media (min-width: 768px) {
    .team_group.active {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 1.5rem;
    }
}


.jyzn_img_list {
    display: grid;
    grid-template-columns: repeat(3, calc(33.33% - 2.5rem));
    width: 100%;
    box-sizing: border-box;
    justify-content: space-between;
    margin-bottom: 3rem;
}

.jy_img_box .jy_img_txt {
    margin-bottom: 2rem;
}

.jy_img_box .jy_img_txt h3 {
    font-size: 1.275rem;
    color: #333;
    line-height: 3rem;
    font-weight: bold;
}

.jy_img_box .jy_img_txt p {
    font-size: 1.075rem;
    color: #333;
    line-height: 1.75rem;
}

.jyzn_img_list .pic {
    position: relative;
    height: 28rem;
    overflow: hidden;
}

.jyzn_img_list .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.jyzn_img_list .pic:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.zyxz_con {

}

.zyxz_con .zyxz_con_txt {
    margin-bottom: 2rem;
}

.zyxz_con .zyxz_con_txt h3 {
    font-size: 1.175rem;
    color: #333;
    line-height: 3rem;
    font-weight: bold;
}

.zyxz_con .zyxz_con_txt p {
    font-size: 1.075rem;
    color: #333;
    line-height: 1.75rem;
}

.map_con {
    display: flex;
    justify-content: space-between;
}

.add_tel {
    margin: 2rem 0;
}

.add_tel .mp_add {
    display: flex;
    justify-items: center;
    margin-bottom: 1.5rem;
    align-items: center;
}

.add_tel .mp_add .map_ico {
    width: 50px;
    height: 50px;
    line-height: 50px;
    background: #dbeafe;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background-color 0.2s ease;
    margin-right: 20px;
}

.add_tel .mp_add .map_ico .mp_img {
    width: 26px;
    height: 26px;
}

.add_tel .mp_add .mp_txt {

}

.add_tel .mp_add .mp_txt h3 {
    font-size: 1.175rem;
    color: #333;
    line-height: 2rem;
    font-weight: bold;
}

.add_tel .mp_add .mp_txt p {
    font-size: 1.075rem;
    color: #333;
    line-height: 1.75rem;
}

.map_l_b {

}

.map_l_b dl {
    margin-bottom: 1rem;
}

.map_l_b dl dt {
    font-size: 1.175rem;
    color: #333;
    line-height: 2rem;
    font-weight: bold;
}

.map_l_b dl dd {

}

.map_l_b dl dd p {
    font-size: 1.075rem;
    color: #333;
    line-height: 1.75rem;
}

.map_img {
    min-width: 875px;
}

.map_img .pic {
    height: 575px;
    position: relative;
    overflow: hidden;
}

.map_img .pic img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.map_img:hover .pic img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

@media screen and (max-width: 640px) {
    #banner{
        margin-top:0;
    }
    .s_team .tem_tt{
        justify-content: space-between;
    }
    .pc{
        display: none;
    }
    .mb{
        display: block;
    }
    .a_nav{
        display: none;
    }
    .s_about{
        background: none;
    }
    .s_about .m{
        padding-top: 0!important;
    }

}
@media screen and (max-width:820px) {
    #banner{
        margin-top:0;
    }
}
@media screen and (max-width:1280px) {
    #banner{
        margin-top:0;
    }
}