strong,
a {
    text-decoration: none;
}

strong,
a:hover {
    text-decoration: none;
}

div .animated {
    animation-delay: 0.3s;
}

div .animated>.animated {
    animation-delay: 1s;
}

img:not(.editor_img) {
    /*height: 100%;
	width: 100%;*/
    border: 0;
    vertical-align: middle;
    object-fit: cover;
    margin-bottom: 0px;
}

input {
    outline: none;
    padding-left: 10px;
    border: 1px solid #DEDEDE;
}

select {
    border-color: #DEDEDE;
}

textarea {
    outline: none;
    resize: none;
    padding: 5px 0 0 10px;
    border-color: #DEDEDE;
}

a,
p,
b,
li {
    text-decoration: none;
    color: #333;
}

p {
    margin: 0;
}

b {
    display: block;
}

a:hover,
button:hover {
    cursor: pointer;
    text-decoration: none;
}

span,
u {
    font-weight: 400;
    font-style: normal;
    /*! font-size: 12px; */
    /*! color: #999; */
    /*! margin-right: 10px; */
}

table {
    border-collapse: collapse;
}

iframe {
    margin-bottom: -5px;
}

select {
    border-color: #DEDEDE;
}

label {
    font-weight: normal;
}

button {
    border: none;
    background-color: transparent;
    outline: none;
}

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

input::-moz-input-placeholder {
    color: #999;
}

input::-ms-input-placeholder {
    color: #999;
}

textarea::-webkit-input-placeholder {
    color: #999;
}

textarea::-moz-input-placeholder {
    color: #999;
}

textarea::-ms-input-placeholder {
    color: #999;
}

*:focus {
    outline: none !important;
    box-shadow: none !important;
}

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

*::after,
*::before {
    transition: all .6s;
    -moz-transition: all .6s;
    /* Firefox 4 */
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    /* Opera */
}

.scro::-webkit-scrollbar {
    width: 3px;
}

.scro::-webkit-scrollbar-track {
    background: #314465;
    border-radius: 2px;
}

.scro::-webkit-scrollbar-thumb {
    background: #0095ad;
    border-radius: 25px;
}

.scro::-webkit-scrollbar-corner {
    background: #0095ad;
}

.scro2::-webkit-scrollbar {
    width: 3px;
}

.scro2::-webkit-scrollbar-track {
    background: #e5e9ee;
    border-radius: 2px;
}

.scro2::-webkit-scrollbar-thumb {
    background: #0095ad;
    border-radius: 25px;
}

.scro2::-webkit-scrollbar-corner {
    background: #0095ad;
}

.scro3::-webkit-scrollbar {
    width: 3px;
}

.scro3::-webkit-scrollbar-track {
    background: #e5e9ee;
    border-radius: 2px;
}

.scro3::-webkit-scrollbar-thumb {
    background: #0095ad;
    border-radius: 25px;
}

.scro3::-webkit-scrollbar-corner {
    background: #0095ad;
}

.nav_rr_inp form input,
.h_b_txt_a a,
.t_lm_con,
.h_pro_nav a,
.h_pro_b_hr,
.h_pro_b_hr>span,
.h_sol_con *,
.h_case_logo_img,
.vPack_gl_nav *,
.subpb *,
.public_a2,
.cmdb_tx_hr,
.cmdb_tx_hr *,
.sol2_fa_con *,
.bra_t_b *,
.g-about-fz-b-box *,
.bra_jr_nav_box *,
.news_con *,
.job *,
.cont_ewm *,
.cont_add_box *,
.tec *,
.suc_js_box *,
.suc_xx_con *,
.news_nr *,
.news_nr,
.case_show_gs_box a,
.job2_t_l *,
.suc_zz_box * {
    transition: all .6s;
    -moz-transition: all .6s;
    /* Firefox 4 */
    -webkit-transition: all .6s;
    -o-transition: all .6s;
    /* Opera */
}

.icon_animation img {
    transition: all .3s;
    -moz-transition: all .3s;
    /* Firefox 4 */
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    /* Opera */
}

.sy_t_box:nth-child(2),
.xinw_nr_box:nth-child(2) {
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
}

.sy_t_box:nth-child(3),
.xinw_nr_box:nth-child(3) {
    animation-delay: .3s;
    -webkit-animation-delay: .3s;
}

.sy_t_box:nth-child(4),
.xinw_nr_box:nth-child(4) {
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
}

.sy_t_box:nth-child(5) {
    animation-delay: .5s;
    -webkit-animation-delay: .5s;
}

.sy_t_box:nth-child(6) {
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
}

.h_case_txt_box {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.xs,
.xs2 {
    display: block;
}

.yc,
.yc2 {
    display: none;
}

@media (max-width: 767px) {

    .xs,
    .xs2 {
        display: none;
    }

    .yc,
    .yc2 {
        display: block;
    }
}

.exp_box:hover img,
.tra_box:hover img,
.banner_zy_img:hover img,
.ser_img:hover img,
.news_nr:hover .news_con_img>img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
}

.swiper-slide {
    transform: translate3d(0, 0, 0);
    /* overflow: hidden; */
}

.tuw {
    display: flex;
    align-items: center;
}

.tuw img {
    width: 0.28rem;
    height: auto;
}

.tuw p {
    margin-left: 0.1rem;
}

.banner_sb {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0.5rem;
    width: 18px;
    height: auto;
    z-index: 100;
    object-fit: contain;
    animation: moveh 3s infinite linear;
    -webkit-animation: moveh 3s infinite linear;
}

@keyframes moveh {
    0% {
        bottom: 0.5rem;
    }

    50% {
        bottom: 0.3rem;
    }

    100% {
        bottom: 0.5rem;
    }
}

.gw {
    margin-top: 70px;
    width: 100%;
}

@media screen and (max-width: 1440px) {
    .gw {
        margin-top: 60px;
    }
}

#hi-video-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#hi-video-pop * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#hi-video-pop .hi-close {
    position: fixed;
    top: 86%;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    color: #fff;
    background: #fff;
    border-radius: 50%;
    transition: 0.5s;
    cursor: pointer;
}

#hi-video-pop .hi-close:after,
#hi-video-pop .hi-close:before {
    content: "";
    position: absolute;
    bottom: 24px;
    left: 10px;
    width: 30px;
    height: 2px;
    background: #333;
    transition: 0.5s;
}

#hi-video-pop .hi-close:hover {
    background: #1c4798;
}

#hi-video-pop .hi-close:hover:after,
#hi-video-pop .hi-close:hover:before {
    background: #fff;
}

#hi-video-pop .hi-close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#hi-video-pop .hi-close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#hi-video-pop video {
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 90%;
    max-height: 70%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

#hi-img-pop {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#hi-img-pop * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#hi-img-pop .hi-close {
    position: fixed;
    top: 86%;
    left: 50%;
    margin-left: -25px;
    width: 50px;
    height: 50px;
    color: #fff;
    background: #fff;
    border-radius: 50%;
    transition: .5s;
    cursor: pointer;
}

#hi-img-pop .hi-close:after,
#hi-img-pop .hi-close:before {
    content: "";
    position: absolute;
    bottom: 24px;
    left: 10px;
    width: 30px;
    height: 2px;
    background: #333;
    transition: .5s;
}

#hi-img-pop .hi-close:hover {
    background: #019dee;
}

#hi-img-pop .hi-close:hover:after,
#hi-img-pop .hi-close:hover:before {
    background: #fff;
}

#hi-img-pop .hi-close:after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

#hi-img-pop .hi-close:before {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

#hi-img-pop img {
    position: fixed;
    left: 50%;
    top: 50%;
    max-width: 90%;
    max-height: 70%;
    width: auto;
    height: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

/* banner */
.h_b_img {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
}

.h_b_img>img {
    position: absolute;
    left: 0;
    top: 0;
}

.h_b_img .img1 {
    z-index: 1;
}

.h_b_img .img2 {
    z-index: 2;
    display: none;
}

.h_b_img .img3 {
    z-index: 3;
}

.h_b_img .img4 {
    z-index: 4;
    display: none;
}

@media (max-width: 767px) {
    .h_b_img .img1 {
        z-index: 1;
        display: none;
    }

    .h_b_img .img2 {
        z-index: 2;
        display: block;
    }

    .h_b_img .img3 {
        z-index: 3;
        display: none;
    }

    .h_b_img .img4 {
        z-index: 4;
        display: block;
    }
}

.ceshi {
    -webkit-animation-name: fadeInRightSm;
    animation-name: fadeInRightSm;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    animation-delay: .4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}


nav {
    height: 70px;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all .6s;
    -webkit-transition: all .6s;
}

nav .container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

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

.logo img {
    width: 180px;
    height: auto;
}

.logo p {
    color: #333;
    margin-left: 20px;
    padding-left: 15px;
    border-left: 1px solid #01c390;
    width: 2.2rem;
    line-height: 1;
}

.nav_r {
    height: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
}

.nav {
    height: 100%;
}

.nav>ul {
    display: flex;
    align-items: center;
    height: 100%;
}

.nav>ul>li {
    height: 100%;
}

.nav>ul>li>a {
    color: #fff;
    margin: 0 1rem;
    height: 100%;
    display: flex;
    align-items: center;
}

.nav>ul>li>a>p {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    color: #fff;
}

.nav>ul>.on>a>p::after {
    background: #fff;
}

.nav>ul>li>a>p::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 2px;
    left: 50%;
    background: #0095ad;
    transform: translateX(-50%);
}

.nav>ul>.on>a p {
    color: #fff;
}

.nav>ul>li>a:hover p::after,
.nav>ul>.on>a p::after {
    width: 100%;
}

.nav>ul>.on>a .xs {
    display: none;
}

.nav>ul>.on>a .yc {
    display: block;
}

/* .nav>ul>li:first-child a{margin-left: 0;} */
.nav>ul>li>a>img {
    width: 12px;
    height: auto;
    margin-left: 10px;
    object-fit: contain;
}

.nav>ul>li>a .img2 {
    display: none;
}

.nav>ul>li>a .img3 {
    display: none;
}

.nav_on .nav>ul>li>a>.img1 {
    display: none;
}

.nav_on .nav>ul>li>a>.img2 {
    display: none;
}

.nav_on .nav>ul>li>a>.img3 {
    display: block;
}


.nav>ul>.on>a .img1 {
    display: block !important;
}

.nav>ul>.on>a .img2 {
    display: none !important;
}

.nav>ul>.on>a .img3 {
    display: none !important;
}

.nav_on .nav>ul>.on>a>.img1 {
    display: none !important;
}

.nav_on .nav>ul>.on>a>.img2 {
    display: none !important;
}

.nav_on .nav>ul>.on>a>.img3 {
    display: block !important;
}

.nav_on .nav>ul>.on>a>p::after {
    background: #333;
}

.nav_on2 .nav>ul>li>a>.img1 {
    display: none !important;
}

.nav_on2 .nav>ul>li>a>.img2 {
    display: none !important;
}

.nav_on2 .nav>ul>li>a>.img3 {
    display: block !important;
}

.nav_on2 .nav>ul>li>a>p {
    color: #333 !important;
}

.nav_on2 .nav_login {
    color: #333 !important;
}

.nav_on2 .nav>ul>.on>a>p::after {
    background: #333;
}

.show_nav .nav>ul>li>a>.img1 {
    display: none !important;
}

.show_nav .nav>ul>li>a>.img2 {
    display: none !important;
}

.show_nav .nav>ul>li>a>.img3 {
    display: block !important;
}

.show_nav .nav>ul>li>a>p {
    color: #333;
}

.show_nav .nav_login {
    color: #333 !important;
}

.show_nav .nav>ul>li>a>p::after {
    background: #333;
}

.nav>ul>li>a:hover .img1 {
    display: none !important;
}

.nav>ul>li>a:hover .img2 {
    display: block !important;
}

.nav>ul>li>a:hover .img3 {
    display: none !important;
}

.nav .active p {
    color: #0095ad !important;
}

.nav_on2 .nav .active p {
    color: #0095ad !important;
}

.nav .active p::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 0;
    height: 2px;
    left: 50%;
    background: #0095ad;
    transform: translateX(-50%);
}

.nav>ul>li>a:hover p {
    color: #0095ad !important;
}

.nav>ul>.on>a:hover p {
    color: #0095ad !important;
}

.nav>ul>.on>a:hover .img1 {
    display: none !important;
}

.nav>ul>.on>a:hover .img2 {
    display: block !important;
}

.nav>ul>.on>a:hover .img3 {
    display: none !important;
}

.nav>ul>.on>a:hover p {
    color: #0095ad !important;
}

.nav>ul>.on>a:hover p::after {
    background: #0095ad;
}

.show_nav .nav>ul>li>a:hover>p::after {
    background: #0095ad;
}



.nav_rr {
    display: flex;
    align-items: center;
}

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

.search form {
    height: 20px;
    display: flex;
}

.search img {
    width: 20px;
    cursor: pointer
}

.language {
    display: flex;
    align-items: center;
    margin-left: 0.32rem;
    position: relative;
    padding-left: 0.28rem;
    position: relative;
}

.language::after {
    content: '';
    position: absolute;
    width: 2px;
    height: 13px;
    background: rgba(255, 255, 255, 0.2);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.language_a {
    position: absolute;
    top: 120%;
    background: #fff;
    left: calc(0.48rem - 5px);
    text-align: center;
    padding: 3px 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
    display: none;
    font-size: 14px;
    height: auto;
    width: auto;
    white-space: nowrap;
    border-radius: 5px;
}

.language_a a {
    padding: 7px 15px;
    text-align: left;
    display: block;
    margin: 0 10px;
    border-radius: 5px;
}

.language_a a:hover {
    background: #01c390;
    color: #fff;
}

.language p {
    color: #fff;
    margin-right: 0.1rem;
}

.language>img {
    width: 20px;
    margin-right: 0.2rem;
}

.language_icon img {
    width: 8px;
}

.nav_jm {
    display: flex;
    align-items: center;
}

.nav_jm img {
    width: 20px;
    margin-right: 0.1rem;
}

.nav_jm p {}

.nav_tel {
    display: flex;
    align-items: center;
    padding-left: 133px;
    position: relative;
}

.nav_tel img {
    width: 17px;
    margin-left: 0.2rem;
}

.nav_tel p {
    font-weight: bold;
    color: #fff;
    position: absolute;
    right: calc(17px + 0.2rem);
    top: 50%;
    transform: translateY(-50%);
    width: 0;
    overflow: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    display: flex;
    justify-content: flex-end;
}

.nav_tel:hover p {
    width: 133px;
}

.nav1_none {
    top: 0 !important;
}

.nav2_none {
    top: 70px !important;
}

@media (max-width: 1440px) {
    .nav2_none {
        top: 60px !important;
    }
}


.nav_on,
.nav_sub,
.nav_on2 {
    background: #fff;
}

/* .nav_on,.nav_sub,.nav_on2{background: #f7faff;} */
.nav_on .xs,
.nav_sub .xs,
.nav_on2 .xs {
    display: none;
}

.nav_on .yc,
.nav_sub .yc,
.nav_on2 .yc {
    display: block;
}

.show_nav {
    background: #fff;
}

.show_nav .xs {
    display: none;
}

.show_nav .yc {
    display: block;
}

.show_nav .nav>ul>li>a {
    color: #333;
}

.nav_on .nav>ul>li>a,
.nav_sub .nav>ul>li>a,
.nav_on2 .nav>ul>li>a,
.nav_on .nav_login,
.nav_on .nav>ul>li>a>p {
    color: #333;
}

.nav_sub {
    top: 0;
}

.pro_nav2 {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1000;
    background: rgba(224, 226, 232, 0.9);
    border-radius: 5px;
    padding: 50px 0;
    display: none;
    width: 100%;
    white-space: nowrap;
    box-shadow: rgba(55, 99, 170, .3) 20px 20px 20px;
}

.pro_nav2 a {
    text-align: left;
    display: block;
    -webkit-transition: all .3s;
}

.pro_nav2 a:hover {
    /*! cursor: initial; */
    /*! background: #f3f5f8; */
    /*! box-shadow: inset 8px 8px 20px 0 rgba(55,99,170,.11),inset -8px -8px 20px 0 #fff; */
}

.npro_nav_nr ul li a:hover {
    cursor: pointer;
    color: #0095ad;
}

.pro_nav {
    position: absolute;
    top: 70px;
    width: 100%;
    left: 0;
    height: 5.8rem;
    display: none;
}

.pro_nav_bj:after {
    content: '';
    width: 50%;
    height: 100%;
    background: #f1f9f9;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1;
}

.pro_nav_bj:before {
    content: '';
    width: 50%;
    height: 100%;
    background: #f9f9f9;
    position: absolute;
    right: 0;
    top: 0;
    z-index: -1;
}

.p_one_logo img {
    height: 16px;
    width: auto;
}

.p_one_icon img {
    width: 8px;
    height: auto;
}

.p_two_con img {
    width: 8px;
    height: auto;
}

.pro_nav_box {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.pro_nav_one {
    width: 17.5%;
    padding-top: 0.51rem;
    height: 100%;
}

.pro_nav_one .p_one.on {
    background: #e8eced;
}

.pro_nav_one .p_one.on .xs2 {
    display: none;
}

.pro_nav_one .p_one.on .yc2 {
    display: block;
}

.p_one {
    display: flex;
    align-items: center;
    height: 0.58rem;
    padding-left: 0.22rem;
    margin-left: -0.22rem;
}

.p_one_logo {
    width: 0.7rem;
}

.p_one>p {
    width: 1.3rem;
}

.pro_nav_two {
    width: 82.5%;
    height: 100%;
    overflow: hidden;
}

.p_two_l {
    width: 22.5%;
    padding-top: 0.51rem;
    background: #e8eced;
    height: 100%;
}

.p_two {
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.p_two_con {
    display: flex;
    align-items: center;
    height: 0.58rem;
    padding: 0 15%;
}

.p_two_l .p_two_con.on {
    background: #f9f9f9;
    color: #1c4898;
}

.p_two_con p {
    width: 100%;
}

.p_two_r {
    width: 77.5%;
    background: #f9f9f9;
    height: 100%;
}

.p_two_r_box {
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.p_two_r_nav {
    width: 24%;
    padding: 0.7rem 0 0 0.25rem;
}

.p_two_r_nav>h1 {
    font-size: 18px;
    line-height: 1;
    padding-bottom: 0.18rem;
    border-bottom: 2px solid #e8e8e8;
    margin-bottom: 0.38rem;
}

.p_two_r_nav>ul>li.on a {
    color: #275caa;
    text-decoration: underline;
}

.p_two_r_nav>ul>li>a {
    margin-bottom: 0.3rem;
    display: block;
}

.p_two_r_con {
    width: 76%;
    height: 100%;
}

.p_two_r_nr {
    padding: 0.6rem 0 0 0.66rem;
    height: 100%;
}

.p_two_r_nr>h2 {
    font-size: 24px;
    display: flex;
    align-items: center;
}

.p_two_r_nr>h2 img {
    width: 9px;
    margin-left: 0.18rem;
}

.p_two_r_img {
    width: 100%;
    height: 2.8rem;
    margin: 0.36rem 0;
}

.p_two_r_img img {
    object-fit: contain;
}

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

.p_two_r_text_box {
    width: 33%;
    background: #efefef;
    height: 66px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.p_two_r_text_box p {
    color: #565656;
}

.p_two_r_text_box b {
    font-weight: bold;
}

#c-header .c-nav2 {
    position: absolute;
    top: 100px;
    right: -100%;
    width: 100%;
    height: calc(100vh - 100px);
    height: -webkit-calc(0vh);
    font-size: 14px;
    line-height: 50px;
    background: #F1F1F1;
    overflow-y: auto;
    transition: all 0.5s;
    text-align: left;
}

@media (max-width: 1200px) {
    #c-header .c-nav2 {
        top: 60px;
        height: calc(100vh - 60px);
    }
}

#c-header .c-nav2>li:last-child {
    border-bottom: 1px solid #f1f1f1;
}

#c-header .c-nav2 li {
    padding: 0 20px;
    border-top: 1px solid #fff;
}

#c-header .c-nav2 li .c-title-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#c-header .c-nav2 li a {
    color: #333;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    display: block;
}

#c-header .c-nav2 li a i {
    font-size: 20px;
}

#c-header .c-nav2 li a:hover,
#c-header .c-nav2 li.on>a {
    color: #B50014;
}

#c-header .c-nav2 li ul {
    display: none;
}

.c-open #c-header .c-nav2 {
    right: 0;
}

.nav_box2 {
    display: none;
}

#c-header .c-switch {
    position: relative;
    width: 24px;
    height: 22px;
    cursor: pointer;
}

@media (max-width: 991px) {
    #c-header .c-switch {
        display: block;
    }
}

#c-header .c-switch i {
    position: absolute;
    left: 0;
    display: block;
    width: 100%;
    height: 2px;
    background: #fff;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#c-header .c-switch i:nth-child(1) {
    top: 0;
}

#c-header .c-switch i:nth-child(3) {
    bottom: 0;
}

#c-header .c-switch i:nth-child(2) {
    width: 18px;
    top: 50%;
}

#c-header .c-switch i {
    background: #fff;
}

#c-header .c-nav2 li .c-title-box img {
    width: 10px;
    height: auto;
    margin: 0 0 0 10px;
    float: right;
    display: block;
}

body.c-open #c-header .c-switch i:nth-child(2) {
    opacity: 0;
}

body.c-open #c-header .c-switch i:nth-child(1) {
    top: 50%;
    margin-top: -1px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

body.c-open #c-header .c-switch i:nth-child(3) {
    bottom: 50%;
    margin-bottom: -1px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.c-title-con {
    overflow: hidden;
    height: auto;
    display: none;
}

.c-title-con>a {
    color: #999 !important;
    display: block;
    padding-left: 20px;
    line-height: 40px;
}

@media (max-width: 1600px) {

    .logo p,
    .nav>ul>li>a {
        font-size: 14px;
    }
}

@media screen and (max-width: 1440px) {
    nav {
        height: 70px;
    }
}

@media screen and (max-width: 1366px) {
    .nav ul li a {
        font-size: 14px;
    }

    .search img {
        width: 16px;
    }

    .search form {
        height: 16px;
    }

    .language>img {
        width: 16px;
    }

    .nav>ul>li>a {
        margin: 0 0.15rem;
    }
}

@media screen and (max-width: 1200px) {

    .nav_r {
        display: none;
    }

    .nav_box2 {
        display: flex;
        width: 50px;
        height: 100%;
        align-items: center;
        justify-content: flex-end;
        margin-right: -1rem;
        padding-right: 1rem;
        box-sizing: content-box;
    }

    .nav_on #c-header .c-switch i {
        background: #333;
    }
}

@media screen and (max-width: 991px) {
    #c-header .c-switch i {
        background: #333;
    }

    .nav ul li a {
        font-size: 12px;
    }

    .search img {
        width: 16px;
    }

    .search form {
        height: 16px;
    }

    .language img {
        width: 16px;
    }

    nav .xs {
        display: none;
    }

    nav .yc {
        display: block;
    }

    nav .nav ul li a {
        color: #333;
    }

    .logo img {
        width: 180px;
    }

    .h_banner {
        margin-top: 60px;
    }

    #c-header .c-switch i {
        background: #333;
    }

    .sub_banner {
        margin-top: 60px;
    }
}

@media screen and (max-width: 767px) {
    .logo img {
        width: 180px;
    }

    .logo p {
        width: auto;
        padding-left: 10px;
        margin-left: 10px;
        font-size: 12px;
    }

    nav {
        height: 60px;
        background-color: #ffffff;
    }

    .h_banner {
        margin-top: 60px;
    }

    #c-header .c-nav2 {
        top: 60px;
        height: calc(100vh - 60px);
    }
}

nav {
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.15); */
}

.nav_ljbox {
    display: flex;
    padding: 0 15px 0 30px;
    height: 100%;
    max-width: 1920px;
    margin: auto;
    justify-content: space-around;
    align-items: center;
}

.nav_ra {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    height: 100%;
    padding-left: 0.18rem;
    /* border-left: 1px solid rgba(255, 255, 255, 0.15); */
    margin-left: 0.2rem;
}

.nav_ys {
    margin-left: 0.2rem;
    width: 1.9rem;
    height: 0.46rem;
    background: #fdb200;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all 0.6s;
}

.nav_ys1 {
    background: #fff;
    color: #242828;
}

.nav_ys1 .tel {
    width: 20px;
    height: 20px;
}

.nav_ys1:hover {
    color: #0095ad;
}

.topSer button:hover {
    background: url(../images/serbtn.png) no-repeat center center;
    color: #0095ad;
}

.nav_ys2 {
    background: #374668;
    color: #fff;
}

.nav_on .nav_ys1,
.nav_on2 .nav_ys1,
.show_nav .nav_ys1 {
    background: #eeeeee;
}

.nav_ys3 {
    background: none;
}

.nav_ys3:hover {
    background: #eee;
}

.nav_ys:hover {
    opacity: 0.8;
}

.nav_login {
    color: #fff;
}

.nav_rr_inp {
    width: 3.6rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.nav_rr_inp form {
    width: auto;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-right: 0.4rem;
    position: relative;
}

.nav_rr_inp form button {
    position: absolute;
    right: 0.5rem;
}

.nav_rr_inp form input {
    border: 0px solid #ccc;
    width: 0;
    border-radius: 50px;
    height: 30px;
    padding-left: 0;
    opacity: 0;
}

.nav_rr_inp form.on input {
    border: 1px solid #ccc;
    width: 2.4rem;
    padding-left: 10px;
    opacity: 1;
}

.nav_ss {
    width: 20px;
    height: 20px;
}

.nav_ss img {
    object-fit: contain;
}

.lj_nav2 {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
}

.lj_nav2_box {
    margin: 0 0.62rem;
}

.lj_nav2_box>a,
.lj_nav2_box>p {
    margin-bottom: 0.2rem;
    font-weight: bold;
}

.lj_nav2_con a {
    font-size: 14px;
    color: #4b5b76;
    margin-bottom: 0.1rem;
}

@media screen and (min-width: 2000px) {
    .nav_rr_inp {
        width: 320px;
    }
}

@media screen and (max-width: 1900px) {
    .nav_rr_inp {
        width: 3rem;
    }
}

@media screen and (max-width: 1500px) {
    .nav_rr_inp {
        width: 2.4rem;
    }

    .nav_rr_inp form.on input {
        width: 2rem;
    }
}

@media screen and (max-width: 1400px) {
    .nav>ul>li>a {
        margin: 0 0.15rem;
        padding: 0 10px;
    }

    .nav_rr_inp form.on input {
        width: 2rem;
    }
}

@media screen and (max-width: 1200px) {
    .nav_ljbox {
        padding: 1rem 1rem 1rem .5rem;
        display: flex;
        justify-content: space-between;
    }
}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {}

/* banner */
.home_swi {
    height: 8.5rem;
}

.h_b_img>img {
    height: 8.5rem;
}

.h_b_png {
    width: 3.64rem;
    height: auto;
}

.h_b_box {
    height: 100%;
    position: relative;
}

.h_b_txt {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    top: 0;
    z-index: 100;
    padding-bottom: 0.5rem;
    display: flex;
    justify-content: space-between;
}

.h_b_png {
    position: absolute;
    top: 1.6rem;
    right: 1.2rem;
}

.h_b_txt_l {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 45%;
    align-content: space-around;
    flex-wrap: nowrap;
}

.h_b_txt_l .bg {
    background: #f3f3f31a;
    padding: 30px;
}

.h_b_txt_l .bg .line {
    border: solid 1px #dddddd87;
    padding: 30px;
}

@media screen and (max-width: 1580px) {
    .h_b_png {
        right: 2.2rem;
    }
}

.h_b_txt_p {
    margin-bottom: 0.35rem;
}

.h_b_txt_p h1 {
    color: #fff;
    font-size: 42px;
    letter-spacing: 5px;
}

.h_b_txt_p p {
    margin-bottom: 0.15rem;
}

.h_b_txt_p p {
    color: #fff;
}

.h_b_txt_p p span {
    color: #5be7e9;
    font-weight: 600;
}

.h_b_txt_p p:first-child {
    font-size: 45px;
    font-weight: 300;
    letter-spacing: 2px;
    /* color: #fff; */
}

.h_b_txt_p p:not(:first-child) {
    width: 100%;
    line-height: 1.6;
    margin-bottom: 0;
    font-weight: 400;
    letter-spacing: 4px;
    font-family: Impact;
    font-size: 22px;
}

.h_b_txt_a {
    display: flex;
}

.xcx .h_b_txt_a {
    display: flex;
    /* border: 1px solid #0095ad; */
    justify-content: center;
    align-content: center;
    flex-wrap: nowrap;
}

.h_b_txt_a a {
    width: auto;
    /* border: 1px solid #0095ad; */
    margin-right: 0px;
    display: table;
    color: #ffffff;
    padding: .1rem .4rem;
    border-color: rgba(255, 255, 255, .45);
    background-color: #0095ad;
}

.h_b_txt_a a::after {
    content: '';
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 7px;
    height: 12px;
    /* background-image: url(../images/icon_arrow.png); */
    /* background-size: contain; */
}

.h_b_txt_a a:hover {
    color: #99927a;
    background: #023b35;
}

.home_pag {
    bottom: 1rem !important;
}

.home_pag .swiper-pagination-bullet {
    width: 0.4rem;
    height: 3px;
    background: rgba(255, 255, 255, 0.45);
    border-radius: 1px;
    margin-right: 0.1rem;
    opacity: 1;
}

.home_pag .swiper-pagination-bullet-active {
    background: rgba(255, 255, 255, 1);
}

.h_b_txt_l .h_b_txt_a a {
    border-color: #fff;
    color: #fff;
    letter-spacing: 4px;
}

.h_b_txt_l .h_b_txt_a a span {
    border-color: #fff;
    color: #61e8ea;
    letter-spacing: 4px;
    font-size: 0.3rem;
}

.h_b_txt_l .h_b_txt_a a:hover {
    color: #fff;
    background: none;
}

.t_lm {
    position: relative;
}

.t_lm_box {
    position: absolute;
    top: -0.5rem;
    left: 0;
    width: 100%;
    height: 0;
    z-index: 100;
    display: flex;
    align-content: flex-start;
    justify-content: space-between;
}

.t_lm_con {
    width: calc((100% - 0.5rem)/4);
    margin-right: 0;
    height: 1.3rem;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    padding: 0.14rem 0.14rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    top: -10px;
}

.t_lm_con:last-child {
    margin-right: 0;
}

.t_lm_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    /* margin-bottom: 0.1rem; */
    /* font-weight: 600; */
}

.w-60px {
    width: 60px;
    margin-right: 10px;
}

.w-60px img {
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    /* transform: rotateY(360deg); */
}

.w-60px img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: rotateY(180deg);
}

.t_lm_title>img {
    width: 8px;
    height: auto;
}

.t_lm_tl {
    /* display: flex; */
    align-items: center;
    flex: 1 1 0%;
}

.t_lm_tl h2 {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 0.05rem;
}

.t_lm_tl p {
    --un-text-opacity: .88;
    color: rgba(93, 100, 111, var(--un-text-opacity));
    font-weight: 400;
    font-size: 13px;
}

.t_lm_tl img {
    width: 0.3rem;
    height: auto;
    margin-right: 10px;
}

.t_lm_con>p {
    /* overflow: hidden; */
    /* white-space: nowrap; */
    text-overflow: ellipsis;
    color: #6e6e6f;
    line-break: anywhere;
    font-size: 14px;
}

.t_lm_con:hover {
    top: -0.25rem;
}

.hmCon3Wpr .title {
    padding: 70px 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.title {
    padding: 50px 0 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.title h2 {
    color: #333;
    margin-bottom: 0.15rem;
    font-weight: 600;
    letter-spacing: 4px;
    font-size: 32px;
}

.title p {
    color: #3d485d;
    width: 90%;
    text-align: center;
    line-height: 1.6;
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 20px;
}

.fajz .title p {
    color: #3d485d;
    width: 70%;
    text-align: center;
    line-height: 1.6;
    font-size: 16px;
    letter-spacing: 2px;
    margin-top: 20px;
}

.index-item6.fajz .item6-box {
    margin: 10px auto 50px auto;
}

.index-item6.fajz .item6-list {
    margin-top: 3%;
}

.xcx .title {
    padding: 0rem 0 .35rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.xcx .title h2 {
    color: #161b27;
    margin-bottom: 0.15rem;
    font-weight: 600;
}

.xcx .title p {
    color: #4a4a4ab8;
    width: 90%;
    text-align: center;
    line-height: 1.6;
    font-size: 16px;
}

.h_pro {
    background: #f5f5f5;
    padding: 0rem 0 0.7rem;
}

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

.h_pro_nr {
    width: calc(50% - 0.2rem);
    border-radius: 5px;
    overflow: hidden;
}

.h_pro_title {
    background: #284270;
    height: 100px;
    position: relative;
    padding: 0 16px 0 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.h_pro_title_img {
    width: 100px;
    height: auto;
    position: absolute;
    bottom: 0;
    right: 0.5rem;
}

.h_pro_title_txt h3 {
    color: #fff;
}

.h_pro_title_txt>p {
    color: #919fb7;
    margin-bottom: 0.1rem;
    font-size: 14px;
}

.h_pro_nav {
    display: flex;
    flex-wrap: wrap;
}

.h_pro_nav a {
    color: #fff;
    padding: 0 0.1rem;
    height: 0.3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 3px;
    font-size: 14px;
    opacity: 0.4;
    margin-right: 0.1rem;
}

.h_pro_nav .on,
.h_pro_nav a:hover {
    opacity: 1;
    background: rgba(255, 255, 255, 0.08);
}

.h_pro_b {
    height: 360px;
    background: #fff;
    padding: 30px;
}

.h_pro_b_box {
    padding-bottom: 20px;
}

.h_pro_b_box .left {
    float: left;
    width: 40%;
}

.h_pro_b_hz {
    overflow-y: auto;
    height: 100%;
}

.h_pro_b_hz::-webkit-scrollbar {
    width: 3px;
}

.h_pro_b_hz::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 2px;
}

.h_pro_b_hz::-webkit-scrollbar-thumb {
    background: #0095ad;
    border-radius: 25px;
}

.h_pro_b_hz::-webkit-scrollbar-corner {
    background: #0095ad;
}

.h_pro_b_con {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    opacity: 0.5;
}

.h_pro_b_con.on {
    opacity: 1;
}

.h_pro_b_hr {
    width: 100%;
    padding: 0 0.23rem;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
    line-height: 2.4;
    align-items: baseline;
    /* font-size: 14px; */
}

.h_pro_b_hr>span {
    position: absolute;
    bottom: -100%;
    right: 0.28rem;
    color: #d9e0ee;
    opacity: 0;
    font-weight: bold;
}

.h_pro_b_title {
    display: flex;
    align-items: center;
    margin-bottom: 0.1rem;
}

.h_pro_b_title img {
    width: 0.33rem;
    height: auto;
    margin-right: 0.15rem;
}

.h_pro_b_title p {
    color: #161b27;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 16px;
}

.h_pro_b_hr>p {
    color: #4a4a4ab8;
    font-size: 16px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.h_pro_b_con.on .h_pro_b_hr:hover {
    background: #f8f8f8;
}

.h_pro_b_con.on .h_pro_b_hr:hover>span {
    opacity: 0.6;
    bottom: 0;
}

@media screen and (max-width: 1580px) {
    .h_pro_b {
        height: 300px;
    }

    .h_pro_b_hr {
        height: auto;
    }

    .h_pro_title {
        height: 120px;
    }

    .h_pro_b_hr>p {
        font-size: 14px;
    }
}

.h_pro_nr_two .h_pro_title {
    background: #0095ad;
}

.h_pro_nr_two .h_pro_title_txt>p {
    color: #bce8da;
}

.icon_animation2 {
    width: 80px;
    height: 67px;
    position: relative;
    text-align: center;
    margin: 0rem auto 0.2rem;
}

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

.icon_animation2:hover img:first-child {
    top: -3px;
    left: 3px;
}

.icon_animation2:hover img:last-child {
    top: 3px;
    left: -3px;
}

.ptgn .icon_animation {
    width: 60px;
    /*! height: 60px; */
    position: relative;
    text-align: center;
    margin: 2px auto 12px;
}

.ptgn .subpb_box span {
    font-weight: 400;
    font-size: 16px;
    margin: 0rem auto 0.3rem;
}

.icon_animation.qps {
    width: 80px;
    height: 80px;
}

.icon_animation {
    width: 60px;
    height: 50px;
    position: relative;
    text-align: center;
    margin: 0rem auto 12px;
}

.icon_animation.zhidao {
    width: 85px;
    height: 70px;
    position: relative;
    text-align: center;
    margin: 0.3rem auto 0rem;
}

.subpb_box2 .img {
    width: 81px;
    height: 81px;
    position: relative;
    text-align: center;
    margin: 0rem auto 0.1rem;
}

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

.icon_animation:hover img:first-child {
    top: -3px;
    left: 3px;
}

.icon_animation:hover img:last-child {
    top: 3px;
    left: -3px;
}

.h_sol {
    padding-bottom: 0.9rem;
}

.h_sol .title h2 {
    /* color: #fff; */
}

.h_sol .title p {
    /* color: #b1bfd5; */
}

.h_sol_con {
    display: flex;
    padding-top: 0.2rem;
    flex-direction: column;
    align-content: center;
}

.index-item2 {
    padding-bottom: 60px;
    overflow: hidden;
    background-image: url(../../images/product/yancao/02-hybg.png);
    background-repeat: repeat
}

.item2-box {
    margin-top: 0;
}

.item2-box ul li {
    display: inline;
    float: left;
    width: 31.6%;
    height: auto;
    margin-right: 28px;
    background-color: #fff;
    overflow: hidden;
    color: #333;
    position: relative;
    transition: all ease .3s;
    box-shadow: 0 7px 16px 0 rgba(18, 26, 42, .08)
}

.item2-box ul li:last-child {
    margin-right: 0
}

.item2-box ul li:after {
    content: "";
    width: 0;
    height: 3px;
    transition: width ease .3s;
    position: absolute;
    left: 0;
    bottom: 0
}

.item2-box ul li:hover {
    margin-top: -10px;
    transition: all ease .3s
}

.item2-box ul li:hover:after {
    width: 100%;
    background-color: #00b599
}

.item2-box .zczc {
    display: flex;
    align-content: space-around;
    flex-wrap: wrap;
    justify-content: center;
}

.item2-box .ico {
    display: block;
    width: 79px;
    height: 62px;
    margin: 20px 0 0 0px;
    background-position: 0 0;
    background-repeat: no-repeat
}

.item2-box .pic {
    display: block;
    width: 100%;
    height: 160px
}

.item2-box .ico.ico1 {
    background-image: url(../images/02-hytd-icon-14.png)
}

.item2-box .ico.ico2 {
    background-image: url(../images/02-hytd-icon-17.png)
}

.item2-box .ico.ico3 {
    background-image: url(../images/02-hytd-icon-20.png)
}

.item2-box .tit {
    font-size: 26px;
    /* padding: 2px 30px; */
    font-weight: 700;
    margin: 25px 0 20px;
    display: flex;
    align-items: center;
}

.item2-box .text {
    font-size: 16px;
    line-height: 1.8;
    padding: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.item2-box .text p {
    margin-bottom: 15px;
    padding-left: 20px;
    position: relative
}

.item2-box .text p:before {
    content: "";
    display: block;
    background: url(../images/02-hytd-icon-25.png) no-repeat 0 0;
    width: 11px;
    height: 11px;
    position: absolute;
    top: 7px;
    left: 0
}

.h_sol_nr {
    width: calc((100% - 2rem)/3);
    margin-right: 0.25rem;
    background: rgb(255 255 255 / 62%);
    border-radius: 8px;
    height: 4.7rem;
    padding: 0.7rem 0.4rem 0;
    /* background: url(../images/bg.jpg) no-repeat center; */
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
}

.h_sol_nr:nth-child(6n) {
    margin-right: 0;
}

.h_sol_t {
    /*! display: flex; */
    height: 1.5rem;
}

.h_sol_tl {
    width: 100%;
    flex-shrink: 0;
    margin-top: -0.1rem;
}

.h_sol_tr {
    width: 100%;
    float: left;
}

.h_sol_tr h3 {
    color: #323232;
    margin-bottom: 0.06rem;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-align: center;
    font-size: 22px;
}

.h_sol_tr_p p {
    font-size: 14px;
    color: #7d90ad;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.h_sol_b {
    padding-left: 0;
    text-align: center;
    margin: 2px auto;
}

.h_sol_b_box {
    height: auto;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    direction: rtl;
    align-items: center;
    padding-left: 0;
}

.h_sol_b_box p:hover {
    color: #515151;
    margin-bottom: 0.13rem;
    line-height: 1.7;
    border-radius: 4px;
    padding: .1rem .5rem;
    margin-right: 0;
    background: rgb(63 159 129 / 19%);
    FONT-WEIGHT: 200;
    font-size: 16px;
    font-weight: 500;
}

.h_sol_b_box p {
    color: #fff;
    margin-bottom: 0.13rem;
    line-height: 1.7;
    border-radius: 4px;
    padding: .1rem .5rem;
    margin-right: 0;
    background: rgb(63 159 129);
    FONT-WEIGHT: 200;
    font-size: 16px;
    font-weight: 500;
}

.h_sol_b_box a {
    color: #fff;
    margin-bottom: 0.13rem;
    text-align: left;
    line-height: 1.7;
    border-radius: 4px;
    padding: 0 0.1rem;
}

.h_sol_b_box a:hover {
    background: rgba(22, 74, 161, 0.5);
}

.h_sol_nr:hover {
    /* background: #0095ad; */
    margin-top: -10px;
    transition: all ease .3s;
}

.h_sol_nr:hover .scro::-webkit-scrollbar-thumb {
    background: #fff;
}

.h_sol_nr:hover .scro::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2);
}

.h_sol_nr:hover .h_sol_tr_p p {
    color: #98b8fa;
}

.h_sol_nr:hover .icon_animation img:first-child {
    top: -3px;
    left: 3px;
}

.h_sol_nr:hover .icon_animation img:last-child {
    top: 3px;
    left: -3px;
}

@media screen and (max-width: 1580px) {
    .h_sol_tl {
        width: 100%;
        /*! float: left; */
        /*! text-align: center; */
        /*! margin: 0.2rem auto; */
    }

    .h_sol_b {
        padding-left: 0;
    }

    .h_sol_b_box {
        padding-left: 0;
    }
}

.h_ln {
    background: #f6f8fa;
    padding-bottom: 0.9rem;
}

.h_ln_con {
    display: flex;
    justify-content: space-between;
    height: 4rem;
}

.h_ln_l {
    width: 27.7%;
    overflow-y: auto;
}

.h_ln_l_box {
    height: 20%;
    display: flex;
    align-items: center;
    opacity: 0.6;
    cursor: pointer;
}

.h_ln_l_box .icon_animation {
    margin-right: 0.25rem;
}

.h_ln_l_box.on {
    opacity: 1;
}

.h_ln_r {
    width: 68.5%;
    background: #fff;
    padding: 0.5rem 0.65rem 0;
    position: relative;
    overflow: hidden;
}

.h_ln_r_txt {
    margin-top: 0.3rem;
}

.h_ln_l_box:hover .icon_animation img:first-child {
    top: -3px;
    left: 3px;
}

.h_ln_l_box:hover .icon_animation img:last-child {
    top: 3px;
    left: -3px;
}

.h_ln_r_box>img {
    width: 3.6rem;
    height: auto;
    position: absolute;
    bottom: -0.83rem;
    right: -0.53rem;
    z-index: 10;
}

.h_ln_r_txt_p p {
    color: #8d98aa;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.h_ln_r_txt h3 {
    margin-bottom: 0.2rem;
}

.h_ln_r_box {
    width: 100%;
    height: 100%;
}

.h_ln_r:hover .icon_animation img:first-child {
    top: -3px;
    left: 3px;
}

.h_ln_r:hover .icon_animation img:last-child {
    top: 3px;
    left: -3px;
}

.h_case {
    padding-bottom: 0.7rem;
}

.h_case_logo {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #eef1f6;
    border-left: 1px solid #eef1f6;
    margin-bottom: 0.4rem;
}

.h_case_logo_box {
    border-bottom: 1px solid #eef1f6;
    border-right: 1px solid #eef1f6;
    width: calc(100%/6);
    position: relative;
    height: 1.4rem;
}

.h_case_logo_img {
    position: absolute;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
    z-index: -1;
    border: 1px solid transparent;
}

.h_case_logo_box.on .h_case_logo_img {
    border: 1px solid #0095ad;
    z-index: 1;
    box-shadow: 0 0 30px rgba(21, 105, 255, 0.3);
}

.h_case_txt_box h3 {
    color: #161b27;
    font-weight: 400;
    margin-bottom: 0.2rem;
}

.h_case_txt_box h3 span {
    color: #0095ad;
    margin-right: 0.1rem;
}

.h_case_txt_p {
    margin-bottom: 0.35rem;
}

.h_case_txt_p p {
    color: #999;
    margin-bottom: 0.1rem;
    line-height: 1.6;
}

.public_a {
    height: 0.46rem;
    padding: 0 0.38rem;
    color: #fff;
    background: #0095ad;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.6s;
    border-radius: 4px;
}

.public_a:hover {
    opacity: 0.8;
}

.h_case_txt_a {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.h_case_txt_a i {
    width: 100%;
    height: 1px;
    background: #eef1f6;
}

.h_case_txt_a a {
    margin-left: 0.3rem;
    flex-shrink: 0;
}

.hzys {
    padding-bottom: 0.9rem;
}

.hzys * {
    color: #fff;
}

.h_coo {
    margin-bottom: 1.25rem;
}

.aboutour_swip {
    height: 270px;
}

.h_coo_box .swiper-wrapper {
    flex-direction: column;
    height: 100%;
}

.h_coo_box .swiper-slide {
    height: 100px;
}

.hzys .title h2,
.hzys .title p {
    color: #fff;
}

.h_coo .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: 1;
    background: none;
    border: 2px solid #fff;
}

.h_coo .swiper-pagination-bullet-active {
    border: none;
    background: #0095ad;
}

.h_ys_a {
    text-align: center;
}

footer {
    background: #262a36;
    padding-top: 50px;
    /*! background-image: url(../images/foot.jpg); */
}

.foot {
    display: flex;
    justify-content: space-between;
    padding-bottom: 50px;
    border-bottom: 1px solid #ffffff42;
}

.foot_l {
    width: 30%;
}

.foot_l>a {
    width: 200px;
    height: auto;
    display: block;
    margin-top: -0.15rem;
    margin-bottom: 0.2rem;
}

.foot_l_ba {
    margin-bottom: 0.3rem;
}

.foot_l_ba p,
.foot_l_ba a {
    color: #ffffffab;
    margin-bottom: 0.1rem;
    display: block;
    font-size: 14px;
}

.foot_l_icon {
    display: flex;
}

.items-center {
    color: #8f959e;
    margin-top: 10px;
    /*! margin-bottom: 28px; */
}

.items-center span {
    color: #fff;
    font-size: 20px;
    font-weight: 500;
    line-height: 1;
    font-family: Impact;
    letter-spacing: 1px;
}

.foot_l_icon .text-sm {
    color: #8f959e;
    margin-top: 10px;
    /*! width: 300px; */
}

.items-center img {
    height: 30px;
    width: 30px;
    vertical-align: text-bottom;
    object-fit: cover;
}

.items-center .text-2xl {
    font-size: 27px;
    line-height: 32px;
    margin: 0;
    color: #fff;
    font-weight: 600;
    /* margin-top: -20px; */
    padding: 0px 10px;
    /* padding-bottom: 10px; */
}

.foot_l_icon_box {
    margin-right: 0.1rem;
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #323641;
    border-radius: 50%;
    position: relative;
}

.foot_l_icon_box img {
    width: 13px;
    height: 13px;
    opacity: 0.5;
}

.foot_l_icon_box p {
    position: absolute;
    left: 0;
    width: 0;
    overflow: hidden;
    top: 100%;
    transition: all 0.3s;
    color: #fff;
    white-space: nowrap;
    z-index: 100;
    background: #161b27;
}

.foot_l_icon_box:hover p {
    width: auto;
}

.foot_m {
    width: 50%;
    display: flex;
    padding-right: 0;
    flex-direction: column;
    justify-content: space-evenly;
}

.foot_m_box {
    display: flex;
    flex-direction: column;
}

.foot_m_box h2 {
    color: #d3d5d7;
    margin-bottom: 10px;
    font-weight: 600;
    margin-right: 40px;
    font-size: 15px;
    /* opacity: .7; */
}

.foot_m ul li {
    display: flex;
    margin-bottom: 0;
    margin-right: 26px;
    float: left;
    opacity: .8;
}

.foot_m_box>p {
    color: #fff;
    margin-bottom: 0.2rem;
    font-weight: 600;
    margin-right: 40px;
}

.foot_m_box a {
    color: #8f959e;
    font-size: 14px;
    margin-bottom: 0.1rem;
    display: block;
}

.foot_m_box a:hover,
.foot_b_l a:hover,
.foot_l_ba a:hover,
.foot_b_r a:hover {
    color: #0095ad;
}

.foot_r {
    width: 20%;
}

.foot_r>p {
    color: #fff;
    margin-bottom: 0.18rem;
}

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

.view-box {
    position: relative;
    display: inline-block;
    vertical-align: top;
    width: 74px;
    padding: 2px;
    height: 74px;
    background-image: linear-gradient(0deg, #fff 0%, #f3f5f8 100%);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(38, 42, 54, 0.03), -8px -8px 20px 0 #4b5b7676c75;
    border-radius: 4px;
}

.foot_r_con {
    width: 44%;
    text-align: center;
}

.foot_r_con img {
    object-fit: contain;
    height: 120px;
    width: 120px;
    border-radius: 6px;
}

@media (max-width: 1580px) {
    .foot_r_con img {
        object-fit: contain;
        height: 110px;
        width: 110px;
        border-radius: 6px;
    }

}

.foot_r_con p {
    color: #8f959e;
    font-size: 13px;
    margin-top: 5px;
}

.foot_b {
    /* border-top: 1px solid #454242; */
    height: 57px;
}

.foot_b_box {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    /*! height: 57px; */
}

.foot_b_l {
    display: flex;
    align-items: center;
}

.foot_b_l p {
    font-size: 14px;
    color: #ffffffab;
}

.foot_b_l a {
    font-size: 14px;
    color: #ffffffab;
    margin-right: 0.2rem;
}

.foot_b_r a {
    font-size: 14px;
    color: #ffffffab;
    margin-left: 0.2rem;
}

.aboutour_nr {
    height: 100%;
}

.aboutour_nr img {
    object-fit: contain;
}

@media screen and (min-width: 2000px) {
    .nav_ys {
        height: 0.36rem;
    }

    .nav_rr_inp form.on input {
        width: 1.6rem;
    }

    .nav_rr_inp form {
        padding-right: 0.2rem;
    }

    .nav_rr_inp form button {
        right: 0.3rem;
    }
}

@media screen and (max-width: 1580px) {

    .foot_l_ba p,
    .foot_l_ba a,
    .foot_m_box a,
    .foot_b_l p,
    .foot_b_l a,
    .foot_b_r a,
    .h_pro_title_txt>p,
    .h_sol_tr_p p {
        font-size: 13px;
        font-weight: 400;
    }
}

@media screen and (max-width: 1200px) {
    .public_a {
        height: 36px;
        padding: 0 30px;
    }

    .h_b_txt_a a {
        height: auto;
    }

    .t_lm_tl img {
        width: 20px;
    }

    .t_lm_con {
        height: 80px;
    }

    .t_lm {
        position: relative;
        height: 450px;
    }

    .t_lm_box {
        top: -50px;
        display: block;
        padding-left: 20px;
        padding-right: 20px;
    }

    .t_lm_con:hover {
        top: -10px;
    }

    .h_pro_title_img {
        width: 65px;
        right: 10px;
    }

    .h_pro_b_hr {
        height: 90px;
    }

    .ptgn .icon_animation {
        width: 40px;
        height: 40px;
        position: relative;
        text-align: center;
        margin: 0px auto 10px;
    }

    .icon_animation {
        width: 50px;
        height: 42px;
        margin: 0rem auto 0.22rem;
    }

    .h_sol_nr {
        height: 300px;
        padding: 40px 20px 0;
    }

    .h_sol_t {
        height: 80px;
    }

    .h_sol_tr_p p {
        height: 36px;
        overflow: hidden;
    }

    .h_sol_b_box {
        height: 150px;
    }

    .h_ln_con {
        height: 280px;
    }

    .h_coo_box .swiper-slide {
        height: 80px;
    }

    .aboutour_swip {
        height: 210px;
    }

    .h_coo .swiper-pagination-bullet {
        width: 10px;
        height: 10px;
    }

    .foot_l_icon_box {
        width: 30px;
        height: 30px;
        margin-right: 7px;
    }
}

@media screen and (max-width: 991px) {

    .home_swi,
    .h_b_img>img {
        height: 320px;
    }

    .h_b_txt_p p:first-child {
        font-size: 28px;
    }

    .h_b_txt_l {
        width: 85%;
    }

    .h_b_txt_p p:not(:first-child) {
        width: 100%;
        font-size: 20px;
        letter-spacing: 2px;
    }

    .h_b_png {
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        width: 22%;
    }

    .t_lm_tl p {
        font-size: 14px;
    }

    .t_lm_con>p {
        font-size: 12px;
    }

    .t_lm_con {
        padding: 10px;
        height: auto;
        width: 100%;
        margin: 10px auto;
        /* height: 1.5rem; */
        background: #fff;
        border-radius: 5px;
        box-shadow: 0 0 30px rgb(0 0 0 / 5%);
        padding: 0.5rem;
        display: block;
        flex-direction: column;
        justify-content: center;
        position: relative;
        top: 0px;
    }

    .t_lm_title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: .5rem 0;
        font-weight: 600;
    }

    .t_lm_tl {
        display: block;
        align-items: center;
        flex: 1 1 0%;
    }

    .t_lm_tl h2 {
        font-weight: 600;
        font-size: 18px;
        margin-bottom: 0.05rem;
    }

    .t_lm_tl p {
        --un-text-opacity: .88;
        color: rgba(93, 100, 111, var(--un-text-opacity));
        font-weight: 400;
        font-size: 13px;
    }

    .t_lm_tl img {
        width: 0.3rem;
        height: auto;
        margin-right: 10px;
    }

    .w-60px {
        width: 60px;
        margin-right: 10px;
    }

    .t_lm_title>img {
        width: 8px;
        height: auto;
    }

    .t_lm_title>img {
        width: 6px;
    }

    .t_lm_tl img {
        width: 16px;
        margin-right: 5px;
    }

    .h_pro {
        padding: 10px 0 30px;
        background: #f5f5f5;
    }

    .title h2 {
        font-size: 24px;
        margin-bottom: 5px;
        text-align: center;
        font-weight: 600;
    }

    .wrapMax .title p {
        color: #4a4a4ab8;
        width: 100%;
        text-align: center;
        line-height: 1.6;
        font-size: 16px;
        margin-bottom: 20px;
        padding-bottom: 0px ! important;
    }

    .index-item6 .title p {
        padding: 0 01rem;
    }

    .fajz .title p {
        color: #3d485d;
        width: 95%;
        text-align: center;
        line-height: 1.6;
        font-size: 16px;
        letter-spacing: 2px;
        margin-top: 20px;
    }

    .title p {
        color: #333;
        width: 100%;
        text-align: center;
        line-height: 1.7;
        font-size: 14px ! important;
        --un-text-opacity: .88;
        color: rgba(93, 100, 111, var(--un-text-opacity)) ! important;
        padding: 0 25px;
        letter-spacing: 0px;
    }

    .wrapMax {
        max-width: 100%;
        padding-left: 0px;
        padding-right: 0px;
        margin-left: auto;
        margin-right: auto;
    }

    .wrapMax .title {
        padding: 0rem rem 0 0.5rem;
    }

    .title {
        padding: 30px 0 20px;
    }

    .h_pro_con {
        flex-direction: column;
    }

    .h_pro_nr {
        width: 100%;
        margin-bottom: 20px;
    }

    .h_pro_title {
        height: auto;
        padding: 20px 15px;
    }

    .h_pro_title_txt {
        width: 80%;
    }

    .h_pro_title_txt h3 {
        margin-bottom: 5px;
    }

    .h_pro_title_txt>p {
        margin-bottom: 10px;
    }

    .h_pro_nav a {
        padding: 10px;
        height: 30px;
        margin: 2px;
    }

    .h_pro_b {
        padding: 15px;
        height: 300px;
    }

    .h_pro_b_title img {
        width: 20px;
        margin-right: 8px;
    }

    .h_pro_b_box .left {
        display: none;
    }

    .h_pro_b_hr {
        height: auto;
        padding: 5px 10px 0px;
    }

    .h_pro_b_hr>span {
        font-size: 14px;
    }

    .h_pro_nav a:hover {
        opacity: 0.4;
        background: none;
    }

    .h_pro_nav .on {
        opacity: 1 !important;
        background: rgba(255, 255, 255, 0.08) !important;
    }

    .h_sol_con {
        flex-direction: column;
    }

    .item2-box ul li {
        display: inline;
        float: left;
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        background-color: #fff;
        overflow: hidden;
        color: #333;
        position: relative;
        transition: all ease .3s;
        box-shadow: 0 7px 16px 0 rgb(18 26 42 / 8%);
    }

    .h_sol_nr {
        width: 100%;
        padding: 30px 20px;
        margin-bottom: 20px;
        height: auto;
    }

    .h_sol_tr h3 {
        margin-bottom: 10px;
    }

    .h_sol_t {
        height: auto;
        margin-bottom: 25px;
    }

    .h_sol_b_box a {
        margin-bottom: 10px;
        padding: 0 10px;
        line-height: 2;
    }

    .h_sol_b_box {
        height: 180px;
        display: inline-flex;
        justify-content: space-evenly;
        flex-direction: column;
    }

    .h_ln_con {}

    .h_ln_l_box>p {
        display: none;
    }

    .h_ln_l {
        width: 13%;
    }

    .h_ln_r {
        width: 87%;
        padding: 15px;
    }

    .h_ln_con {
        height: auto;
    }

    .h_ln_l_box {
        height: auto;
        margin-bottom: 12px;
    }

    .h_ln_r_txt_p p {
        -webkit-line-clamp: initial;
    }

    .h_ln_r_box>.icon_animation {
        margin-bottom: 15px;
    }

    .h_ln_r_txt h3 {
        margin-bottom: 10px;
    }

    .h_ln {
        padding-bottom: 30px;
    }

    .h_case_logo_box {
        width: calc(100%/3);
        height: 100px;
    }

    .h_case_logo {
        margin-bottom: 30px;
    }

    .h_case_txt_box h3 {
        margin-bottom: 10px;
    }

    .h_case_txt_box h3 span {
        margin-right: 10px;
    }

    .h_case_txt_p p {
        margin-bottom: 5px;
    }

    .h_case_txt_p {
        margin-bottom: 20px;
    }

    .public_a {
        padding: 0 20px;
    }

    .h_case_txt_a a {
        margin-left: 20px;
    }

    .h_case {
        padding-bottom: 30px;
    }

    .h_coo_box .swiper-slide {
        height: 70px;
    }

    .aboutour_swip {
        height: 180px;
    }

    .foot {
        flex-direction: column;
    }

    .foot_l {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }

    .foot_r {
        width: 100%;
    }

    .foot_m {
        display: none;
    }

    .foot_l>a {
        width: 220px;
        margin: 0px auto 20px auto;
        text-align: center;
    }

    .foot_l_icon {
        display: flex;
        text-align: center;
        align-content: flex-start;
        justify-content: center;
    }

    .foot_l_ba {
        margin-bottom: 20px;
    }

    footer {
        padding-top: 30px;
    }

    .foot_l_ba p,
    .foot_l_ba a {
        margin-bottom: 5px;
        display: block;
    }

    .foot_r_box {
        justify-content: center;
        margin-bottom: 20px;
        display: flex;
    }

    .foot_r_con {
        width: 25%;
    }

    .foot_r>p {
        margin-bottom: 10px;
        text-align: center;
    }

    .foot_r_con p {
        font-size: 12px;
    }

    .foot_b {
        height: 40px;
    }

    .foot_b_l a {
        margin-right: 10px;
        display: block;
    }

    .foot_b_r a {
        margin-left: 10px;
    }

    .h_b_txt_a a {
        padding: 10px 30px;
        /* width: 100%; */
    }

    .h_b_txt_l .h_b_txt_a a {
        border-color: #fff;
        color: #fff;
        letter-spacing: 0px;
    }
}

@media screen and (max-width: 767px) {
    .h_ln_l {
        width: 20%;
    }

    .h_ln_r {
        width: 80%;
    }

    .h_case_logo_box {
        width: calc(100%/3);
        height: 70px;
    }

    .foot_r_con {
        width: 35%;
        margin-right: 5px;
    }

    .foot_b_box {
        flex-direction: column;
        align-items: flex-start;
    }

    .foot_b_box {
        padding: 10px 1rem;
    }

    .foot_b {
        height: auto;
    }

    .foot_b_l {
        margin-bottom: 5px;
    }

    .foot_b_r a {
        margin: 0 10px 0 0;
    }

    .h_pro_nr:first-child .h_pro_b {
        height: auto;
    }
}

.sub_banner {
    height: 650px;
    position: relative;
}

.sub_banner_img {
    height: auto;
}

.sub_banner_img img {
    height: 650px;
}

.sub_banner .h_b_txt {
    padding: 0.4rem 0 0;
}

.sub_banner .h_b_txt_p .font18 {
    color: #fff;
    font-size: 14px;
    letter-spacing: 2px;
}

.sub_banner .h_b_txt_p .font20 {
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
}

.sub_banner .h_b_txt_a a {
    color: #fff;
    border-color: #fff;
}

.sub_banner .h_b_txt_a a:hover {
    background: #fff;
    color: #0095ad;
}

.sub_banner .h_b_txt_p p:not(:first-child) {
    width: 100%;
}

.crumbs {
    display: flex;
    align-items: center;
    padding: 22px 0;
    overflow-x: auto;
    justify-content: flex-start;
}

.crumbs>a {
    width: 13px;
    margin-right: 12px;
    height: auto;
}

.crumbs>img {
    width: 13px;
    height: auto;
    margin-right: 0.12rem;
}

.crumbs_box img {
    width: 6px;
    height: auto;
    margin-right: 7px;
}

.crumbs_box {
    display: flex;
    align-items: center;
    white-space: normal;
    flex-shrink: 0;
    color: #bbb;
}

.crumbs_box a {
    color: #bbb;
    margin-right: 10px;
}

.crumbs_box span {
    color: #d8d6d6;
    margin-right: 10px;
}

.crumbs_box:last-child img {
    display: none;
}

.crumbs_box.on a,
.crumbs_box a:hover {
    color: #333;
}

.crumbs_box p {
    font-size: 12px;
    color: #999;
    margin-right: 10px;
}

.crumbs_box:last-child p {
    display: none;
}

@media screen and (max-width: 1580px) {
    .crumbs_box img {
        width: 5px;
    }
}

@media screen and (max-width: 991px) {
    .crumbs {
        padding: 15px 20px;
    }
}

.vPack_gl {
    background: #f8f8f8;
    padding-bottom: 0.9rem;
    overflow: hidden;
}

.vPack_gl_nr {
    display: flex;
    justify-content: space-between;
    min-height: 5.1rem;
    margin-bottom: 20px;
}

.vPack_gl_l {
    width: 50%;
    position: relative;
}

.vPack_gl_l img {
    position: absolute;
    left: 0;
    top: 0;
    object-fit: contain;
    height: 5.1rem;
}

.vPack_gl_r {
    width: 50%;
    padding: 1rem 0.5rem 0;
}

.public_a2 {
    color: #0095ad;
    display: inline-flex;
    align-items: center;
}

.public_a2 img {
    width: 6px;
    height: auto;
    margin-left: 0.12rem;
    position: relative;
    left: 0;
    transition: all 0.6s;
}

.public_a2:hover img {
    left: 5px;
}

.vPack_gl_r_t {
    padding-bottom: 0.25rem;
    margin-bottom: 0.25rem;
    border-bottom: 1px solid #e7e7e7;
}

.vPack_gl_r_t h3 {
    margin-bottom: 0.06rem;
}

.vPack_gl_r_t span {
    color: #999;
}

.vPack_gl_r_p {
    margin-bottom: 0.5rem;
}

.vPack_gl_r_p p {
    font-size: 14px;
    color: #999;
    margin-bottom: 0.1rem;
}


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

.gallery-thumbs .vPack_gl_nav>a {
    width: 100%;
    margin-right: auto;
    border-radius: 4px;
    padding: 0.3rem 0.4rem;
    background: #e8eaf1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.gallery-thumbs .vPack_gl_nav>a:last-child {
    margin: auto;
}

.vPack_gl_nav>a {
    width: calc((100% - 0.5rem)/3);
    margin-right: 0.25rem;
    border-radius: 4px;
    padding: 0.3rem 0.4rem;
    background: #e8eaf1;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.vPack_gl_nav>a:last-child {
    margin: 0;
}


.vPack_gl_nav>a h3 {
    margin-bottom: 0.05rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
}

.vPack_gl_nav>a p {
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vPack_gl_nav>a.on {
    background: #0095ad;
}

.vPack_gl_nav>a.on h3 {
    color: #fff;
}

.vPack_gl_nav>a.on p {
    color: #aeccff;
}


.vPack_gl_nav.swiper-slide-thumb-active>a {
    background: #0095ad;
}

.vPack_gl_nav.swiper-slide-thumb-active>a h3 {
    color: #fff;
}

.vPack_gl_nav.swiper-slide-thumb-active>a p {
    color: #aeccff;
}

.subpb {
    display: flex;
    flex-wrap: wrap;
}

.ptgn .subpb_box {
    height: 180px !important;
}

.subpb .five {
    width: 18%;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 30px;
    margin: 0 1.8% 30px 0;
    justify-content: center;
    border-radius: 5px;
    background-image: linear-gradient(0deg, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
    border-radius: 10px;
}

.subpb_box2 {
    width: 23%;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 30px;
    margin: 0 1.8% 20px 0;
    justify-content: center;
    border-radius: 5px;
}

.four .subpb_box2 {
    width: 23.1%;
    height: 200px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 0.3rem;
    margin: 0 1.8% 0.28rem 0;
    justify-content: center;
    border-radius: 5px;
}

.subpb_box2 h3 {
    margin: 15px 0 10px;
    font-weight: 400;
    color: #000;
}

.four .subpb_box2:nth-child(3n) {
    margin: 0 1.8% 0.28rem 0;
}

.subpb_box2:nth-child(3n) {
    margin: 0 1.8% 0.28rem 0;
}

.subpb_box2 p {
    color: rgba(153, 153, 153, 1);
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 14px;
    line-height: 1.8;
    height: 5.4em;
}

.subpb_box2:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    /*! background: #0095ad; */
}

.subpb_box2:hover h3 {
    /*! color: #fff; */
}

.subpb_box2:hover p {
    /*! color: #fff; */
}

.vPack_jh {
    padding-bottom: 0.5rem;
    overflow: hidden;
}

.subpb_box2:hover .icon_animation img:first-child {
    top: -3px;
    left: 3px;
}

.subpb_box2:hover .icon_animation img:last-child {
    top: 3px;
    left: -3px;
}

.subpb_box {
    width: 32.1%;
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 0.3rem;
    margin: 0 1.8% 0.28rem 0;
    justify-content: center;
    border-radius: 5px;
}

.four .subpb_box {
    width: 23.1%;
    height: 250px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 0.3rem;
    margin: 0 1.8% 0.28rem 0;
    justify-content: center;
    border-radius: 5px;
}

.subpb_box h3 {
    margin: 0.15rem 0 0.1rem;
    font-weight: 600;
}

.four .subpb_box:nth-child(3n) {
    margin: 0 1.8% 0.28rem 0;
}

.ptgn .subpb_box:nth-child(3n) {
    margin: 0 1.8% 0.28rem 0;
}

.subpb_box:nth-child(3n) {
    margin-right: 0;
}

.subpb_box p {
    color: #4b5b76;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    font-size: 14px;
    line-height: 1.8;
    height: 5.4em;
}

.subpb_box:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    background: #0095ad;
}

.subpb_box:hover h3 {
    color: #fff;
}

.subpb_box:hover p {
    color: #605b5b;
}

.vPack_jh {
    padding-bottom: 0.5rem;
    overflow: hidden;
}

.subpb_box:hover .icon_animation img:first-child {
    top: -3px;
    left: 3px;
}

.subpb_box:hover .icon_animation img:last-child {
    top: 3px;
    left: -3px;
}

.subswi {
    padding-bottom: 0.9rem;
}

.subswi .title h2 {
    color: #fff;
}

.subswi_con {
    border-radius: 12px;
    overflow: hidden;
}

.subswi_img {
    height: 2.8rem;
}

.subswi_txt {
    position: relative;
    height: auto;
    background: #fff;
    padding: 0.8rem 0.5rem 0.4rem;
}

.subswi_icon {
    position: absolute;
    height: 1rem;
    width: 1rem;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1);
    border-radius: 50%;
    left: 50%;
    transform: translateX(-50%);
    top: -0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.subswi_icon img {
    width: 80%;
    height: auto;
}

.subswi_txt_box p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-size: 14px;
    color: #7d90ad;
    line-height: 1.8;
}

.subswi_txt_p {
    height: 0.72rem;
}

.subswi_txt_h3 {
    text-align: center;
}

.subswi_txt_h3 h3 {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 0.15rem;
}

.subswi_txt_a {
    text-align: center;
}

.public_a3 {
    margin: auto;
    width: 1.4rem;
    height: 0.46rem;
    border-radius: 4px;
    border: 2px solid #0095ad;
    display: flex;
    justify-content: center;
    align-items: center;
}

.public_a3 .img2 {
    display: none;
}

.public_a3:hover {
    background: #0095ad;
    color: #fff;
}

.public_a3:hover img {
    left: 0;
}

.public_a3:hover .img1 {
    display: none;
}

.public_a3:hover .img2 {
    display: block;
}

.vteam {}

.vteam_nr {
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    flex-direction: column;
    height: 5rem;
    align-items: center;
}

.vteam_hz {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.vteam_hz img {
    width: 33px;
    margin-bottom: 0.2rem;
    height: auto;
}

.vteam_p {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 3.3rem;
}

.vteam_p p {
    color: #4b5b76;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.vteam_hz:hover p {
    color: #0095ad;
}

@media screen and (max-width: 1580px) {

    .vPack_gl_r_p p,
    .subswi_txt_box p {
        font-size: 12px;
    }

    .subpb_box2 p {
        font-size: 13px;
        line-height: 1.8;
        /* font-size: 14px; */
    }

    .subpb_box2 h3 {
        font-size: 16px;
        margin: 15px 0 20px;
    }

    .subpb_box p {
        font-size: 13px;
        line-height: 1.8;
        /* font-size: 14px; */
    }

    .subpb_box h3 {
        font-size: 20px;
    }
}

@media screen and (max-width: 1260px) {}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {}

.b_ys {
    height: 350px;
}

.zs {
    height: 200px;
}

.b_ys_box {
    display: flex;
    height: 100%;
    justify-content: center;
}

.b_ys_box .tel {
    margin: 50px 5px 15px 5px;
}

.b_ys_l h2>span {
    font-size: 30px;
    color: #3e3b3b;
    font-weight: 600;
    letter-spacing: 5px;
}

.zs .b_ys_l h2>span {
    font-size: 38px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 10px;
}

.b_ys_l h2 {
    font-size: 28px;
    color: #3e3b3b;
    font-weight: 400;
    letter-spacing: 5px;
    margin-bottom: 0.1rem;
}

.zs .b_ys_l h2 {
    font-size: 22px;
    color: #ffffff;
    font-weight: 400;
    letter-spacing: 5px;
    margin-top: -0.4rem;
}

.b_ys_l h1 {
    font-size: 38px;
    color: #ffffff;
    font-weight: 600;
    letter-spacing: 16px;
}

.b_ys_l h1>span {
    font-size: 38px;
    color: #b4936a;
    font-weight: 600;
    letter-spacing: 16px;
}

.b_ys_l p {
    color: #3e3b3b;
    margin-bottom: .2rem;
    font-size: 16px;
    letter-spacing: 2px;
    font-weight: 400;
}

.public_a4 {
    width: auto;
    /* height: 1.46rem; */
    border-radius: 4px;
    /* border: 2px solid #fff; */
    margin-right: 10px;
    /* display: flex; */
    /* align-items: center; */
    /* color: #fff; */
    /* padding: 0 0.3rem; */
    /* transition: all 0.6s; */
    flex-shrink: 0;
}

.b_ys .public_a4 {
    /* background: #fff; */
    color: #0095ad;
}

.b_ys .public_a4:hover {
    background: #0095ad;
    color: #fff;
}

@media screen and (max-width: 1200px) {

    .sub_banner_img img,
    .sub_banner {
        height: 400px;
    }

    .subswi_img {
        height: 180px;
    }

    .subswi_txt {
        height: 160px;
    }

    .subswi_con {
        border-radius: 8px;
    }

    .subswi_icon {
        width: 70px;
        height: 70px;
        top: -35px;
    }

    .subswi_txt {
        padding: 50px 20px 0;
    }

    .subswi_txt_p {
        height: 60px;
    }

    .public_a3,
    .public_a4 {
        width: auto;
        height: 36px;
        padding: 0 20px;
    }

    .public_a2 img {
        width: 5px;
        margin-left: 8px;
    }

    .vteam_hz img {
        width: 28px;
        margin-bottom: 10px;
    }

    .vteam_nr {
        height: auto !important;
        flex-direction: row;
    }

    .public_a4 {
        margin: 0 10px 0 20px;
    }
}

@media screen and (max-width: 991px) {
    .vPack_gl_l img {
        left: 0;
        height: 350px;
    }

    .vPack_gl_nr {
        min-height: 350px;
    }

    .vPack_gl_r {
        padding: 50px 30px 0;
    }

    .vPack_gl_r_t {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .vPack_gl_r_p p {
        margin-bottom: 10px;
    }

    .subpb_box {
        height: 160px;
    }

    .subpb_box2 {
        height: 160px;
    }

    .vteam_nr {
        padding: 30px 0 20px;
    }

}

@media screen and (max-width: 767px) {
    .sub_banner {
        margin-top: 60px;
    }

    .sub_banner_img img,
    .sub_banner {
        height: 300px;
    }

    .sub_banner .h_b_txt_l {
        width: 100%;
    }

    .sub_banner .h_b_txt {
        padding: 0 1rem 0;
    }

    .sub_banner .h_b_txt_p {
        margin-bottom: 20px;
    }

    .h_b_txt_l .bg {
        background: #f3f3f31a;
        padding: 20px;
    }

    .h_b_txt_l .bg .line {
        border: solid 1px #dddddd87;
        padding: 15px;
    }

    .vPack_gl_nr {
        flex-direction: column;
    }

    .vPack_gl_l {
        width: 100%;
    }

    .vPack_gl_l img {
        position: initial;
        height: 200px;
    }

    .vPack_gl_r {
        width: 100%;
        padding: 20px 0 0;
        margin-bottom: 30px;
    }

    .vPack_gl_r_t {
        padding-bottom: 10px;
        margin-bottom: 10px;
    }

    .vPack_gl {
        padding-bottom: 30px;
    }

    .subpb {
        justify-content: space-between;
    }

    .subpb_box {
        width: 46%;
        height: 140px;
        margin: 0 0 20px 0;
    }

    .subpb_box2 {
        width: 46%;
        height: 140px;
        margin: 0 0 20px 0;
    }

    .subswi {
        padding-bottom: 50px;
    }

    .vteam_nr {
        justify-content: space-between;
    }

    .b_ys {
        height: auto;
        padding: 20px 0;
    }

    .b_ys .public_a4 {
        display: none;
    }

    .zs .b_ys_box img {
        display: none;
    }

    .public_a4 {
        margin: 0px;
        flex-shrink: 0;
    }

    .b_ys_l h2 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .b_ys_l {
        margin-bottom: 20px;
        width: 100% !important;
    }

    .b_ys_l p {
        display: none;
    }

    .xcx {
        background: #fff !important;
        padding: .5rem;
        border-radius: 0.2rem;
        /* width: 40%; */
    }

    .b_ys_box img {
        margin-top: 0px;
        width: 150px !important;
        height: 150px;
    }

    .zs .b_ys_l {
        /* width: 80%; */
        display: flex;
        margin-left: -5%;
        margin-top: 20px;
    }

    .b_ys_box {
        display: flex;
        /* display: none; */
        flex-direction: row;
        justify-content: flex-end;
    }

    .vteam_nr {
        height: auto !important;
        flex-direction: row;
    }

    .sub_banner .h_b_txt_p p:not(:first-child) {
        width: 100%;
    }
}

/* .vPipe_vteam .vteam_nr{padding: 0.45rem 0 0.2rem;}
.vPipe_vteam .vteam_hz{width: calc(100%/5);}
.vTest_vteam .vteam_nr{padding: 0.45rem 1.2rem 0.2rem;} */

/* weOps */
.sub_tnav {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
}

.sub_tnav a {
    padding: 0 0 0 20px;
    display: flex;
    height: auto !important;
    margin-bottom: 60px;
    z-index: 1;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
}

.sub_tnav i {
    position: absolute;
    height: 25%;
    top: 0;
    left: 0;
    background: #0095ad;
    z-index: 1;
    border-radius: 5px;
    transition: all 0.6s;
    width: 5px;
}

.weo_ld .sub_tnav i {
    height: 25%;
}

.sub_tnav .on {
    color: #fff;
}

.sub_tnav_box {
    position: relative;
}

.sub_tnav_box::after {
    content: '';
    position: absolute;
    width: 5px;
    height: 100%;
    background: #edeff4;
    right: 0;
    top: 0;
}

.sub_tnav a h3 {
    color: #333;
    margin-bottom: 15px;
    font-weight: 600;
}

.sub_tnav_p p {
    font-size: 14px;
    color: #4b5b76;
    overflow-y: auto;
    max-height: 4.5em;
    padding-right: 10px;
    direction: ltr;
}

.weo_ld_l .sub_tnav_p p {
    max-height: initial;
    line-height: 26px;
}

.sub_tnav a:hover h3,
.sub_tnav .on h3 {
    color: #0095ad;
}

.weo_ld_con {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.weo_ld_l {
    width: 36.5%;
    height: calc(6rem + 40px);
}

/* .weo_ld_l::-webkit-scrollbar{
width:3px;
}
.weo_ld_l::-webkit-scrollbar-track{
background: #e5e9ee;
border-radius:2px;
}
.weo_ld_l::-webkit-scrollbar-thumb{
background: #0095ad;
border-radius:25px;
}
.weo_ld_l::-webkit-scrollbar-corner{
background: #0095ad;
} */
.weo_ld {
    padding-bottom: 0.9rem;
}

.weo_ld_r {
    width: 50%;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #f5f5f5;
    padding: 20px;
    box-shadow: 0 0 20px rgb(0 0 0 / 5%);
}

.weo_ld_img {
    height: 6rem;
    padding: 0;
}

.weo_ld_img img {
    /* object-fit: contain; */
}

.weo_cj {
    padding: 0.9rem 0 0.4rem;
    background: #f8f8f8;
}

.weo_cj_con {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.9rem;
}

.weo_cj_img {
    width: 47.1%;
}

.weo_cj_txt {
    width: 52.9%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 0.8rem;
    align-items: flex-start;
}

.weo_cj_txt .public_a5 {
    margin: 0.4rem 0 0 0;
}

.weo_cj_txt h3 {
    font-weight: 400;
    margin-bottom: 0.2rem;
}

.weo_cj_txt p {
    color: #999;
    line-height: 1.8;
}

.public_a5 {
    width: auto;
    height: 40px;
    border-radius: 4px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    background: #0095ad;
    color: #fff;
    transition: all 0.6s;
}

.public_a5:hover {
    opacity: 0.8;
}

.weo_cj_con:nth-child(2n) {
    flex-direction: row-reverse;
}

.weo_cj_con:nth-child(2n) .weo_cj_txt {
    padding: 0 0.8rem 0 0;
}

.subswi2 .title h2 {
    color: #333;
}

.subswi2 .subswi_txt {
    background: #f3f4f6;
}

.weo_fw {
    height: 2.8rem;
}

.title2 {
    padding: 0.5rem 0 0.2rem;
}

.xcx .title2 h2 {
    /* color: #1a1818; */
    margin-top: 15px;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 2px;
}

.title2 p {
    color: #fff;
}

.weo_fw .h_b_txt_a {
    text-align: center;
    justify-content: center;
}

.weo_fw .h_b_txt_a a {
    color: #fff;
    border-color: #fff;
    margin: 0 0.1rem;
}

.weo_fw .h_b_txt_a a:hover {
    background: no-repeat;
    opacity: 0.8;
}

@media screen and (max-width: 1580px) {
    .sub_tnav_p p {
        font-size: 14px;
        line-height: 26px;
    }

    .weo_ld_img {
        height: 6.8rem;
    }

    .weo_ld_l {
        height: calc(6.8rem + 40px);
    }
}

@media screen and (max-width: 1200px) {
    .weo_ld_l {
        width: 42%;
    }

    .weo_ld_r {
        width: 55%;
    }

    .public_a5 {
        height: 36px;
        padding: 0 15px;
    }

    .weo_fw {
        height: auto;
        padding: 0 0 30px;
    }
}

@media screen and (max-width: 991px) {
    .weo_ld_l {
        width: 52%;
    }

    .weo_ld_r {
        width: 45%;
    }

    .weo_ld_con {
        align-items: center;
    }

    .sub_tnav_p p {
        -webkit-line-clamp: 2;
    }
}

@media screen and (max-width: 767px) {

    .weo_ld_l,
    .weo_ld_r {
        width: 100%;
    }

    .weo_ld_l {
        height: auto;
    }

    .sub_tnav a,
    .sub_tnav i {
        height: 90px;
    }

    .weo_ld_con {
        flex-direction: column-reverse;
    }

    .weo_ld_img {
        height: 250px;
    }

    .weo_ld_r {
        margin-bottom: 20px;
        padding: 10px;
    }

    .sub_tnav {
        padding-left: 0px;
    }

    .sub_tnav a h3 {
        margin-bottom: 5px;
    }

    .weo_cj_con,
    .weo_cj_con:nth-child(2n) {
        flex-direction: column;
    }

    .weo_cj_img {
        width: 100%;
        height: 220px;
    }

    .weo_cj_txt {
        width: 100%;
    }

    .weo_cj_con {
        margin-bottom: 30px;
    }

    .weo_cj_txt {
        padding: 15px !important;
        background: #f5f5f5;
    }

    .weo_fw {
        padding: 10px 0 30px;
    }

    .title2 {
        padding: 20px 0;
    }

    .weo_fw .h_b_txt_a a {
        margin: 0 5px;
    }
}

/* CMDB */
.cmdb_cj {
    background: #f8f8f8;
    padding-bottom: 0.9rem;
}

/* .cmdb_cj_nav{display: flex;padding: 0 1.4rem;justify-content: space-between;align-items: center;margin-bottom: 0.75rem;} */
.cmdb_cj_nav {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    margin-right: 0.2rem;
    padding: 10px 0;
    transition: all 0.6s;
}

.cmdb_cj_nav .img2 {
    display: none;
}

.cmdb_cj_nav img {
    width: 0.4rem;
    height: 0.4rem;
    margin-right: 0.15rem;
}

.cmdb_cj_nav p {
    color: #161b27;
}

.swiper-slide-thumb-active .cmdb_cj_nav {
    background: #0095ad;
}

.swiper-slide-thumb-active .cmdb_cj_nav p {
    color: #fff;
}

.swiper-slide-thumb-active .cmdb_cj_nav .img1 {
    display: none;
}

.swiper-slide-thumb-active .cmdb_cj_nav .img2 {
    display: block;
}

.cmdb_cj_nr {
    display: flex;
    justify-content: space-between;
    height: 4.46rem;
}

.cmdb_cj_l {
    width: 50%;
}

.cmdb_cj_l img {
    object-fit: contain;
}

.cmdb_cj_r {
    width: 50%;
    padding: 0 2.1rem 0 0.36rem;
    position: relative;
    height: 60%;
    margin-top: 4%;
}

.cmdb_cj_r h3 {
    font-weight: 400;
    margin-bottom: 0.1rem;
}

.cmdb_cj_r p {
    color: #8b99ae;
}

.public_a6 {
    height: 0.46rem;
    padding: 0 0.25rem;
    border: 2px solid #0095ad;
    border-radius: 4px;
    width: auto;
    display: inline-flex;
}

.cmdb_cj_r>.public_a2 {
    position: absolute;
    bottom: 0;
}


.cmdb_tx {
    padding-bottom: 0.9rem;
    background: #26354f;
}

.cmdb_tx_swip {
    height: 700px;
}

.cmdb_tx_swip .swiper-wrapper {
    flex-direction: column;
    height: 100%;
    width: 100%;
}

.cmdb_tx_swip .swiper-slide {
    height: 300px;
}

.cmdb_tx_hr {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #fff;
    border-radius: 10px;
}

.cmdb_tx_hr {
    padding: 0.5rem 0.5rem 0;
}

.cmdb_tx_hr .icon_animation {
    margin-bottom: 0.3rem;
}

.cmdb_tx_hr h3 {
    margin-bottom: 0.18rem;
}

.cmdb_tx_hr_p {
    text-align: center;
}

.cmdb_tx_hr_p p {
    color: #999;
    line-height: 1.8;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.cmdb_tx_pag .swiper-pagination-bullet {
    width: 0.5rem;
    height: 3px;
    opacity: 0.3;
    border-radius: 3px;
    background: #fff;
}

.cmdb_tx_pag .swiper-pagination-bullet-active {
    opacity: 1;
}

.cmdb_tx_hr:hover {
    background: #0f74ff;
}

.cmdb_tx_hr:hover h3 {
    color: #fff;
}

.cmdb_tx_hr:hover p {
    color: #aeccff;
}

.cmdb_tx_hr:hover .icon_animation img:first-child {
    top: -3px;
    left: 3px;
}

.cmdb_tx_hr:hover .icon_animation img:last-child {
    top: 3px;
    left: -3px;
}

.cmdb_tx .title {
    padding: 1.2rem 0 0.5rem;
}

@media screen and (max-width: 1200px) {
    .cmdb_cj_nav a {
        padding: 5px 0;
    }

    .cmdb_cj_nav a img {
        width: 30px;
        height: 30px;
    }

    .cmdb_cj_nr {
        height: 280px;
    }

    .public_a6 {
        height: 36px;
        padding: 0 15px;
    }

    .cmdb_tx_swip .swiper-slide {
        height: 250px;
    }

    .cmdb_tx_swip {
        height: 580px;
    }
}

@media screen and (max-width: 991px) {
    .cmdb_cj_nr {
        height: 230px;
    }

    .cmdb_tx_swip .swiper-slide {
        height: 220px;
    }

    .cmdb_tx_swip {
        height: 520px;
    }
}

@media screen and (max-width: 767px) {
    .cmdb_cj_nav {
        padding: 0;
        margin-bottom: 20px;
    }

    .cmdb_cj_nav a p {
        font-size: 12px;
    }

    .cmdb_cj_nav a img {
        width: 25px;
        height: 25px;
    }

    .cmdb_cj_nr {
        flex-direction: column;
    }

    .cmdb_cj_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .cmdb_cj_nr {
        height: auto;
    }

    .cmdb_cj_r {
        width: 100%;
        height: auto;
        margin: 0;
    }

    .cmdb_cj_r>.public_a2 {
        position: initial;
        font-size: 12px;
    }

    .cmdb_cj_r h3 {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .cmdb_cj_r p {
        margin-bottom: 10px;
    }

    .cmdb_cj {
        padding-bottom: 30px;
    }

    .cmdb_tx_hr {
        padding: 15px;
    }

    .cmdb_tx_hr .icon_animation {
        margin-bottom: 10px;
    }

    .cmdb_tx_hr h3 {
        margin-bottom: 5px;
    }

    .cmdb_tx_hr_p p {
        line-height: 1.6;
    }

    .cmdb_tx_swip .swiper-slide {
        height: 190px;
    }

    .cmdb_tx_swip {
        height: 440px;
    }

    .cmdb_tx_pag .swiper-pagination-bullet {
        width: 25px;
    }
}

.sol_t {
    padding-bottom: 0.9rem;
    background: #f8f8f8;
}

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

.sol_t_nr {
    width: calc(50% - 0.2rem);
    margin-bottom: 0.4rem;
    background: #fff;
    position: relative;
    height: auto;
    transition: all 0.6s;
}

.sol_t_nr * {
    transition: all 0.6s;
}

.sol_t_nr>img {
    position: absolute;
    right: 0;
    top: 0;
    width: 1.86rem;
    height: 100%;
    object-fit: initial
}

.sol_t_hz {
    padding: 0.3rem 1.9rem 0.3rem 0.5rem;
}

.sol_t_icon img {
    width: 0.6rem;
    height: 0.6rem;
}

.sol_t_icon {
    margin-bottom: 0.18rem;
}

.sol_t_hz h3 {
    margin-bottom: 0.1rem;
}

.sol_t_p p {
    color: #4b5b76;
    font-size: 14px;
}

.sol_t_icon .img2 {
    display: none;
}

.sol_t_nr .img4 {
    display: none;
}

.sol_t_nr:hover .sol_t_icon .img1 {
    display: none;
}

.sol_t_nr:hover .sol_t_icon .img2 {
    display: block;
}

.sol_t_nr:hover .img3 {
    display: none;
}

.sol_t_nr:hover .img4 {
    display: block;
    opacity: 0.3;
}

.sol_t_nr:hover {
    background: #0095ad;
    border-radius: 8px;
}

.sol_t_nr:hover * {
    color: #fff;
}

@media screen and (max-width: 1580px) {
    .sol_t_icon img {
        width: 40px;
        height: 40px;
    }

    .sol_t_p p {
        font-size: 12px;
    }
}

.sol_img img {
    object-fit: contain;
}

.sol {
    padding-bottom: 0.9rem;
}

.sol_ys {
    padding-bottom: 0.5rem;
    background: #ffffff;
    overflow: hidden;
}

@media screen and (max-width: 1200px) {
    .sol_t_icon {
        margin-bottom: 15px;
    }

    .sol_t_hz h3 {
        margin-bottom: 10px;
    }

    .sol_t_nr>img {
        width: 120px;
    }

    .sol_t_hz {
        padding: 15px 130px 0 30px;
    }
}

@media screen and (max-width: 991px) {
    .sol_t_nr {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .sol_t_nr {
        height: auto;
        margin-bottom: 20px;
    }

    .sol_t_nr>img {
        width: 100px;
    }

    .sol_t_hz {
        padding: 15px 15px 25px;
    }

    .sol_t_icon img {
        width: 30px;
        height: 30px;
    }

    .sol_t_icon {
        margin-bottom: 10px;
    }
}

.sol2_t {
    padding: 0.9rem 0;
    background: #f8f8f8;
}

.sol2_t_con {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sol2_t_l {
    width: 42.8%;
    background: #fff;
    border-radius: 8px;
    padding: 60px 20px 50px 40px;
    position: relative;
}

.sol2_t_l h3 {
    color: #161b27;
    font-weight: 400;
    margin-bottom: 55px;
}

.sol2_t_l h3 span {
    color: #0095ad;
}

.sol2_t_l_box {
    display: flex;
    flex-wrap: wrap;
}

.sol2_t_l_con {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 38px;
}

.sol2_t_l_con i {
    width: 40px;
    height: 30px;
    background: #e0b784;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.sol2_t_l_con i img {
    width: 40%;
    height: auto;
}

.sol2_t_l_con p {
    color: #999;
}

.sol2_t_l>i {
    position: absolute;
    z-index: 10;
}

.sol2_t_l .i1 {
    width: 110px;
    height: auto;
    bottom: -40px;
    left: -37px;
}

.sol2_t_l .i2 {
    width: 50px;
    height: auto;
    top: -30px;
    right: 150px;
}

.sol2_t_r {
    width: 50%;
    background: #fff;
    border-radius: 8px;
    padding: 60px 50px 40px;
    position: relative;
}

.sol2_t_r h3 {
    color: #161b27;
    font-weight: 400;
    margin-bottom: 50px;
}

.sol2_t_r_con {
    margin-bottom: 15px;
    display: flex;
}

.sol2_t_r_t {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.sol2_t_r_t i {
    width: 20px;
    height: 20px;
    background: #0095ad;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.sol2_t_r_t i img {
    width: 50%;
    height: auto;
}

.sol2_t_r_t h4 {
    color: #0095ad;
}

.sol2_t_r_p {
    padding-left: calc(10px + 8px);
}

.sol2_t_r_p p {
    color: #4b5b76;
    font-size: 14px;
}

.sol2_t_r>i {
    position: absolute;
    z-index: 10;
}

.sol2_t_r .i1 {
    width: 50px;
    height: auto;
    top: 50px;
    left: -30px;
}

.sol2_t_r .i2 {
    width: 150px;
    height: auto;
    bottom: 0px;
    right: -50px;
    z-index: 99;
}

.sol2_t_r .i3 {
    width: 160px;
    height: auto;
    bottom: -40px;
    right: 30px;
}

.sol2_t_r .i4 {
    width: 160px;
    height: auto;
    bottom: 80px;
    right: 30px;
    z-index: 999;
}

@media screen and (max-width: 1580px) {

    .sol2_t_r_p p,
    .sol2_fa_txt p {
        font-size: 14px;
    }
}

.sol2_jgt {
    padding: 0.9rem 0;
}

.sol2_jgt_con {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sol2_jgt_l {
    width: 56%;
    height: 4.5rem;
}

.sol2_jgt_l img {
    object-fit: contain;
}

.sol2_jgt_r {
    width: 44%;
    padding: 0.8rem;
}

.sol2_jgt_r h2 {
    font-weight: 400;
    margin-bottom: 0.2rem;
}

.sol2_jgt_r p {
    color: #999;
    line-height: 1.8;
    margin-bottom: 0.35rem;
}

.sol2_fa {
    padding-bottom: 0.8rem;
    background: #f8f8f8;
}

.sol2_fa_con {
    display: flex;
    flex-wrap: wrap;
}

.sol2_fa_hr {
    width: calc((100% - 0.5rem)/3);
    margin: 0 0.25rem 0.25rem 0;
    height: 310px;
    background: #fff;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
}

.sol2_fa_hr:nth-child(3n) {
    margin-right: 0;
}

.sol2_fa_txt {
    position: absolute;
    padding: 0.36rem 0.4rem 0;
    height: 100%;
    z-index: 10;
}

.sol2_fa_txt h3 {
    margin-bottom: 0.1rem;
}

.sol2_fa_txt p {
    color: #999;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.8;
}

.sol2_fa_txt_p {
    height: 80%;
    overflow-y: auto;
}

.sol2_fa_img {
    position: absolute;
    padding: 0 0.4rem 0.43rem;
    height: 100%;
    display: flex;
    align-items: flex-end;
    width: 100%;
    z-index: 1;
}

.sol2_fa_img_box {
    width: 100%;
}

.sol2_fa_img_box img {
    height: 1.55rem;
}

@media screen and (max-width: 1900px) {
    .sol2_fa_hr {
        height: 260px;
    }
}

@media screen and (max-width: 1580px) {
    .sol2_fa_hr {
        height: 260px;
    }

    .sol2_fa_img_box img {
        height: 130px;
    }

    .sol2_fa_txt h3 {
        margin-bottom: 5px;
    }

    .sol2_fa_txt {
        padding: 30px 30px 0;
    }

    .sol2_fa_img {
        padding: 0 30px 30px;
    }
}

.sol2_fa_hr:hover .sol2_fa_txt {
    background: rgba(21, 107, 255, 0.9);
}

.sol2_fa_hr:hover h3 {
    color: #fff;
}

.sol2_fa_hr:hover p {
    color: #fff;
    -webkit-line-clamp: initial;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 991px) {
    .sol2_t_con {
        flex-direction: column;
    }

    .sol2_t_l {
        width: 100%;
        margin-bottom: 50px;
    }

    .sol2_t_r {
        width: 100%;
    }

    .sol2_t,
    .sol2_jgt {
        padding: 50px 0;
    }

    .sol2_jgt_con {
        flex-direction: column;
    }

    .sol2_jgt_l {
        width: 100%;
        height: 250px;
        margin-bottom: 20px;
    }

    .sol2_jgt_r {
        width: 100%;
        padding: 0;
    }

    .sol2_fa_hr {
        width: 48%;
        margin: 0 0 20px 0 !important;
    }

    .sol2_fa_con {
        justify-content: space-between;
    }
}

@media screen and (max-width: 767px) {

    .sol2_t,
    .sol2_jgt {
        padding: 30px 0;
    }

    .sol2_t_l .i1 {
        width: 70px;
        height: auto;
        bottom: -30px;
        left: -37px;
    }

    .sol2_t_l .i2 {
        width: 50px;
        height: auto;
        top: -20px;
        right: 150px;
    }

    .sol2_t_l {
        padding: 20px;
        margin-bottom: 30px;
    }

    .sol2_t_l h3 {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .sol2_t_l_con {
        width: 100%;
        margin-bottom: 15px;
    }

    .sol2_t_l_con i {
        margin-right: 10px;
    }

    .sol2_t_r .i1 {
        width: 50px;
        height: auto;
        top: -30px;
        right: 0;
        left: 280px;
    }

    .sol2_t_r .i2 {
        width: 100px;
        height: auto;
        bottom: -20px;
        right: -10px;
        z-index: 99;
    }

    .sol2_t_r .i3 {
        width: 80px;
        height: auto;
        bottom: -40px;
        right: 40px;
    }

    .sol2_t_r .i4 {
        width: 100px;
        height: auto;
        bottom: 10px;
        right: 70px;
        z-index: 999;
    }

    .sol2_t_r {
        padding: 25px;
    }

    .sol2_t_r h3 {
        font-size: 18px;
        margin-bottom: 25px;
    }

    .sol2_t_r_box {
        margin-bottom: 50px;
    }

    .sol2_t_r_con {
        margin-bottom: 10px;
    }

    .sol2_t_r_t i {
        margin-right: 10px;
    }

    .sol2_t_r_t h4 {
        font-size: 14px;
    }

    .sol2_t_r_t {
        margin-bottom: 10px;
    }

    .sol2_t_r_p {
        padding-left: 30px;
    }

    .sol2_jgt_l {
        height: 150px;
    }

    .sol2_fa_hr {
        width: 100%;
    }
}

/* .show_nav .nav>ul>li>a:hover p,.show_nav .nav>ul>.on>a p{color: #333 !important;}
.show_nav .nav>ul>li>a:hover .img2,.show_nav .nav>ul>.on>a .img2{display: none !important;}
.show_nav .nav>ul>li>a:hover .img3,.show_nav .nav>ul>.on>a .img3{display: block !important;}
.show_nav .nav>ul>li>a>p::after{background: #333;} */

.sol_ys_hr {
    position: relative;
    height: 4.7rem;
    margin-bottom: 0.6rem;
}

.sol_ys_l {
    position: absolute;
    top: 50%;
    margin-top: -1.8rem;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    background: rgb(40 66 112 / 11%);
    right: calc(50% - 0.75rem);
}

.sol_ys_r {
    position: absolute;
    top: 50%;
    margin-top: -1.8rem;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    background: rgb(63 159 129 / 59%);
    left: calc(50% - 0.75rem);
}

.sol_ys_m {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1.5rem;
    height: 2.92rem;
    background: url(../images/sol_icon_bj.png) no-repeat;
    background-size: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    z-index: 10;
}

.sol_ys_m img {
    width: 0.62rem;
    height: auto;
}

.sol_ys_m p {
    text-align: center;
    color: #fff;
    width: 4em;
    font-weight: 700;
    font-size: 24px;
}

.sol_ys_sbox {
    position: absolute;
    display: flex;
    align-items: center;
}

.sol_ys_sbox_txt {
    width: auto;
    flex-shrink: 0;
    text-align: right;
    padding-right: 0.3rem;
    white-space: nowrap;
}

.sol_ys_sbox_txt h3 {
    margin-bottom: 0.1rem;
}

.sol_ys_sbox_txt p {
    color: #4b5b76;
    font-size: 14px;
}

.sol_ys_sbox_icon {
    width: 1rem;
    height: 1rem;
    background: #284270;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.sol_ys_sbox_icon img {
    width: 40%;
    height: 40%;
}

.sol_ys_r .sol_ys_sbox_icon {
    background: #0095ad;
}

.sol_ys_r .sol_ys_sbox {
    flex-direction: row-reverse;
}

.sol_ys_r .sol_ys_sbox_txt {
    padding: 0 0 0 0.3rem;
    text-align: left;
}


.sol_ys_sbox1 {
    right: 2.85rem;
    top: 0.35rem;
}

.sol_ys_sbox2 {
    right: 2.85rem;
    bottom: 0.35rem;
}

.sol_ys_sbox3 {
    left: 2.7rem;
    top: 0.25rem;
}

.sol_ys_sbox4 {
    left: 2.7rem;
    top: 50%;
    margin-top: 0.5rem;
}

.sol_ys_sbox5 {
    left: 2.2rem;
    bottom: -0.25rem;
}


@media screen and (max-width: 1580px) {
    .sol_ys_sbox_txt p {
        font-size: 13px;
    }
}

@-webkit-keyframes slideInLeft2 {
    0% {
        -webkit-transform: translateX(-200%);
        transform: translateX(-200%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInLeft2 {
    0% {
        -webkit-transform: translateX(-200%);
        -ms-transform: translateX(-200%);
        transform: translateX(-200%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInLeft2 {
    -webkit-animation-name: slideInLeft2;
    animation-name: slideInLeft2
}

@-webkit-keyframes slideInRight2 {
    0% {
        -webkit-transform: translateX(200%);
        transform: translateX(200%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@keyframes slideInRight2 {
    0% {
        -webkit-transform: translateX(200%);
        -ms-transform: translateX(200%);
        transform: translateX(200%);
        visibility: visible
    }

    100% {
        -webkit-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0)
    }
}

.slideInRight2 {
    -webkit-animation-name: slideInRight2;
    animation-name: slideInRight2
}


@-webkit-keyframes slideInOp {
    0% {
        opacity: 0;
        visibility: visible
    }

    100% {
        opacity: 1;
    }
}

@keyframes slideInOp {
    0% {
        opacity: 0;
        visibility: visible
    }

    100% {
        opacity: 1;
    }
}

.slideInOp {
    -webkit-animation-name: slideInOp;
    animation-name: slideInOp
}

@media screen and (max-width: 1200px) {

    .sol_ys_sbox,
    .sol_ys_l,
    .sol_ys_r {
        position: initial;
        border-radius: 0;
        height: auto;
        flex-direction: row-reverse;
        justify-content: flex-end;
    }

    .sol_ys_sbox {
        margin-bottom: 20px;
    }

    .sol_ys_l {
        margin: 0;
        width: 100%;
        background: no-repeat;
    }

    .sol_ys_hr {
        height: auto;
    }

    .sol_ys_sbox_txt {
        padding: 0 0 0 20px !important;
        text-align: left;
        flex-shrink: initial;
        white-space: initial;
    }

    .sol_ys_sbox_txt h3 {
        font-size: 18px;
    }

    .sol_ys_sbox_txt p br {
        display: none;
    }

    .sol_ys_m {
        display: none;
    }

    .sol_ys_r {
        margin: 0;
        width: 100%;
        background: no-repeat;
    }

    .sol_ys_sbox4 {
        margin: 0 0 20px;
    }

    .sol_ys_sbox_icon {
        background: #0095ad !important;
    }
}

@media screen and (max-width: 991px) {
    .sol_ys_sbox_icon {
        width: 60px;
        height: 60px;
    }

    .h_sol_b_box p {
        color: #fff;
        margin-bottom: 0.13rem;
        line-height: 1.7;
        border-radius: 4px;
        padding: 0.5rem 2.5rem;
        margin-right: 0;
        background: rgb(63 159 129);
        FONT-WEIGHT: 200;
        font-size: 16px;
        font-weight: 500;
    }
}


@media screen and (max-width: 767px) {
    .bra_t_r h2 {
        color: #2c3441;
        line-height: 1.9;
        margin-bottom: 10px;
        font-weight: 600;
    }

    .about .bra_t_r.scro2 {
        width: 100% ! important;
        background: hsla(0, 0%, 100%, .51);
        border-radius: 4px;
        border: 1px solid hsla(0, 0%, 100%, .37);
        margin: 0px 20px 30px 20px ! important;
        padding: 26px ! important;
    }
}

@media screen and (min-width: 768px) {
    .h_b_png>img {
        object-fit: contain;
        animation: moveh 4s infinite linear;
        -webkit-animation: moveh 3s infinite linear;
        cursor: pointer;
        position: relative;
    }

    @keyframes moveh {
        0% {
            bottom: 0.15rem;
        }

        50% {
            bottom: 0;
        }

        100% {
            bottom: 0.15rem;
        }
    }
}

/* @font-face{
	font-family: 'mont';
	src: url(../images/Montserrat-Thin-10.ttf);
} */
.bra_t {
    background: #f8f8f8;
    /*! padding: 80px 0 20px; */
}

.bra_t_box {}

.bra_t .about {}

.bra_t_con {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0px;
    align-items: center;
}

.bra_t_l {
    width: 34.9%;
    /* margin-left: 50px; */
    /* flex-shrink: 0; */
}

.bra_t_r {
    width: 100%;
    /*! height: 210px; */
    /*! overflow-y: auto; */
    padding-right: 20px;
}

.about .bra_t_r.scro2 {
    width: 85%;
    background: hsla(0, 0%, 100%, .51);
    border-radius: 4px;
    border: 1px solid hsla(0, 0%, 100%, .37);
    margin: 50px;
    padding: 56px;
}

.bra_t_l_h2 {
    margin-bottom: 5px;
    float: left;
    left: 50px;
}

.bra_t_l_h2 h2 {
    font-size: 28px;
    line-height: 1.6;
    font-weight: 400;
}

.bra_t_l_h2 h2 span {
    color: #0095ad;
}

.bra_t_l>span {
    font-size: 80px;
    font-family: Arial;
    font-weight: bold;
    -webkit-text-stroke: 1px rgba(22, 27, 39, 0.2);
    -webkit-text-fill-color: transparent;
    display: block;
}

.bra_t_r h2 {
    color: #2c3441;
    line-height: 1.9;
    margin-bottom: 10px;
    font-weight: 500;
    font-size: 30px;
}

.bra_t_r p {
    color: #4b5b76;
    line-height: 1.9;
    margin-bottom: 22px;
    font-size: 15px;
}

.bra_t_r p>span {
    color: #0095ad;
    line-height: 1.9;
    margin-bottom: 0.3rem;
    font-weight: bold;
    font-size: 15px;
}

.bra_t_video {
    border-radius: 10px;
    overflow: hidden;
    position: relative;
    margin-bottom: 0.4rem;
}

.bra_t_video_on {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    width: 0.76rem;
    height: 0.76rem;
}

.bra_t_b {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 50px;
}

.bra_t_b_box {
    width: 97%;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    overflow: hidden;
    display: flex;
    padding: 50px;
    align-items: center;
    height: 100px;
    background-image: linear-gradient(0deg, #fff, #f3f5f8);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px 0 rgba(55, 99, 170, .1), -8px -8px 20px 0 #fff;
    border-radius: 15px;
}

.bra_t_b_img_box {
    margin-bottom: 5px;
}

.bra_t_b_img_box img {
    width: 50px;
    height: 50px;
}

.bra_t_b_img_box .img2 {
    display: none;
}

.bra_t_b_img {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    flex-shrink: 0;
}

.bra_t_b_img>span {
    color: #0095ad;
}

.bra_t_b_p {
    position: relative;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.bra_t_b_p p {}

.bra_t_b_p>span {
    position: absolute;
    font-family: 'mont';
    bottom: 0;
    font-size: 24px;
    line-height: 80px;
    color: rgba(0, 0, 0, 0.08);
    text-transform: uppercase;
    left: -70px;
    letter-spacing: 10px;
}

.bra_t_b_box:hover {
    background: #0095ad;
    /* background-color: #fff; */
    box-shadow: 0 0 25px 0 rgba(72, 98, 166, .15);
}

.bra_t_b_box:hover .bra_t_b_img>span,
.bra_t_b_box:hover .bra_t_b_p p {
    color: #fff;
}

.bra_t_b_box:hover .bra_t_b_img_box .img1 {
    display: none;
}

.bra_t_b_box:hover .bra_t_b_img_box .img2 {
    display: block;
}

.bra_t_b_box:hover .bra_t_b_p>span {
    color: rgba(255, 255, 255, 0.08);
}

.g-fz {
    display: flex;
    justify-content: space-between;
    height: 4rem;
}

.g-fz-l {
    width: 50%;
    display: flex;
    flex-direction: column;
    padding: 0.26rem 0 0.26rem 0.58rem;
    align-items: flex-start;
    overflow-y: auto;
    height: 100%;
}

.g-fz-l::-webkit-scrollbar {
    width: 3px;
}

.g-fz-l::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 2px;
}

.g-fz-l::-webkit-scrollbar-thumb {
    background: #0095ad;
    border-radius: 25px;
}

.g-fz-l::-webkit-scrollbar-corner {
    background: #0095ad;
}

.g-fz-r {
    width: 50%;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.g-fz-l p {
    color: #999;
    padding: 0 20px;
    border-radius: 5px;
    transition: all 0.6s;
    line-height: 46px;
}

.g-fz-l p:hover {
    color: #fff;
    background: #0095ad;
    font-size: 22px;
}

.g-fz-l p:hover a {
    color: #fff;
}

@media screen and (max-width: 1580px) {
    .g-fz-l p:hover {
        font-size: 16px;
    }
}

.g-about-fz-b {
    width: 100%;
    margin-bottom: 0.5rem;
    height: 100px;
    position: relative;
    z-index: 1;
}

.g-about-fz-b::after {
    content: '';
    position: absolute;
    height: 1px;
    background: #E3E3E3;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: -1;
}

.g-about-fz-b-box {
    padding: 0 0.4rem;
    height: 100%;
}

.g-about-fz-b-box .swiper-container {
    height: 100%;
}

.g-fzb {
    position: relative;
    cursor: pointer;
    height: 100%;
}

.g-fzb i {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.g-fzb .i1 {
    width: 10px;
    height: 10px;
    background: #E4E4E4;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.g-fzb .i2 {
    width: 40px;
    height: 40px;
    border: 2px solid #ee7700;
    border-radius: 50%;
    opacity: 0;
}

.g-fzb p {
    color: #ccc;
    text-align: center;
    position: absolute;
    left: 53%;
    transform: translateX(-50%);
    top: calc(50% + 20px);
    font-weight: bold;
}

.g-about-fz-b .x-s-bot {
    display: flex;
}

.g-about-fz-b .x-s-bot .swiper-button-prev1 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    background: #fff;
    transition: 0.5s all;
    margin-right: 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    border: 2px solid #0095ad;
}

@media (max-width: 1580px) {
    .g-about-fz-b .x-s-bot .swiper-button-prev1 {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 767px) {
    .g-about-fz-b .x-s-bot .swiper-button-prev1 {
        width: 40px;
        height: 40px;
    }
}

.g-about-fz-b .x-s-bot .swiper-button-prev1:hover {
    background: #0095ad;
}

.g-about-fz-b .x-s-bot .swiper-button-prev1:hover::before {

    background: url(../images/l2.png) no-repeat center;
    background-size: 100% 100%;
}

.g-about-fz-b .x-s-bot .swiper-button-prev1::before {
    content: "";
    width: 10px;
    height: 16px;
    background: url(../images/l.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s all;
}

@media (max-width: 1580px) {
    .g-about-fz-b .x-s-bot .swiper-button-prev1::before {
        width: 10px;
        height: 14px;
    }
}

.g-about-fz-b .x-s-bot .swiper-button-next1 {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: absolute;
    cursor: pointer;
    background: #fff;
    transition: 0.5s all;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    border: 2px solid #0095ad;
}

@media (max-width: 1580px) {
    .g-about-fz-b .x-s-bot .swiper-button-next1 {
        width: 50px;
        height: 50px;
    }
}

@media (max-width: 767px) {
    .g-about-fz-b .x-s-bot .swiper-button-next1 {
        width: 40px;
        height: 40px;
    }
}

.g-about-fz-b .x-s-bot .swiper-button-next1:hover {
    background-color: #0095ad;
}

.g-about-fz-b .x-s-bot .swiper-button-next1:hover::before {
    background: url(../images/r3.png) no-repeat center;
    background-size: 100% 100%;
}

.g-about-fz-b .x-s-bot .swiper-button-next1::before {
    content: "";
    width: 10px;
    height: 16px;
    background: url(../images/r2.png) no-repeat center;
    background-size: 100% 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: 0.5s all;
}

@media (max-width: 1580px) {
    .g-about-fz-b .x-s-bot .swiper-button-next1::before {
        width: 10px;
        height: 14px;
    }
}

.g-about-fz-b .x-s-bot {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 100;
}

.g-about-fz-b .swiper-slide {
    width: calc((100% - 3rem)/11) !important;
}

.g-about-fz-b .swiper-slide-thumb-active {
    width: 3rem !important;
    z-index: 10;
}

.g-about-fz-b .swiper-slide-thumb-active .g-fzb p {
    color: #0095ad;
    top: 50%;
    transform: translate(0, -50%);
    font-size: 50px;
    padding: 0;
}

.g-about-fz-b .swiper-slide-thumb-active .g-fzb .i2 {
    opacity: 1;
}

.g-about-fz-b .swiper-slide-thumb-active .g-fzb .i1 {
    background: #0095ad;
}

.g-about-fz-box {
    background: #fff;
    padding: 0.82rem 0 0.9rem;
}

.sub2_h2 {
    text-align: center;
    margin-bottom: 40px;
}

.sub2_h2 h2 {
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 32px;
}

.sub2_h2 h2 span {
    color: #0095ad;
}

.sub2_h2 p {
    color: #4b5b76;
}

.bra_jr {
    background: #f8f8f8;
    padding-top: 20px;
}

.bra_jr_nr {
    background: #fff;
    border-radius: 15px;
    position: relative;
}

.bra_jr_nr::after {
    content: '';
    position: absolute;
    width: 3.2rem;
    height: 2rem;
    background: url(../images/ln_bj.png) no-repeat;
    background-size: contain;
    left: 0.9rem;
    bottom: 0;
    opacity: 0.5;
}

.bra_jr_hz {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 450px;
    background: #fff;
}

.bra_wh_l {
    width: 50%;
    padding: 0 20px 0 60px;
}

.bra_wh_l h3 {
    margin-bottom: 35px;
    font-weight: 400;
}

.bra_wh_l h4 {
    margin-bottom: 10px;
    font-weight: 400;
    color: #646060;
    font-size: 16px;
}

.bra_wh_l h4 span {
    color: #0095ad;
}

.bra_wh_l p span {
    color: #0095ad;
}

.bra_wh_r {
    width: 50%;
    padding-right: 50px;
    height: 350px;
}

.bra_wh_l_box {
    margin-bottom: 30px;
}

.bra_wh_l_box:last-child {
    margin: 0;
}

.bra_wh_l_box p {
    margin-bottom: 10px;
    color: #646060;
    font-size: 16px;
}

.bra_wh_ts {
    font-size: 17px;
    font-weight: 600;
}

.bra_wh_r_img {
    width: 100%;
    height: 100%;
}

.bra_wh_r_img img {
    border-radius: 12px;
}

.wh_swi {
    height: 100%;
    border-radius: 12px;
}

.wh_prev {
    right: 0;
    background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
    background: -o-linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
    background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.25));
}

.wh_next {
    left: 0;
    background: -webkit-linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0));
}

.wh_button {
    width: 1rem;
    height: 100%;
    position: absolute;
    top: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.6s;
}

.wh_button img {
    width: 10px;
    height: auto;
    transition: all 0.6s;
    position: relative;
    right: 0;
}

.wh_prev:hover img {
    right: -5px;
}

.wh_next:hover img {
    right: 5px;
}

.bra_bx {
    display: flex;
    justify-content: space-between;
    height: 100%;
    width: 100%;
}

.bra_bx_box {
    width: 33.33%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.bra_wh_r {
    display: flex;
}

.bra_bx_box img {
    width: 1.8rem;
    height: auto;
    margin-bottom: 10px;
}

.bra_bx_box p {
    font-weight: bold;
}

.bra_bx_box span {
    font-weight: bold;
    display: block;
    color: #0095ad;
}

.bra_cx {
    display: flex;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    padding-left: 50px;
}

.bra_cx_box {
    position: relative;
    display: flex;
    align-items: center;
}

.bra_cx_box img {
    position: absolute;
    left: -1.6rem;
    bottom: 0;
    width: 2.6rem;
    height: 3.6rem;
}

.bra_cx_txt {
    width: 0;
    height: 1.8rem;
    background: #f8f8f8;
    border-radius: 10px;
    transition: all 0.6s;
    padding: 15px 0;
    overflow-y: auto;
    overflow-x: clip;
}

.bra_cx_txt_p {
    width: 315px;
    height: 100%;
    padding: 0 0.3rem 0 0.38rem;
    display: flex;
    flex-direction: column;
}

.bra_cx_txt p {
    font-size: 14px;
    line-height: 2;
    color: #4b5b76;
}

.bra_cx_txt p span {
    color: #333;
}

.bra_cx_txt p span i {
    color: #0095ad;
}

.bra_cx_box.on .bra_cx_txt {
    width: 320px;
}

.bra_jq .bra_cx_txt {
    height: 2rem;
}

.bra_jq .bra_cx_box img {
    left: -1.8rem;
    width: 2.8rem;
    height: 3.9rem;
    bottom: -0.3rem;
}

.bra_jq .bra_cx_box.on .bra_cx_txt,
.bra_jq .bra_cx_txt_p {
    width: 420px;
}

.bra_jr_nav {
    position: relative;
    display: flex;
}

.bra_jr_nav::after {
    content: '';
    position: absolute;
    background: #e4e8ef;
    width: 100%;
    height: 1px;
    top: 66px;
}

.bra_jr_nav_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 25%;
    cursor: pointer;
}

.bra_jr_nav_box span {
    font-size: 60px;
    height: 66px;
    line-height: 66px;
    font-family: arial;
    font-weight: bold;
    padding-top: 10px;
    opacity: 0;
    position: relative;
    top: 66px;
    background: -webkit-linear-gradient(rgba(163, 163, 163, 0.25), rgba(0, 0, 0, 0));
    background: -o-linear-gradient(rgba(163, 163, 163, 0.25), rgba(0, 0, 0, 0));
    background: -moz-linear-gradient(rgba(163, 163, 163, 0.25), rgba(0, 0, 0, 0));
    background: linear-gradient(rgba(163, 163, 163, 0.25), rgba(0, 0, 0, 0));
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
}

.bra_jr_nav_i {
    background: #f8f8f8;
    margin-top: -4px;
    position: relative;
    z-index: 10;
    margin-bottom: 5px;
}

.bra_jr_nav_i i {
    width: 10px;
    height: 10px;
    display: block;
    background: #d1d7e2;
    flex-shrink: 0;
    border-radius: 50%;
    margin: 0 7px;
}

.bra_jr_nav_box p {
    margin-bottom: 0.35rem;
}

.bra_jr_nav_box img {
    width: 200px;
    opacity: 0;
    position: relative;
    top: -66px;
}

.bra_jr_nav_box.on span {
    opacity: 1;
    top: 0;
}

.bra_jr_nav_box.on img {
    opacity: 1;
    top: 0;
}

.bra_jr_nav_box.on i {
    background: #0095ad;
}

.bra_jr_nav_box.on p {
    color: #0095ad;
}

.bra_t_video_img {
    height: 5.9rem;
}

@media screen and (max-width: 1200px) {
    .bra_t_r {
        height: 150px;
    }

    .bra_t_con,
    .bra_t_video {
        margin-bottom: 30px;
    }

    .bra_t_b_box {
        height: 160px;
    }

    .g-fz {
        height: 250px;
    }

    .g-fz-l p {
        line-height: 38px;
        margin-bottom: 5px;
    }

    .bra_jr_hz {
        height: 280px;
    }

    .bra_wh_r {
        height: 200px;
    }

    .bra_jr_nav_box span {
        font-size: 48px;
    }

    .bra_jr_nav_box img {
        width: 130px;
    }

    .bra_cx_txt p {
        font-size: 12px;
    }

    .bra_cx_box img {
        width: 150px;
        height: 210px;
        left: -95px;
    }

    .bra_cx_box.on .bra_cx_txt,
    .bra_cx_txt_p {
        width: 220px;
        height: 100px;
    }

    .bra_jq .bra_cx_box img {
        width: 130px;
        height: 250px;
        left: -95px;
    }

    .bra_jq .bra_cx_box.on .bra_cx_txt,
    .bra_jq .bra_cx_txt_p {
        width: 280px;
        height: 120px;
    }
}

@media screen and (max-width: 991px) {
    .bra_t_con {
        flex-direction: column;
    }

    .bra_t_l {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .bra_t_l img {
        width: 100%;
        margin: 10px auto;
        padding: 30px;
    }

    .bra_t {
        padding: 40px 0;
    }

    .bra_t_l_h2 {
        margin-bottom: 0px;
    }

    .bra_t_l_h2 h2 {
        font-size: 24px;
    }

    .bra_t_l>span {
        font-size: 40px;
        margin-bottom: 10px;
    }

    .bra_t_r {
        height: auto;
    }

    .bra_t_video_img {
        height: 250px;
    }

    .bra_t_video_on {
        width: 30px;
        height: 30px;
    }

    .bra_t_b {
        flex-direction: column;
        margin-top: 30px;
    }

    .bra_t_b_box {
        width: 100%;
        height: auto;
        padding: 30px 15px;
        margin-bottom: 20px;
    }

    .bra_t_b_img_box img {
        width: 35px;
        height: 35px;
    }

    .bra_t_b_img {
        width: 70px;
        margin-right: 20px;
    }

    .bra_t_b_p>span {
        font-size: 36px;
        bottom: -34px;
    }

    .g-about-fz-box {
        padding: 40px 0;
    }

    .g-about-fz-b {
        height: 80px;
        margin-bottom: 20px;
    }

    .g-about-fz-b .x-s-bot {
        display: none;
    }

    .g-about-fz-b .swiper-slide-thumb-active .g-fzb p {
        font-size: 24px;
        left: 55%;
    }

    .g-fzb p {
        font-size: 12px;
        top: calc(50% + 10px);
    }

    .g-fzb .i1 {
        width: 8px;
        height: 8px;
    }

    .g-fz {
        height: auto;
        flex-direction: column;
    }

    .g-fz-r {
        width: 100%;
        height: 190px;
    }

    .g-fz-l {
        width: 100%;
        padding: 15px 0;
    }

    .g-fz-l p {
        font-size: 14px;
        line-height: 1.4;
        padding: 6px 20px;
    }

    .bra_jr {
        padding-top: 40px;
    }

    .sub2_h2 {
        margin-bottom: 20px;
    }

    .bra_jr_con {
        margin-top: 40px;
    }

    .bra_jr_hz {
        flex-direction: column;
        height: auto;
        padding: 20px 0;
    }

    .bra_wh_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .bra_wh_l h3 {
        margin-bottom: 15px;
    }

    .bra_wh_l_box {
        margin-bottom: 20px;
    }

    .bra_wh_r {
        padding: 0;
        width: 100%;
        height: 250px;
    }

    .wh_swi {
        border-radius: 0;
    }

    .wh_button {
        width: 50px;
    }

    .wh_button img {
        width: 8px;
    }

    .wh_prev:hover img {
        right: 0;
    }

    .wh_next:hover img {
        right: 0;
    }

    .bra_bx_box img {
        width: 60%;
    }

    .bra_cx_box.on .bra_cx_txt,
    .bra_cx_txt_p {
        width: 100%;
        height: auto;
    }

    .bra_cx {
        padding-left: 0;
        flex-direction: column;
    }

    .bra_cx_txt {
        width: 180px;
        height: auto;
    }

    .bra_cx_box img {
        position: initial;
        width: 110px;
        height: 152px;
    }

    .bra_cx_box {
        padding-right: 20px;
        margin-bottom: 20px;
    }

    .bra_cx_txt {
        width: 100%;
    }

    .bra_jq .bra_cx_box.on .bra_cx_txt,
    .bra_jq .bra_cx_txt_p {
        width: 100%;
        height: auto;
    }

    .bra_jr_nav_box img {
        width: 80%;
    }

    .bra_jr_nav_box span {
        font-size: 40px;
        padding: 0;
    }

}

@media screen and (max-width: 767px) {
    .bra_t_video_img {
        height: 150px;
    }

    .bra_bx_box img {
        width: 80%;
    }

    .bra_wh_r {
        height: auto;
    }

    .g-about-fz-b .swiper-slide {
        width: calc((100% - 3.76rem)/4) !important;
    }

    .g-about-fz-b .swiper-slide-thumb-active .g-fzb p {
        transform: translate(-50%, 0);
    }
}

.cru_box {
    width: 100%;
    background: #f8f8f8;
    padding-top: 0.22rem;
}

.subbox {
    background: #f8f8f8;
}

.sub_h2 {
    text-align: center;
    margin-bottom: 40px;
}

.sub_h2 span {
    display: block;
    color: #0095ad;
    margin-bottom: 2px;
}

.sub_h2 h2 {
    color: #000;
    font-size: 28px;
    font-weight: 400;
}

.news_t {
    margin-bottom: 0.5rem;
    display: flex;
    justify-content: space-between;
}

.news_t_l {
    display: flex;
    flex-wrap: wrap;
}

.news_t_l a {
    width: 1.4rem;
    height: 0.46rem;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 4px;
    transition: all 0.6s;
}

.news_t_l a:hover,
.news_t_l .on {
    color: #fff;
    background: #0095ad;
}

.news_t_form {
    width: 220px;
    height: 0.46rem;
    background: #fff;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_t_form input {
    width: 100%;
    height: 100%;
    padding-left: 20px;
    border: none;
    font-size: 14px;
}

.news_t_form button {
    width: 16px;
    height: 16px;
    margin-right: 20px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.news_con_bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_con_a {
    position: relative;
    height: 20px;
    width: 80px;
    float: right;
}

.news_con_a_icon {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    align-items: center;
}

.news_con_a>p {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    color: #929697;
    white-space: nowrap;
    line-height: 20px;
}

.news_con_a>p::after {
    content: '';
    position: absolute;
    bottom: -3px;
    width: 0;
    height: 1px;
    background: #f8f8f8;
    left: 0;
}

.news_con_a_icon .img2 {
    display: none;
}

.news_con_a_icon img {
    width: 7px;
    height: auto;
}

.news_con {
    display: flex;
    flex-wrap: wrap;
}

.news_nr {
    width: 100%;
    margin: 0 20px 20px 0;
    overflow: hidden;
}


.news_con_img {
    width: 100%;
    height: 3rem;
    overflow: hidden;
}

.news_con_txt {
    background: #fff;
    padding: 40px 40px 30px 40px;
    float: left;
    width: 79%;
}

.news_con_bottom span {
    color: #0095ad;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-weight: 500;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    margin-right: 0;
}

.news_nr:hover .news_con_bottom span {
    color: #fff;
}

.news_con_bottom span img {
    width: 18px;
    height: 18px;
    margin-right: 5px;
}

.news_nr:hover .news_con_bottom span .img1 {
    display: none;
}

.news_nr:hover .news_con_bottom span .img2 {
    display: inline-block;
}

.news_nr .news_con_bottom span .img2 {
    display: none;
}

.news_con_txt>span {
    color: #0095ad;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    font-weight: bold;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}

.news_con_txt>span img {
    width: 14px;
    height: 14px;
    margin-right: 10px;
}

.news_con_txt>p {
    /*! height: 3em; */
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin-bottom: 0.25rem;
}

.video_list .news_con_txt>span {
    font-weight: 400;
}

.video_list .news_con_txt>p {
    font-weight: bold;
}

.news_box .news_con_txt>span {
    font-weight: 400;
}

.news_box .news_con_txt>p {
    font-size: 19px;
    line-height: 30px;
    font-weight: 500;
    color: #282f3c;
    /* white-space: nowrap; */
}

.news_box .news_con_txt .zhengwen {
    font-weight: 400;
    font-size: 14px;
    color: #4b5b76;
    line-height: 24px;
    margin: 10px auto;
}

@media screen and (max-width: 1900px) {
    .news_con_txt>p {
        height: auto;
    }
}

@media screen and (max-width: 1580px) {
    .news_con_txt>p {
        /*! height: 42px; */
    }
}

.news_nr:hover {
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(21, 107, 155, 0.1);
}

.news_nr:hover .news_con_txt {
    background: #0095ad;
}

.news_nr:hover .news_con_txt>span {
    color: #fff;
}

.news_nr:hover .news_con_txt>p {
    color: #fff;
}

.news_nr:hover .news_con_a_icon {
    left: 70px;
}

.news_nr:hover .news_con_a>p {
    right: 25px;
    color: #f8f8f8;
}

.news_nr:hover .news_con_a>p::after {
    width: 100%;
}

.news_con {
    margin-bottom: 0.3rem;
}

.news {
    padding-bottom: 0.9rem;
}

.page_jt {
    display: none;
}

.page {
    padding: 20px 0;
    border-bottom: 1px solid #e9ecf4;
    border-top: 1px solid #e9ecf4
}

.page_jt_l,
.page .prev i {
    background: url(../images/l3.png) no-repeat;
    width: 6px;
    height: 12px;
    background-size: cover;
    display: inline-block;
}

.page_jt_r,
.page .next i {
    background: url(../images/r5.png) no-repeat;
    width: 6px;
    height: 12px;
    background-size: cover;
    display: inline-block;
}

.page {
    display: flex;
    align-items: center;
    justify-content: center;
}

.page .next,
.page .prev {
    margin: 0 0.2rem;
}

.page a,
.page .active {
    width: 30px;
    height: 30px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 5px;
}

.page .active {
    background: #e5f0ed;
    color: #0095ad;
}

@media screen and (max-width: 1200px) {
    .news_t_l a {
        width: 100px;
        height: 32px;
    }

    .news_t_form {
        height: 32px;
    }

    .news_con_txt>span {
        font-size: 12px;
    }
}

@media screen and (max-width: 991px) {
    .sub_h2 h2 {
        font-size: 32px;
    }
}

@media screen and (max-width: 767px) {
    .sub_h2 h2 {
        font-size: 24px;
    }

    .sub_h2 span {
        font-size: 14px;
    }

    .subbox {
        padding: 5px 0 30px;
    }

    .sub_h2 {
        margin-bottom: 20px;
    }

    .news_t {
        flex-direction: column;
        margin-bottom: 20px;
    }

    .news_t_l {
        margin-bottom: 10px;
    }

    .news_t_l a {
        width: 80px;
    }

    .news_con {
        margin-bottom: 20px;
    }

    .news_con {
        justify-content: space-between;
    }

    .news_nr {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .news_nr:hover {
        border-radius: 5px;
    }

    .news_con_img {
        height: 100px;
        display: none;
    }

    .news_con_txt {
        padding: 15px 10px;
        width: 100%;
    }

    .news_con_txt>p {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .news_con_a>p {
        font-size: 12px;
    }

    .news_con_a_icon img {
        width: 5px;
    }

    .news_nr:hover .news_con_a_icon {
        left: 60px;
    }

    .news_nr:hover .news_con_a>p {
        right: 10px;
    }

    .news_con_a {
        width: 60px;
    }

    .page {
        padding: 10px 0;
    }
}

.cru_box2 {
    padding: 0.22rem 0;
}

.show {
    /* display: flex; */
    justify-content: space-between;
    align-items: flex-start;
}

.show_l {
    width: 68.5%;
}

@media screen and (min-width:1200px) {
    .show_l h1 {
        margin-top: 15px;
        font-weight: 400;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        font-size: 28px;
    }
}

@media (max-width: 768px) {
    .show_l h1 {
        margin: 15px 0 2px 0;
        font-weight: 400;
        overflow: hidden;
        /*! white-space: nowrap; */
        /*! text-overflow: ellipsis; */
        font-size: 22px;
    }
}

.show_h1 {
    padding: 40px 0 20px 0;
}

.show_h1 h1 {
    margin-bottom: 10px;
    font-weight: 400;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.show_time {
    display: flex;
}

.show_time p {
    color: #999;
    margin-right: 0.2rem;
    padding-top: 10px;
}

.show_l_box img {
    width: auto;
    height: auto;
    margin: auto;
    max-width: 100%;
    display: block;
}

.show_cur {
    padding: 20px 0 50px;
    border-top: 1px solid #e8ebf1;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.show_cur_box {
    width: 70%;
}

.show_cur_box a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 5px 0;
}

.show_l_box h3 img {
    display: inline;
    margin-left: 15px;
}

.show_r {
    background: #fff;
    padding: 0.3rem 0.3rem 0.1rem;
    width: 28.5%;
}

.show_r h3 {
    font-weight: 400;
    margin-bottom: 20px;
}

.news_show_hot_box {
    padding-bottom: 0.2rem;
    margin-bottom: 0.15rem;
    border-bottom: 1px solid #e8ebf1;
    display: block;
}

.news_show_hot_box:last-child {
    border: none;
    margin-bottom: 0;
}

.news_show_hot_box span {
    color: #0095ad;
    margin-bottom: 4px;
    display: block;
}

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

@media screen and (max-width: 991px) {
    .show {
        flex-direction: column;
    }

    .show_l {
        width: 100%;
    }

    .show_r {
        width: 100%;
        padding: 15px;
        margin-bottom: 30px;
    }

    .news_show_hot_box {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }

    .show_r h3 {
        font-size: 16px;
    }
}

@media screen and (max-width: 767px) {
    .show_h1 {
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .article .show_h1 {
        padding: 20px 0;
        margin-bottom: 0px;
    }

    .show_time p {
        font-size: 12px;
        margin-right: 20px;
    }

    .show_h1 h1 {
        margin-bottom: 5px;
        font-size: 18px;
    }

    .show_cur {
        padding: 20px 0;
        margin-bottom: 20px;
    }

    .show_cur_box {
        width: 60%;
    }

    .show_r h3 {
        margin-bottom: 10px;
    }
}

.job {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.job_box {
    width: calc((100% - 0.5rem)/3);
    margin: 0 0.25rem 0.25rem 0;
    overflow: hidden;
    background: #fff;
    height: 1.3rem;
    padding: 0 0.4rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.job_box:nth-child(3n) {
    margin-right: 0;
}

.job_box h3 {
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.job_txt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.job_txt p,
.job_txt>span {
    color: #999;
    font-size: 14px;
}

.job_box:hover {
    background: #0095ad;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(21, 107, 155, 0.1);
}

.job_box:hover * {
    color: #fff;
}

@media screen and (max-width: 1200px) {
    .job_box {
        height: 90px;
    }
}

@media screen and (max-width: 767px) {
    .job {
        justify-content: space-between;
    }

    .job_box {
        width: 100%;
        margin: 0 0 15px 0;
        padding: 0 20px;
    }

    .job_box:hover {
        border-radius: 5px;
    }

    .job_txt p,
    .job_txt>span {
        font-size: 12px;
    }
}

.hi-input-box {
    position: relative;
    display: inline-flex;
    line-height: 0.46rem;
    background: #0095ad;
    border-radius: 3px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 0.38rem;
    margin-bottom: 0.9rem;
    transition: 0.6s all;
}

.hi-input-box input {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    margin-bottom: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: 0;
    cursor: pointer;
}

.hi-text {
    color: #fff;
}

.hi-input-box:hover {
    opacity: 0.8;
}

.job_show_r {
    padding-bottom: 0.2rem;
    margin-bottom: 0.15rem;
    border-bottom: 1px solid #e8ebf1;
    display: block;
}

.job_show_r:last-child {
    border: none;
    margin-bottom: 0;
}

.job_show_r h4 {
    margin-bottom: 4px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.job_show_r_txt {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.job_show_r_txt p,
.job_show_r_txt>span {
    color: #ccc;
    font-size: 14px;
}

@media screen and (max-width: 1200px) {
    .hi-input-box {
        line-height: 32px;
        padding: 0 20px;
    }

    .job_show_r_txt p,
    .job_show_r_txt>span {
        font-size: 12px;
    }
}

@media screen and (max-width: 991px) {
    .job_show_r {
        padding-bottom: 15px;
        margin-bottom: 15px;
    }
}

@media screen and (max-width: 767px) {
    .hi-input-box {
        margin-bottom: 40px;
    }
}

.job2_t {
    padding: 0.9rem 0;
}

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

.job2_l {
    width: 31.4%;
    padding-top: 0.7rem;
}

.job2_r {
    width: 68.6%;
}

.job2_t_l {
    position: relative;
}

.job2_t_l p {
    padding: 0;
    display: inline-block;
    border-radius: 5px;
    z-index: 10;
    color: #333;
    position: relative;
    font-weight: bold;
}

.job2_t_l i {
    border-radius: 4px;
    background: #333;
    display: block;
    position: absolute;
    left: 2px;
    top: 2px;
    transition: all 0.6s;
    width: 0.8rem;
    height: 0.6rem;
    opacity: 0;
}

.job2_t_l:hover i {
    top: -0.2rem;
    left: -0.2rem;
    opacity: 1;
}

.job2_t_l:hover p {
    padding: 0.2rem 0.3rem;
    background: #0095ad;
    color: #fff;
}

.job2_t_r {
    width: 100%;
    height: 2.8rem;
}

.job_prev img,
.job_next img {
    width: 18px;
}

.job_swi {
    height: 100%;
}

.job2_ban {
    background: #fff;
    padding: 0.9rem 0 0.7rem;
}

.job2_ban_l p {
    font-weight: bold;
}

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

.job2_ban_r_box {
    width: calc(50% - 0.4rem);
    margin-bottom: 0.25rem;
}

.job2_ban_r_box .job_swi {
    height: 2.4rem;
}

.job2_ban_r_p {
    margin: 0.15rem 0;
    position: relative;
}

.job2_ban_r_p::after {
    content: '';
    position: absolute;
    background: #d1d7e2;
    width: 100%;
    height: 2px;
    left: 0;
    top: 50%;
    margin-top: -1px;
}

.job2_ban_r_p p {
    position: relative;
    z-index: 10;
    padding: 0 15px;
    background: #fff;
    display: inline-block;
    margin-left: 0.3rem;
}

.job2_ban_r_box .wh_button {
    opacity: 0;
}

.job2_ban_r_box:hover .wh_button {
    opacity: 1;
}

.job2_ban_r_box:hover .job2_ban_r_p::after {
    background: #0095ad;
}

.job2_ban_r_box:hover .job2_ban_r_p p {
    color: #0095ad;
}

.job2_ban2 {
    padding: 0.9rem 0 0.7rem;
}

.job2_ban2 .job2_ban_r_p p {
    background: #f8f8f8;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 991px) {
    .job2_t_r {
        height: 180px;
    }

    .job2_ban_r_box .job_swi {
        height: 140px;
    }

    .job_prev img,
    .job_next img {
        width: 12px;
    }
}

@media screen and (max-width: 767px) {
    .job2_t {
        padding: 10px 1rem 30px;
    }

    .job2_box {
        flex-direction: column;
    }

    .job2_l {
        width: 100%;
        margin-bottom: 20px;
        padding: 0;
    }

    .job2_l p {
        display: block;
        text-align: center;
        background: none;
        color: #333;
        padding: 0;
    }

    .job2_l p br {
        display: none;
    }

    .job2_t_l i {
        display: none;
    }

    .job2_ban {
        padding: 30px 0;
    }

    .job2_r {
        width: 100%;
    }

    .job2_ban_r_box {
        width: 100%;
        margin-bottom: 20px;
    }

    .job2_ban_r_p {
        margin: 10px 0;
    }

    .job2_ban_r_p p {
        margin-left: 20px;
    }
}

.cont {
    padding: 80px 0 90px;
    border-top: 1px solid #e8ebf1;
}

.cont_h2 {
    margin-bottom: 50px;
}

.cont_h2_box {
    position: relative;
    margin-bottom: 10px;
}

.cont_h2_box h2 {
    position: relative;
    z-index: 5;
}

.cont_h2_box span {
    position: absolute;
    left: 0;
    bottom: -8px;
    font-size: 75px;
    color: #e8ebf1;
    font-family: arial;
    line-height: 1;
    z-index: 1;
}

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

.cont_con {
    width: calc((100% - 30px)/3);
    background: #fff;
    border-radius: 10px;
    padding: 30px 0px 0px 40px;
    height: 150px;
    background-image: linear-gradient(180deg, #f3f5f8, #fff);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
    border-radius: 15px;
}

.cont_con h3 {
    margin-bottom: 20px;
}

.cont_nr {
    display: flex;
    align-items: flex-start;
}

.cont_nr>img {
    width: 30px;
    height: auto;
    margin: 0px 5px 0 0;
}

.cont_nr_r span {
    font-size: 14px;
    color: #999;
}

.cont_ewm {
    display: flex;
    width: 100%;
    height: auto;
}

.cont_ewm_box {
    width: 46px;
    height: 46px;
    border-radius: 4px;
    background: #fff;
    border: 1px solid #f1f3f6;
    display: flex;
    margin-right: 20px;
    position: relative;
}

.cont_ewm_con {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.cont_ewm_con img {
    width: 26px;
    height: 26px;
}

.cont_ewm_con p {
    color: #fff;
    width: 0;
    overflow: hidden;
    padding-left: 0;
    white-space: nowrap;
}

.cont_ewm_xl {
    position: absolute;
    top: 105%;
    left: 0;
    width: 100%;
    height: 0;
    background: #fff;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    z-index: 9999;
}

.cont_ewm_xl_img {
    margin: 18px;
}

.cont_ewm_box.on {
    width: 150px;
    background: #0095ad;
    border-color: #0095ad;
}

.cont_ewm_box.on .cont_ewm_con p {
    padding-left: 10px;
    width: auto;
}

.cont_ewm_box.on .cont_ewm_xl {
    height: 150px;
}

.cont_add {
    /* background: #fff;
    padding: 0.8rem 0 0.8rem;
    background-image: linear-gradient(180deg, #f3f5f8, #fff);
    border: 2px solid #fff; */
    /*! box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff; */
    /*! border-radius: 15px; */
}

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

.cont_add_con {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(50% - 0.2rem);
    background: #f8f8f8;
    border-radius: 5px;
    padding: 0 0.4rem 0 0.6rem;
    height: 2rem;
    margin-bottom: 0.4rem;
}

.cont_add_l h3 {
    margin-bottom: 10px;
}

.cont_add_r {
    width: 0.6rem;
    height: 0.6rem;
    flex-shrink: 0;
    margin-left: 15px;
}

.cont_add_r .img2 {
    display: none;
}

.cont_add_r img {
    opacity: 1;
}

.cont_add_con:hover {
    background: #0095ad;
    box-shadow: 0 0 30px rgba(21, 107, 155, 0.1);
}

.cont_add_con:hover h3 {
    color: #fff;
}

.cont_add_con:hover p {
    color: #fff;
}

.cont_add_con:hover .img1 {
    display: none;
}

.cont_add_con:hover .img2 {
    display: block;
    opacity: 0.4;
}

@media screen and (max-width: 1200px) {
    .cont_h2_box span {
        font-size: 56px;
    }

    .cont_con {
        height: 120px;
    }

    .cont_nr>img {
        width: 16px;
        margin: 4px 6px 0 0
    }

    .cont_ewm_con img {
        width: 20px;
        height: 20px;
    }

    .cont_ewm_box.on {
        width: 120px;
    }

    .cont_ewm_box.on .cont_ewm_xl {
        height: 120px;
    }

    .cont_add_r {
        width: 50px;
        height: 50px;
    }

    .cont_add_con {
        height: 140px;
    }

    .cont_add_con p {
        font-size: 12px;
    }
}

@media screen and (max-width: 991px) {
    .cont_box {
        flex-wrap: wrap;
    }

    .cont_h2_box h2 {
        position: relative;
        z-index: 5;
        font-size: 24px;
    }

    .cont_con {
        width: 100%;
    }

    .cont_con {
        margin-bottom: 20px;
        height: auto;
        padding: 20px;
    }

    .cont_nr_r p {
        margin-bottom: 5px;
    }
}

@media screen and (max-width: 767px) {
    .cont {
        padding: 40px 1rem 20px;
    }

    .cont_h2 {
        margin-bottom: 30px;
    }

    .cont_nr>img {}

    .cont_nr_r p {
        font-size: 12px;
    }

    .cont_nr_r span {
        font-size: 12px;
    }

    .cont_ewm_box {
        width: 40px;
        height: 40px;
        margin-right: 10px;
    }

    .cont_con h3 {
        margin-bottom: 10px;
        /* font-size: 20px; */
    }

    .cont_add {
        padding: 30px 0;
    }

    .cont_add_con {
        height: auto;
        width: 100%;
        padding: 15px;
        margin-bottom: 20px;
    }
}


.tec {
    margin-bottom: 0.4rem;
}

.tec_box {
    background: #fff;
    margin-bottom: 0.25rem;
    display: block;
    padding: 0.4rem;
}

.tec_box .time {
    color: #0095ad;
    margin-bottom: 10px;
    display: block;
}

.tec_box h3 {
    color: #161b27;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.tec_box>p {
    color: #999;
    margin-bottom: 0.28rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.tec_b {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tec_b_p {
    display: flex;
    flex-wrap: wrap;
}

.tec_b_p>p {
    line-height: 22px;
    padding: 0 10px;
    color: #fff;
    background: #0095ad;
    border-radius: 4px;
    font-size: 12px;
    margin-right: 10px;
}

.tec_b_p>p:nth-child(1) {
    background: #0095ad;
}

.tec_b_p>p:nth-child(2) {
    background: #4385ff;
}

.tec_b_p>p:nth-child(3) {
    background: #5eacff;
}

.tec_b_p>p:nth-child(4) {
    background: #8ebaff;
}

.tec_b_a {
    display: flex;
    align-items: center;
}

.tec_b_a img {
    width: 6px;
    height: auto;
    margin-right: 0.15rem;
}

.tec_b_a .img2 {
    display: none;
}

.tec_b_a>span {
    color: #ccc;
    font-size: 14px;
}

.tec_b_icon {
    display: flex;
    align-items: center;
}

.tec_box:hover {
    background: #0095ad;
    box-shadow: 0 0 30px rgba(21, 107, 155, 0.2);
    border-radius: 10px;
}

.tec_box:hover * {
    color: #fff;
}

.tec_box:hover .tec_b_p>p {
    background: #fff !important;
    color: #0095ad !important;
    ;
}

.tec_box:hover .tec_b_a {
    opacity: 0.5;
}

.tec_box:hover .img1 {
    display: none;
}

.tec_box:hover .img2 {
    display: block;
}

@media screen and (max-width: 767px) {
    .tec_box {
        padding: 15px;
        margin-bottom: 20px;
    }

    .tec_box .time {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .tec_box h3 {
        margin-bottom: 5px;
    }

    .tec_box>p {
        margin-bottom: 15px;
    }

    .tec_b_a img {
        width: 5px;
        margin-right: 10px;
    }
}


.suc_nav {
    padding: 0.6rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: sticky;
    top: 70px;
    z-index: 100;
    background: #f8f8f8;
    transition: all 0.6s;
}

.suc_nav a {
    display: inline-flex;
    line-height: 0.46rem;
    padding: 0 0.35rem;
    background: #fff;
    border-radius: 4px;
    margin: 0 8px;
    transition: all 0.3s;
}

.suc_nav .on,
.suc_nav a:hover {
    background: #0095ad;
    color: #fff;
}

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

.suc_js_con {
    width: calc(50% - 0.2rem);
    margin-bottom: 0.4rem;
    border-radius: 10px;
    background: #fff;
    height: 2.2rem;
    padding: 0 0.64rem;
    display: flex;
    justify-content: center;
    flex-direction: column;
    position: relative;
}

.suc_js_bj {
    position: absolute;
    bottom: 0;
    right: 0.64rem;
    width: 1.72rem;
    height: auto;
}

.suc_js_bj .img2 {
    display: none;
}

.suc_js_box {
    margin-bottom: 0.5rem;
}

.suc_js_con h3 {
    margin-bottom: 0.2rem;
}

.suc_js_con>p {
    color: #4b5b76;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.suc_js_con:hover {
    background: #0095ad;
    box-shadow: 0 0 30px rgba(21, 107, 155, 0.2);
}

.suc_js_con:hover * {
    color: #fff;
}

.suc_js_con:hover .img1 {
    display: none;
}

.suc_js_con:hover .img2 {
    display: block;
}

.suc_xx {
    background: #fff;
    padding: 0.9rem 0 0.6rem;
}

.suc_xx_nr {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.74rem;
    background: #f8f8f8;
    border-radius: 10px;
    height: 1.8rem;
    margin-bottom: 0.3rem;
}

.suc_xx_l {
    width: 34.7%;
    display: flex;
    align-items: center;
}

.suc_xx_img {
    width: 0.75rem;
    height: auto;
    margin-right: 0.7rem;
}

.suc_xx_img .img2 {
    display: none;
}

.suc_xx_r {
    width: 65.3%;
}

.suc_xx_r p {
    color: #4b5b76;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.suc_xx_nr:hover {
    background: #0095ad;
    box-shadow: 0 0 30px rgba(21, 107, 155, 0.2);
}

.suc_xx_nr:hover * {
    color: #fff;
}

.suc_xx_nr:hover .img1 {
    display: none;
}

.suc_xx_nr:hover .img2 {
    display: block;
}

.suc_zz {
    padding: 0.85rem 0 0.9rem;
    overflow: hidden;
}

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

.suc_zz_box .swiper-slide {
    position: relative;
    width: 32% !important;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box;
    margin-right: 10px !important;
}

.suc_zz_nr {
    width: 100%;
    background: #fff;
    border-radius: 10px;
    padding: 20px 30px 0;
    height: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.suc_zz_nr img {
    width: 200px;
    height: auto;
    margin-bottom: 10px;
}

.suc_zz_nr p {
    color: #4b5b76;
    text-align: center;
    line-height: 1.7;
}

.suc_zz_nr h3 {
    margin-bottom: 0.33rem;
}

.suc_zz_img .img2 {
    display: none;
}

.suc_zz_nr:hover {
    background: #0095ad;
    box-shadow: 0 0 30px rgba(21, 107, 155, 0.2);
}

.suc_zz_nr:hover * {
    color: #fff;
}

.suc_zz_nr:hover .img1 {
    display: none;
}

.suc_zz_nr:hover .img2 {
    display: block;
}

.b_ys_l {
    width: 80%;
    display: flex;
    margin-left: 0%;
    margin-top: 20px;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    align-content: space-between;
    justify-content: center;
}

.zs .b_ys_l {
    width: 80%;
    /* display: flex; */
    flex-direction: column;
    margin-left: -5%;
    align-content: space-around;
    margin-top: 20px;
    justify-content: center;
    flex-wrap: nowrap;
}

.b_ys_box .tel span {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
    /* position: absolute; */
    padding: 10px;
    margin: 10px;
    display: flex;
    flex-direction: column;
}

.b_ys_l span {
    font-weight: 400;
    font-style: normal;
    font-size: 16px;
    line-height: 1.5;
    color: #fff;
}

.b_ys_box .tel span>strong {
    font-weight: 700;
    font-style: normal;
    font-size: 30px;
    line-height: 1.5;
    color: #fff;
}

.b_ys_box img {
    margin-top: 0px;
    width: 200px;
}

.zs .b_ys_box img {
    margin-top: -42px;
    width: 215px;
}

@media screen and (max-width: 1440px) {
    .suc_nav {
        top: 60px;
    }
}

@media screen and (max-width: 1200px) {
    .suc_nav a {
        line-height: 32px;
        padding: 0 15px;
    }

    .suc_js_con {
        height: 160px;
    }

    .suc_xx_nr {
        height: 120px;
    }

    .suc_zz_nr {
        height: 400px;
    }
}

@media screen and (max-width: 991px) {
    .suc_xx_l {
        width: 40%;
    }

    .suc_xx_r {
        width: 60%;
    }

    .suc_xx_img {
        width: 40px;
    }

    .suc_zz_nr img {
        width: 60px;
    }

    .suc_box.b_ys {
        height: 140px;
    }

    .zs .b_ys_l h2 {
        font-size: 22px;
        color: #ffffff;
        font-weight: 400;
        letter-spacing: 3px;
        margin-top: -0.4rem;
    }

    .b_ys_l h1 {
        font-size: 38px;
        color: #ffffff;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .b_ys_l h1>span {
        font-size: 38px;
        color: #b4936a;
        font-weight: 600;
        letter-spacing: 1px;
    }

    .b_ys_l h2 {
        font-size: 24px;
    }

    .xcx1 .h_b_txt_a {
        display: flex ! important;
        flex-wrap: wrap;
        align-content: space-around;
        justify-content: center;
    }

    .h_b_txt_a {
        display: flex;
        flex-wrap: wrap;
        align-content: space-around;
        justify-content: flex-start;
    }

}

@media screen and (max-width: 767px) {
    .suc_box.b_ys {
        height: auto;
    }

    .suc_nav {
        overflow-x: auto;
        width: 100%;
        justify-content: flex-start;
    }

    .suc_nav a {
        flex-shrink: 0;
        padding: 0 10px;
    }

    .suc_js_con {
        width: 100%;
        margin-bottom: 20px;
        padding: 25px 15px;
        height: auto;
    }

    .suc_js_con h3 {
        margin-bottom: 10px;
    }

    .suc_js_con>p {
        -webkit-line-clamp: initial;
    }

    .suc_xx {
        padding: 40px 0;
    }

    .suc_xx_nr {
        height: auto;
        padding: 25px 15px;
        flex-direction: column;
        margin-bottom: 20px;
    }

    .suc_xx_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .suc_xx_r {
        width: 100%;
    }

    .suc_xx_img {
        width: 50px;
        margin-right: 20px;
    }

    .suc_xx_r p {
        -webkit-line-clamp: initial;
    }

    .suc_zz {
        padding: 40px 1rem;
    }

    .suc_zz_box {
        flex-wrap: wrap;
    }

    .suc_zz_nr {
        width: 100%;
        padding: 25px 15px;
        margin-bottom: 20px;
        height: auto;
    }

    .suc_zz_nr img {
        margin-bottom: 20px;
    }

    .suc_zz_nr h3 {
        margin-bottom: 20px;
    }

    .subbox2 {
        padding-bottom: 0;
    }
}

.video {
    padding: 0.9rem 0;
}

.video_box {
    margin-bottom: 0.5rem;
}

.video_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.4rem;
}

.video_title a {
    display: flex;
    align-items: center;
}

.video_title a p {
    margin-right: 0.2rem;
    color: #0095ad;
}

.video_title a img {
    width: 7px;
    height: auto;
}

.video_title h2 {
    line-height: 1;
}

.video_h2 {
    padding-left: 0.3rem;
    border-left: 3px solid #0095ad;
}

.video_swi {
    padding-bottom: 55px;
}

.video_button {
    cursor: pointer;
    margin: 0 0.22rem;
    transition: all 0.6s;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.video_button:hover {
    background: #0095ad;
}

.video_button:hover .img1 {
    display: none;
}

.video_button:hover .img2 {
    display: block;
}

.video_button img {
    width: 12px;
    height: auto;
}

.video_button .img2 {
    display: none;
}

.video_b {
    display: flex;
    justify-content: center;
    align-items: center;
}

.video_pag {
    position: initial;
}

.video_b .swiper-pagination-bullet {
    margin: 0 8px;
}

.news_con_img {
    position: relative;
    width: 20%;
    height: 200px;
    float: right;
    overflow: hidden;
}

.news_con_img img {
    position: relative;
    width: 100%;
    height: 100%;
    float: right;
    overflow: hidden;
}

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

.video_on img {
    width: 0.6rem;
    height: 0.6rem;
}

.video_swi .news_nr:hover .video_on {
    opacity: 1;
}

@media screen and (max-width: 1200px) {
    .video_title a img {
        width: 5px;
    }

    .video_button {
        width: 30px;
        height: 30px;
    }

    .video_button img {
        width: 8px;
    }
}

@media screen and (max-width: 991px) {
    .video_button {
        display: none;
    }

    .video_on img {
        width: 30px;
        height: 30px;
    }
}

@media screen and (max-width: 767px) {
    .video {
        padding: 20px 1rem;
    }

    .video_title a p {
        margin-right: 10px;
    }

    .video_title {
        margin-bottom: 20px;
    }

    .video_b {
        margin-top: 10px;
    }

    .video_swi {
        padding-bottom: 30px;
    }
}

.video_list {
    padding: 0.9rem 0;
}

.video_list .news_nr:hover .video_on {
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .video_list {
        padding: 20px 1rem;
    }
}

.cons_nav {
    padding: 0.9rem 0 0.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    background: #f8f8f8;
    transition: all 0.6s;
}

.cons_nav a {
    display: inline-flex;
    line-height: 0.46rem;
    padding: 0 0.35rem;
    background: #fff;
    border-radius: 4px;
    margin: 0 8px;
    transition: all 0.3s;
}

.cons_nav .on,
.cons_nav a:hover {
    background: #0095ad;
    color: #fff;
}

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

.cons_tx_txt {
    width: 28.5%;
    flex-shrink: 0;
}

.cons_tx_txt {
    padding-top: 0.4rem;
}

.cons_tx_txt_box {
    height: 2rem;
}

.cons_tx_txt_box h3 {
    margin-bottom: 0.2rem;
}

.cons_tx_txt_box p {
    font-size: 14px;
    color: #4b5b76;
}

.cons_tx_m {
    width: 5.6rem;
    height: 5.6rem;
    position: relative;
}

.cons_tx_m>img {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    object-fit: contain;
}

.cons_tx_m .q1 {
    width: 5.6rem;
    height: 5.6rem;
    -webkit-animation: rotate_1 8s linear infinite;
    animation: rotate_1 8s linear infinite;
}

.cons_tx_m .q2 {
    width: 4.6rem;
    height: 4.6rem;
    -webkit-animation: rotate_1 12s linear infinite;
    animation: rotate_1 12s linear infinite;
}

.cons_tx_m .q3 {
    width: 3.6rem;
    height: 3.6rem;
    -webkit-animation: rotate_1 16s linear infinite;
    animation: rotate_1 16s linear infinite;
}

.cons_tx_m .cons_logo {
    width: 1.17rem;
    height: auto;
}

@-webkit-keyframes rotate_1 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

@keyframes rotate_1 {
    0% {
        -webkit-transform: translate(-50%, -50%) rotate(0deg);
        transform: translate(-50%, -50%) rotate(0deg);
    }

    100% {
        -webkit-transform: translate(-50%, -50%) rotate(360deg);
        transform: translate(-50%, -50%) rotate(360deg);
    }
}

.cons_box {
    padding: 20px 0 0.7rem;
}

.cons_tx_txt:last-child .cons_tx_txt_box {
    text-align: right;
}

.cons_devOps_box p {
    padding: 0 2.25rem;
    text-align: center;
    margin-bottom: 0.7rem;
    line-height: 2;
}

@media screen and (max-width: 1200px) {
    .cons_nav a {
        line-height: 32px;
        padding: 0 15px;
    }

    .cons_tx_txt_box {
        height: auto;
        margin-bottom: 30px;
    }

    .cons_tx_txt_box p br {
        display: none;
    }
}

@media screen and (max-width: 991px) {
    .cons_tx_m {
        order: -1;
    }

    .cons_tx {
        flex-direction: column;
    }

    .cons_tx_txt {
        width: 100%;
    }

    .cons_tx_m {
        width: 100%;
        height: 330px;
        margin-bottom: 30px;
        overflow: hidden;
    }

    .cons_tx_txt:last-child .cons_tx_txt_box {
        text-align: left;
    }

    .cons_tx_m .q1 {
        width: 330px;
        height: 330px;
    }

    .cons_tx_m .q2 {
        width: 260px;
        height: 260px;
    }

    .cons_tx_m .q3 {
        width: 220px;
        height: 220px;
    }

    .cons_tx_m .cons_logo {
        width: 70px;
    }

    .cons_tx_txt {
        padding-top: 0;
    }

    .cons_box {
        padding: 20px 0 50px;
    }

    .cons_tx_txt_box h3 {
        margin-bottom: 10px;
    }

    .cons_devOps_box p {
        padding: 0;
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .cons_nav {
        overflow-x: auto;
        width: 100%;
        justify-content: flex-start;
    }

    .cons_nav a {
        flex-shrink: 0;
        padding: 0 10px;
    }

    .cons_box {
        padding: 20px 1rem 50px;
    }
}

.eve_txt {
    padding: 0.4rem;
    background: #fff;
}

.eve_txt h3 {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3em;
    margin-bottom: 0.1rem;
}

.eve_txt_m {
    margin-bottom: 0.2rem;
}

.eve_txt_m_box {
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.eve_txt_m_icon {
    margin-right: 0.2rem;
    width: 18px;
    height: 18px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.eve_txt_m_icon img {
    object-fit: contain;
}

.eve_txt_m_icon .img2 {
    display: none;
}

.eve_txt_m_icon .img3 {
    display: none;
}

.eve_txt_m_box p {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
}

.eve_txt_b {
    display: flex;
    justify-content: space-between;
    align-items: auto;
}

.eve_txt_b_r {
    display: flex;
    align-items: center;
}

.eve_txt_b_r img {
    width: 6px;
    height: auto;
}

.eve_txt_b_r .img3 {
    display: none;
}

.eve_txt_b_l {
    display: flex;
    align-items: center;
}

.eve_txt_b_l p {
    color: #0095ad;
    font-size: 14px;
    line-height: 1;
    border-right: 1px solid #0095ad;
    margin-right: 10px;
    padding-right: 10px;
}

.eve_txt_b_l p:last-child {
    border: none;
    padding: 0;
    margin: 0;
}

.eve_txt_b_bf {
    display: flex;
    align-items: center;
}

.eve_txt_b_bf span {
    color: #4b5b76;
    font-size: 14px;
    margin-right: 10px;
}

.eve_txt_b_bf img {
    width: 5px;
    height: auto;
}

.eve_txt_b_bf .img3 {
    display: none;
}

.news_nr_off .eve_txt_m_icon .img1 {
    display: none;
}

.news_nr_off .eve_txt_m_icon .img2 {
    display: block;
}

.news_nr_off .eve_txt_m_icon .img3 {
    display: none;
}

.news_nr_off .eve_txt_m_box p {
    color: #999;
}

.news_nr_off .eve_txt_b_l p {
    color: #4b5b76;
}

.news_nr:hover .eve_txt {
    background: #0095ad;
}

.news_nr:hover .eve_txt * {
    color: #fff !important;
}

.news_nr:hover .eve_txt .eve_txt_b_l p {
    border-color: #fff;
}

.news_nr:hover .eve_txt .img1 {
    display: none;
}

.news_nr:hover .eve_txt .img2 {
    display: none;
}

.news_nr:hover .eve_txt .img3 {
    display: block;
}

@media screen and (max-width: 1200px) {
    .eve .news_con {
        margin-bottom: 20px;
    }

    .eve .news_con {
        justify-content: space-between;
    }

    .eve .news_nr {
        width: 48%;
        margin: 0 0 30px 0;
    }

    .eve .news_nr:hover {
        border-radius: 5px;
    }

}

@media screen and (max-width: 991px) {
    .eve .news_nr {
        width: 100%;
        margin: 0 0 30px 0;
    }

    .eve .news_con_img {
        height: 200px;
    }

    .eve_txt h3 {
        height: auto;
        margin-bottom: 20px;
    }

    .eve_txt_m {
        margin-bottom: 20px;
    }

    .eve_txt_m_icon {
        margin-right: 10px;
    }
}

@media screen and (max-width: 767px) {
    .eve_txt {
        padding: 20px;
    }

    .eve_txt_m_box {
        margin-bottom: 6px;
    }

    .eve_txt_m_box p {
        font-size: 12px;
    }

    .eve_txt_m_icon {
        width: 14px;
        height: 14px;
    }

    .eve_txt_b_l p {
        font-size: 12px;
    }

    .eve_txt_b_bf span {
        font-size: 12px;
    }
}

.eve_show_b {
    padding: 0.45rem 0 0.9rem;
    border-top: 1px solid #e8ebf1;
}

.eve_show_b h3 {
    margin-bottom: 0.45rem;
}

.eve_show_b_box {
    padding: 0.35rem 0.82rem 0.3rem 0.42rem;
    background: #e8ebf1;
    border-radius: 5px;
    position: relative;
}

.eve_show_b_box p {
    font-size: 14px;
    margin-bottom: 5px;
}

.eve_show_b_box>a {
    position: absolute;
    top: 50%;
    right: 0.4rem;
    transform: translateY(-50%);
    background: #0095ad;
    height: 0.46rem;
    padding: 0 0.38rem;
    color: #fff;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    transition: all 0.6s;
    border-radius: 46px;
}

.eve_show_b_box>a:hover {
    opacity: 0.8;
}

.eve_show_hot_box {
    background: #e8ebf1;
    display: block;
    padding: 0.2rem;
    margin-bottom: 0.2rem;
}

.eve_show_hot_box h4 {
    color: #161b27;
    font-weight: 400;
    margin-bottom: 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.eve_show_hot_box p {
    font-size: 14px;
    color: #999;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media screen and (max-width: 991px) {
    .eve_show_b {
        padding: 30px 0;
    }

    .eve_show_b h3 {
        margin-bottom: 20px;
    }

    .eve_show_b_box {
        padding: 15px;
    }

    .eve_show_hot_box {
        padding: 15px;
        margin-bottom: 15px;
    }

    .eve_show_hot_box p {
        font-size: 12px;
    }
}

@media screen and (max-width: 767px) {}

.sub_h2 p {
    margin-top: 15px;
    color: #4b5b76;
}

.case {
    padding-bottom: 0.7rem;
    margin-bottom: 0.7rem;
    border-bottom: 1px solid #e8ebf1;
    overflow: hidden;
}

.case_swi {
    height: 4rem;
    position: relative;
}

@media screen and (max-width: 1440px) {
    .case_swi {
        height: 300px;
    }
}

.case_box {
    display: flex;
    justify-content: space-between;
    height: 100%;
}

.case_img {
    width: 42.8%;
}

.case_r {
    width: 57.2%;
    padding: 0 0.5rem;
    background: #fff;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.case_r_logo {
    height: 0.36rem;
    width: auto;
    margin-bottom: 0.3rem;
}

.case_r_logo img {
    object-fit: contain;
}

.case_r h3 {
    margin-bottom: 0.25rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.case_r>p {
    color: #999;
    line-height: 1.9;
    margin-bottom: 0.5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.case_pag {
    right: 0.5rem !important;
    bottom: 0.5rem !important;
    display: inline-flex;
    left: auto !important;
    width: auto !important;
}

.case_button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    transition: all 0.6s;
}

.case_button img {
    width: 0.8rem;
    height: 0.8rem;
}

.case_button .img2 {
    display: none;
}

.case_prev {
    left: -1.2rem;
}

.case_next {
    right: -1.2rem;
}

.case_hz {
    position: relative;
}

.case_button:hover .img1 {
    display: none;
}

.case_button:hover .img2 {
    display: block;
}

.cas {
    padding: 0.9rem 0;
}

@media screen and (max-width: 1200px) {
    .show_nav #c-header .c-switch i {
        background: #333;
    }
}

@media screen and (max-width: 991px) {
    .case_button {
        display: none;
    }

    .case_box {
        flex-direction: column;
    }

    .case_swi {
        height: auto;
    }

    .case_img {
        width: 100%;
        height: 300px;
    }

    .case_r {
        width: 100%;
        padding: 15px;
    }

    .case_r_logo {
        height: 40px;
        margin-bottom: 20px;
    }

    .case_r h3 {
        margin-bottom: 20px;
    }

    .case_r>p {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .tec_b_a>span {
        font-size: 12px;
    }

    .sub_h2 p {
        font-size: 12px;
    }

    .case_img {
        height: 200px;
    }

    .case_r_logo {
        height: 30px;
        margin-bottom: 10px;
    }

    .case_r h3 {
        margin-bottom: 10px;
    }

    .case_r>p {
        margin-bottom: 20px;
        font-size: 12px;
        line-height: 1.5;
    }

    .case {
        padding-bottom: 30px;
        margin-bottom: 30px;
    }
}

.cru_box3 {
    position: relative;
}

.cru_box3_fh {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 0;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.cru_box3_fh a {
    color: #999;
}

.case_show .show_l_box h3 img {
    width: 14px;
    height: 14px;
    display: inline;
    margin-left: 10px;
}

.show_l_box {
    padding-bottom: 0.5rem;
    overflow: hidden;
    padding-top: 20px;
}

.eve_show_b_box>span {
    font-size: 14px;
    text-align: right;
    display: flex;
    justify-content: end;
    align-items: center;
    margin-top: 10px;
}

.eve_show_b_box>span i {
    width: 28px;
    height: 1px;
    background: #0095ad;
    margin-right: 0.2rem;
}

.case_show_r {
    width: 28.5%;
    position: sticky;
    top: 100px;
    margin-bottom: 30px;
}

.case_show_r_logo {
    background: #fff;
    width: 100%;
    height: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0.5rem;
    padding: 0.4rem 0;
}

.case_show_r_logo img {
    width: 2.58rem;
    height: auto;
}

.case_show_r_box {
    background: #fff;
}

.case_show_r_box h3 {
    padding: 0.3rem 0 0.2rem;
}

.case_show_r_gs {
    border-bottom: 1px solid #f8f8f8;
    padding: 0 0.3rem 0.25rem;
}

.case_show_gs_box {
    display: flex;
    flex-direction: column;
}

.case_show_gs_box a {
    line-height: 23px;
    margin-bottom: 10px;
    font-size: 12px;
    color: #4b5b76;
    position: relative;
}

.case_show_gs_box a::after {
    content: '';
    position: absolute;
    height: 100%;
    width: 2px;
    background: #0095ad;
    left: -0.3rem;
    opacity: 0;
    top: 0;
}

.case_show_gs_box a:hover,
.case_show_gs_box a.on {
    color: #0095ad;
}

.case_show_gs_box a:hover::after,
.case_show_gs_box a.on::after {
    opacity: 1;
}

.case_show_gs_box a img {
    display: none;
}

.case_show_r_gy {
    border-bottom: 1px solid #f8f8f8;
    padding: 0 0.3rem 0.08rem;
}

.case_show_r_fa {
    padding: 0 0.3rem 0.3rem;
}

.case_show_fa_con {
    background: #f8f8f8;
    padding: 0.2rem;
    display: block;
}

.case_show_fa_con h4 {
    margin-bottom: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.case_show_fa_con p {
    color: #999;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

@media screen and (max-width: 1580px) {
    .case_show_fa_con p {
        font-size: 12px;
    }
}

@media screen and (max-width: 991px) {
    .case_show_r {
        width: 100%;
    }

    .case_show_r_logo img {
        width: 200px;
    }

    .case_show_r_logo {
        padding: 30px 0;
        margin-bottom: 30px;
    }

    .case_show_r_gs {
        padding: 0 20px 20px;
    }

    .case_show_gs_box a::after {
        left: -20px;
    }

    .case_show_r_box h3 {
        padding: 20px 0 10px;
    }

    .case_show_r_gy {
        padding: 0 20px 10px;
    }

    .case_show_r_fa {
        padding: 0 20px 20px;
    }

    .case_show_fa_con {
        padding: 15px;
    }
}

@media screen and (max-width: 767px) {}

.link {
    padding-bottom: 0.9rem;
}

.link_box {
    background: #fff;
    padding: 0.45rem 0.52rem 0.2rem;
}

.link_con {
    margin-bottom: 1.2rem;
}

.link_h2 {
    padding-left: 26px;
    position: relative;
    margin-bottom: 0.25rem;
    display: block;
}

.link_h2::after {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 8px;
    height: 2px;
    background: #0095ad;
}

.link_hz {
    display: flex;
    margin-bottom: 5px;
}

.link_hz>a {
    width: 390px;
    flex-shrink: 0;
}

.link_a a {
    color: #999;
    font-size: 14px;
    margin-right: 20px;
}

.link_nr {
    padding-left: 26px;
}

.link_nr2_box {
    padding-left: 26px;
    display: flex;
    flex-direction: column;
}

.link_nr2_box a {
    color: #999;
    margin-bottom: 5px;
}

.link_con2 {
    display: flex;
    margin-bottom: 1.2rem;
    flex-wrap: wrap;
}

.link_nr2 {
    width: 25%;
}

@media screen and (max-width: 1200px) {
    .link_hz {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .link_hz>a {
        margin-bottom: 0.25rem;
        width: 100%;
    }
}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {
    .link_box {
        padding: 15px;
    }

    .link_h2 {
        margin-bottom: 15px;
    }

    .link_a {
        display: flex;
        flex-direction: column;
    }

    .link_a a {
        margin-bottom: 5px;
    }

    .link_hz>a {
        margin-bottom: 10px;
    }

    .link_hz {
        margin-bottom: 20px;
    }

    .link_nr2 {
        width: 100%;
        margin-bottom: 1.2rem;
    }
}

.policy {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.policy_l {
    width: 68.5%;
    background: #fff;
    padding: 0.3rem 0.3rem 1.8rem;
}

.policy_r {
    background: #fff;
    width: 28.5%;
    padding: 0.3rem 0 0.1rem;
}

.policy {
    padding-bottom: 0.9rem;
}

.policy_l h1 {
    margin-bottom: 0.2rem;
}

.policy_r .case_show_r_gs {
    border: none;
}

.policy_r h3 {
    padding: 0 0 0.2rem;
}

@media screen and (max-width: 991px) {
    .policy {
        flex-direction: column;
    }

    .policy_l {
        width: 100%;
        margin-bottom: 20px;
        padding: 15px;
    }

    .policy_r {
        width: 100%;
    }

    .policy_l h1 {
        margin-bottom: 20px;
    }

    .policy_r {
        padding: 20px 0;
    }
}

@media screen and (max-width: 767px) {
    .policy_r h3 {
        padding-bottom: 15px;
    }
}

.font14 {
    font-size: 14px;
}

@media (max-width: 1580px) {
    .font14 {
        font-size: 12px;
    }
}

.apply {
    display: flex;
    justify-content: space-between;
    padding-bottom: 1.3rem;
}

.apply_l {
    width: 50%;
    padding-top: 0.44rem;
    border-top: 1px solid #e8ebf1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.apply_l_h2 h2 {
    margin-bottom: 0.3rem;
}

.apply_l_h2 p {
    font-size: 14px;
    color: #4b5b76;
    line-height: 1.9;
}

.apply_l_h2 {
    margin-bottom: 20px;
}

.apply_tel p span {
    color: #0095ad;
}

.apply_r {
    background: #fff;
    width: calc(50% - 1rem);
    padding: 0.28rem 0.3rem 0.4rem;
}

.apply_r_h3 {
    margin-bottom: 0.25rem;
}

.apply_r_h3 h3 {
    margin-bottom: 5px;
}

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

.apply_input_box {
    width: calc(50% - 0.2rem);
    margin-bottom: 0.18rem;
    display: flex;
    border-bottom: 1px solid #e5e7eb;
    display: flex;
    align-items: center;
}

.apply_input_box p {
    min-width: 6em;
    flex-shrink: 0;
    padding-bottom: 0.16rem;
}

.apply_input_box p span {
    color: #d20000;
    margin-left: 3px;
}

.apply_input_box input {
    width: 100%;
    border: none;
    padding-bottom: 0.16rem;
}

.apply_input_box>a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0095ad;
    border: 2px solid #0095ad;
    transition: all 0.6s;
    border-radius: 3px;
}

.apply_input_box>a:hover {
    opacity: 0.8;
}

.apply_input2 .apply_input_box {
    width: 100%;
}

.apply_textarea {
    margin-bottom: 0.2rem;
}

.apply_textarea p {
    margin-bottom: 0.16rem;
}

.apply_textarea textarea {
    background: #f6f7f8;
    width: 100%;
    height: 100px;
}

.apply_textarea p span {
    color: #d20000;
    margin-left: 3px;
}

.apply_form button {
    width: 2.5rem;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #0095ad;
    color: #fff;
    border-radius: 4px;
    margin: auto;
}

@media screen and (max-width: 1200px) {
    .apply_form button {
        height: 32px;
    }
}

@media screen and (max-width: 991px) {
    .apply {
        flex-direction: column;
    }

    .apply_l {
        width: 100%;
        padding: 30px 0 40px;
    }

    .apply_r {
        width: 100%;
        padding: 15px;
    }

    .apply_r_h3 {
        margin-bottom: 20px;
    }

    .apply_input_box {
        margin-bottom: 15px;
    }

    .apply_input_box p {
        padding-bottom: 15px;
    }

    .apply_input_box input {
        padding-bottom: 15px;
    }

    .apply_textarea p {
        margin-bottom: 15px;
    }

    .apply_form button {
        width: 150px;
    }
}

@media screen and (max-width: 767px) {
    .apply_l_h2 h2 {
        margin-bottom: 20px;
    }

    .apply_input {
        flex-direction: column;
    }

    .apply_input_box {
        width: 100%;
    }

    .apply_input_box>a {
        height: 36px;
    }

    .apply_textarea {
        margin-bottom: 20px;
    }
}

.curtain {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.mask,
.mask2,
.mask3,
.mask4 {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.35);
    z-index: 1000;
    position: absolute;
    top: 0;
    left: 0;
    transition: all 0.6s;
}

.curtain_box {
    position: absolute;
    max-width: 90%;
    right: -480px;
    top: 0;
    background: #fff;
    overflow: hidden;
    z-index: 10000;
    width: 480px;
    height: 100vh;
    transition: all 0.6s;
}

.curtain2 {
    opacity: 0;
    z-index: -1;
    transition: all 0.6s;
}

.curtain2.on {
    opacity: 1;
    z-index: 10000;
}

.curtain_box.on {
    right: 0;
}

.close_tc {
    position: absolute;
    top: 20px;
    right: 20px;
    z-index: 100000;
    width: 20px;
    height: 20px;
    opacity: 0.5;
}

.curtain_title {
    position: relative;
    padding: 0 30px;
    background: #1c4798;
    z-index: 100;
}

.curtain_title p {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 5;
    width: 80px;
    height: 60px;
    cursor: pointer;
}

.curtain_title p::before,
.curtain_title p::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -1px 0 0 -10px;
    width: 20px;
    height: 3px;
    background: #ddd;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 100;
}

.curtain_title p::after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.login {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 50;
    top: 0;
    padding: 0 0.6rem 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.login_dl_nav {
    margin-bottom: 0.28rem;
}

.login_dl_nav a {
    margin-right: 0.3rem;
    color: #999;
}

.login_dl_nav a.on {
    color: #333;
    font-weight: bold;
}

.login_dl_m {
    margin-bottom: 0.8rem;
}

.login_input_box {
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.login_input_con {
    border: 1px solid #eeeeee;
    position: relative;
    display: flex;
    height: 44px;
    padding-left: 20px;
    align-items: center;
    border-radius: 4px;
    width: 100%;
    background: #fff;
}

.login_input_con>img {
    width: 20px;
    height: 20px;
    margin-right: 18px;
    flex-shrink: 0;
}

.login_input_con input {
    width: 100%;
    border: none;
    padding-left: 0;
}

.login_input_con input::-webkit-input-placeholder {
    color: #dddddd;
}

.login_input_con input::-moz-input-placeholder {
    color: #dddddd;
}

.login_input_con input::-ms-input-placeholder {
    color: #dddddd;
}

.login_input_a {
    width: 115px;
    height: 44px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 20px;
    flex-shrink: 0;
    border-radius: 4px;
    border: 1px solid #0095ad;
    color: #0095ad;
    font-size: 14px;
    background: #fff;
}

.login_button {
    width: 100%;
    height: 44px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0095ad;
    border-radius: 5px;
    transition: all 0.6s;
    margin-bottom: 20px;
}

.login_button:hover {
    opacity: 0.8;
}

.login_bzc {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.login_bzc a {
    font-size: 14px;
    color: #0095ad;
    text-decoration: underline;
}

.login_bzc2 {
    justify-content: flex-end;
}

.login_icon {
    position: absolute;
    top: 50%;
    right: 20px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    transform: translateY(-50%);
    cursor: pointer;
}

.login_icon .img2 {
    display: none;
}

.login_input_box.on .img1 {
    display: none;
}

.login_input_box.on .img2 {
    display: block;
}

.login_wx_p {
    position: relative;
    margin-bottom: 0.38rem;
    width: 100%;
    height: 1px;
    background: #eeeeee;
}

.login_wx_p p {
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #f4f8fd;
    padding: 0 20px;
    top: 50%;
    color: #999;
}

.login_wx_box {
    margin: auto;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    border-radius: 50%;
}

.login_wx_box img {
    width: 47.8%;
    height: auto;
}

.login_zc h2 {
    margin-bottom: 0.28rem;
}

.login_tk {
    margin-bottom: 0.25rem;
}

.login_tk input {
    -webkit-appearance: checkbox;
    margin-right: 10px;
}

.login_tk label {
    display: flex;
    align-items: center;
}

.login_tk label p a {
    color: #0095ad;
}

/* .login_zc form{margin-bottom: 0.8rem;} */

.login_zh h2 {
    margin-bottom: 0.24rem;
}

.login_zh_p {
    margin-bottom: 0.16rem;
}

.login_zh_p span {
    color: #0095ad;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 991px) {
    .login {
        padding: 100px 30px 0;
    }

    .login_dl_nav {
        margin-bottom: 20px;
    }

    .login_dl_m {
        margin-bottom: 50px;
    }

    .login_wx_p {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 767px) {
    .curtain_box {
        height: 90%;
        left: 5%;
        top: 5%;
    }

    .login_dl_nav a {
        margin-right: 10px;
    }

    .login {
        padding: 100px 15px 0;
    }

    .login_input_con {
        padding-left: 10px;
    }

    .login_input_con>img {
        margin-right: 10px;
    }
}

.h_case_txt {
    overflow: hidden;
}

.bra_t_video_img {
    position: relative;
}

.bra_t_video_box {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.bra_t_video_box video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

@media screen and (max-width: 767px) {
    .bra_t_video_box video {
        display: none;
    }
}

.page .jump-ipt {
    width: 30px;
    height: 30px;
    padding: 0;
    text-align: center;
    margin-left: 0.2rem;
}

.page .jump-btn {
    width: auto;
    padding: 0 5px;
}

.policy .policy_l {
    width: 100%;
    margin: 0 5%;
}

.sol_img2 {
    display: none;
}

@media screen and (max-width: 767px) {
    .sol_img1 {
        display: none;
    }

    .sol_img2 {
        display: block;
    }
}

.img_qh .img2 {
    display: none;
}

.img_qh:hover .img1 {
    display: none;
}

.img_qh:hover .img2 {
    display: block;
}

.news_nr .news_con_txt>span .img2 {
    display: none;
}

.news_nr:hover .news_con_txt>span .img1 {
    display: none;
}

.news_nr:hover .news_con_txt>span .img2 {
    display: inline-block;
}

.cru_box3 {
    padding: 0.22rem 0;
    background: #fff;
    border-top: 1px solid #f8f8f8;
}

.bshare-custom {
    display: flex;
}

.bshare-custom * {
    transition: all 0.6s;
}

.ins_det_fxr_box>p {
    margin-right: 0.05rem;
}

.ins_det_fxr_box .bshare-custom a {
    margin: 0;
    width: 0.6rem;
    height: 0.6rem;
    padding: 0;
    margin-left: 10px;
}

.ins_det_fxr_box .bshare-custom .bshare-weixin {
    background: #f5f5f5 url(../images/fx1.png) center center no-repeat;
    background-size: 21px auto;
    border-radius: 50%;
}

.ins_det_fxr_box .bshare-custom .bshare-sinaminiblog {
    background: #f5f5f5 url(../images/fx2.png) center center no-repeat;
    background-size: 19px auto;
    border-radius: 50%;
}

.ins_det_fxr_box .bshare-custom .bshare-qqim {
    background: #f5f5f5 url(../images/fx3.png) center center no-repeat;
    background-size: 14px auto;
    border-radius: 50%;
}

.ins_det_fxr_box .bshare-custom .bshare-weixin:hover {
    background: #0095ad url(../images/fx1_1.png) center center no-repeat;
    background-size: 21px auto;
}

.ins_det_fxr_box .bshare-custom .bshare-sinaminiblog:hover {
    background: #0095ad url(../images/fx2_1.png) center center no-repeat;
    background-size: 19px auto;
}

.ins_det_fxr_box .bshare-custom .bshare-qqim:hover {
    background: #0095ad url(../images/fx3_1.png) center center no-repeat;
    background-size: 14px auto;
}

.bsBox {
    box-sizing: initial;
}

.show_t {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #e8ebf1;
}

.show_h1 {
    width: 100%;
}

.show_t_r {
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.show_t_r>p {
    color: #999;
    margin-right: 10px;
}

.bj {
    background: url(../images/designBgDark.jpg), linear-gradient(#1e1d1d, #282929);
    /* background-blend-mode: overlay; */
}

.show {
    padding: .9rem 0 0;
}

.article {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    /*! padding: .5rem 0 0; */
}

.article .show_l_box p {
    font-family: "Microsoft YaHei";
    font-size: 14px;
    line-height: 2;
    /*! margin-top: 1.4em; */
    margin-bottom: 1.4em;
}

.show_r2 {
    padding: 30px 0 0;
}

.show_r2 h3 {
    padding: 0 22px 0;
}

.show_r2 .news_show_hot_box {
    padding: 22px;
    position: relative;
    border: none;
    border-radius: 10px;
}

.show_r2 .news_show_hot_box:first-child::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100% - 0.6rem);
    height: 1px;
    background: #e8ebf1;
    margin: 0 0.3rem;
}

.show_r2 .news_show_hot_box::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 0.6rem);
    height: 1px;
    background: #e8ebf1;
    margin: 0 0.3rem;
}

.show_r2 .news_show_hot_box:last-child::after {
    height: 0;
}

.show_r2 .news_show_hot_box>p {
    margin-bottom: 20px;
}

.news_show_hot * {
    transition: all 0.6s;
}

.news_show_hot_b {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.news_show_hot_time {
    display: flex;
    align-items: center;
}

.news_show_hot_time span {
    color: #bbbbbb;
    margin: 0;
}

.news_show_hot_time img {
    width: 16px;
    margin-right: 10px;
}

.news_show_hot_more {
    display: flex;
    align-items: center;
}

.news_show_hot_more img {
    width: 5px;
    height: auto;
    margin-left: 10px;
}

.news_show_hot_box .img2 {
    display: none;
}

.news_show_hot_more>p {
    color: #0095ad;
}

.show_r2 .news_show_hot_box:hover {
    background: #0095ad;
}

.show_r2 .news_show_hot_box:hover::after {
    background: #0095ad;
}

.show_r2 .news_show_hot_box:hover::before {
    background: #0095ad;
}

.show_r2 .news_show_hot_box:hover>p {
    color: #fff;
}

.show_r2 .news_show_hot_box:hover .img1 {
    display: none;
}

.show_r2 .news_show_hot_box:hover .img2 {
    display: block;
    opacity: 0.5;
}

.show_r2 .news_show_hot_box:hover .news_show_hot_more>p {
    color: #fff;
    opacity: 0.5;
}

.show_r2 .news_show_hot_box:hover span {
    color: #fff;
    opacity: 0.5;
}

.eve_show_hot * {
    transition: all 0.6s;
}

.eve_show_hot .p2 {
    color: #999;
    font-size: 14px;
}

.show_r2 .eve_show_hot .news_show_hot_box>p {
    margin-bottom: 10px;
}

.font36 {
    font-size: 36px;
}

.dev_prev,
.dev_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
}

.dev_prev {
    left: -60px;
}

.dev_next {
    right: -60px;
}

.devswi {
    position: relative;
}

.subswi_swip {
    padding-bottom: 60px;
}

.subswi_swip .swiper-pagination-bullet {
    background: none;
    border: 2px solid #fff;
    width: 12px;
    height: 12px;
    opacity: 1;
}

.subswi_swip .swiper-pagination-bullet-active {
    background: #0095ad;
    border-color: #0095ad !important;
}

.vteam_swip_box .swiper-pagination-bullet {
    background: none;
    border: 2px solid #e3e5ec;
    width: 12px;
    height: 12px;
    opacity: 1;
}

.vteam_swip_box .swiper-pagination-bullet-active {
    background: #0095ad;
    border-color: #0095ad;
}

.vteam_swip {
    height: 300px;
    width: 100%;
}

.vteam_swip .swiper-wrapper {
    flex-direction: column;
    height: 100%;
}

.vteam_swip .swiper-slide {
    height: 100px;
}

.vteam_swip_box {
    padding: 10px 15% 30px;
}

@media screen and (max-width: 1580px) {
    .eve_show_hot .p2 {
        font-size: 12px;
    }

    .font36 {
        font-size: 28px;
    }
}

@media screen and (max-width: 1200px) {
    .show_r2 {
        padding: 20px 0 0;
    }

    .ins_det_fxr_box .bshare-custom a {
        width: 40px;
        height: 40px;
    }

    .eve_show_b_box>a {
        height: 36px;
        position: relative;
        transform: translateY(0);
        left: 50%;
        transform: translateX(-50%);
        margin-top: 10px;
    }
}

@media screen and (max-width: 991px) {
    .article {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        /*! padding: .5rem 0 0; */
    }

    .article .show_l_box p {
        font-family: "Microsoft YaHei";
        font-size: 14px;
        line-height: 2;
        /*! margin-top: 1.4em; */
        margin-bottom: 1.4em;
    }

    .article .show_t {
        display: flex;
        flex-direction: column;
        padding-bottom: 30px;
    }

    .show {
        padding: 20px 1rem 0;
    }

    .vteam_swip_box {
        padding: 10px 0 30px;
    }
}

@media screen and (max-width: 767px) {
    .show_r2 h3 {
        padding: 0 20px;
    }

    .show_r2 .news_show_hot_box {
        padding: 20px;
    }

    .show_r2 .news_show_hot_box:first-child::before,
    .show_r2 .news_show_hot_box::after {
        width: calc(100% - 40px);
        margin: 0 20px;
    }

    .show_r2 .news_show_hot_box>p {
        margin-bottom: 10px;
    }

    .eve_show_b_box>a {
        height: 32px;
        padding: 0 15px;
    }

    .vteam_swip {
        height: 260px;
    }
}

.devswi2 {
    margin-bottom: 0.75rem;
}

.pro_nav2 {
    background: #f5f7fa;
    border-radius: 0;
}

.nenav {
    position: relative;
    display: block !important;
    max-height: 60vh !important;
    overflow-y: auto;
}

.nenav::-webkit-scrollbar {
    width: 3px;
}

.nenav::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 2px;
}

.nenav::-webkit-scrollbar-thumb {
    background: #0095ad;
    border-radius: 25px;
}

.nenav::-webkit-scrollbar-corner {
    background: #0095ad;
}

.nenav_l {
    position: absolute;
    left: -1.5rem;
    top: 0;
    z-index: 10;
    display: none;
}

.nenav_l_box {
    display: flex;
    align-items: center;
    margin: 0.2rem 0;
    cursor: pointer;
}

.nenav_l_box img {
    width: 5px;
    height: auto;
    margin-left: 0.2rem;
    opacity: 0;
}

.nenav_l_box p {
    font-size: 18px;
}

.nenav_l_box.on p {
    color: #0095ad;
}

.nenav_l_box.on img {
    opacity: 1;
}

.nenav_box {
    width: 100%;
    position: relative;
}

/* .nenav_box::after{content: '';position: absolute;left: 0.5rem;top: 0;height: 100%;background: #000;opacity: 0.05;width: 0;} */

.nav>ul>li:nth-child(1) .nenav_box::after {
    width: 1px;
}

.nav>ul>li:nth-child(2) .nenav_box::after {
    width: 1px;
}

.nenav_box_nav {
    padding: 0.1rem 0 0.4rem;
    display: flex;
    align-items: center;
}

.nenav_box_nav p {
    font-size: 18px;
    margin-right: 0.4rem;
    position: relative;
    cursor: pointer;
}

.nenav_box_nav p::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #0095ad;
}

.nenav_box_nav p.on {
    color: #0095ad;
}

.nenav_box_nav p.on::after {
    width: 100%;
}

.nenav_con {
    display: flex;
}

.pro_nav2 .nenav_nr {
    width: calc(100%/4);
    margin: 0 0 0.2rem 0;
    display: flex;
    align-items: flex-start;
    text-align: initial;
    padding: 0.2rem 0.22rem;
    border-radius: 8px;
}

.nenav_nr:nth-child(4n) {
    margin-right: 0;
}

.nenav_nr>img {
    width: 22px;
    margin-right: 0.25rem;
    height: auto;
}

.nenav_txt p {
    font-size: 14px;
    color: #4b5b76;
}

.pro_nav2 .nenav_nr:hover {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
    background: #f5f5f5;
}

.pro_nav2 .nenav_nr:hover h4 {
    color: #0095ad;
}

.pro_nav2 .nenav_nr:hover p {
    color: #333;
}

.pro_nav2 {
    white-space: initial;
}

.nenav_con_box {
    width: 100%;
}

/* .nenav_fl{display: none;} */
.nenav_box .nenav_fl:first-child {
    display: block;
}

/* .nenav_con_box{display: none;} */
.nenav_con .nenav_con_box:first-child {
    display: block;
}

@media screen and (max-width: 1580px) {

    .nenav_l_box p,
    .nenav_box_nav p {
        font-size: 16px;
    }

    .nenav_txt p {
        font-size: 12px;
    }

    .nenav_l {
        left: -85px;
    }
}

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

    .nenav_l_box p,
    .nenav_box_nav p {
        font-size: 14px;
    }

    .nenav_l {
        left: -75px;
    }
}

.apply_tk {
    display: flex;
    justify-content: space-between;
    padding-right: 0.5rem;
    align-items: center;
    margin-bottom: 0.2rem;
}

.apply_tk p {
    font-size: 14px;
}

.apply_tk a {
    color: #0095ad;
}

.apply_tk label {
    display: flex;
    align-items: center;
}

.apply_tk input {
    -webkit-appearance: checkbox;
    margin-right: 8px;
}

.pop {
    position: fixed;
    right: 0.2rem;
    bottom: 2rem;
    z-index: 100;
    display: none;
    background: #fff;
    width: 60px;
    border-radius: 60px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.pop * {
    transition: all 0.6s;
}

.pop_a {
    width: 46px;
    height: 46px;
    position: relative;
    display: block;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 7px;
    margin-bottom: 13px;
}

.pop_a img {
    z-index: 100;
}

.pop_text {
    position: absolute;
    top: 50%;
    right: 130%;
    background: #fff;
    padding: 0.15rem 0.3rem;
    transition: all .6s;
    -moz-transition: all .6s;
    z-index: 1;
    transform: translateY(-50%) scale(1);
    -webkit-transform: translateY(-50%) scale(1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    display: none;
}

.pop_text p {
    color: #4b5b76;
    margin-bottom: 0.02rem;
    white-space: nowrap;
    font-size: 14px;
}

.pop_text h4 {
    white-space: nowrap;
}

.pop_text::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 50%;
    right: -20px;
    margin-top: -10px;
    border-width: 10px;
    border-top-color: #fff;
    -webkit-transform: rotate(-90deg)
}

.pop_a.on .pop_text {
    display: block;
}

.pop_a.on {
    background: #e7e7e7;
}

.pop_a_img {
    display: flex;
    align-items: center;
}

.pop_text img {
    width: 20px;
    margin-right: 0.1rem;
}

.pop_text p span {
    font-size: 16px;
}

.pop_text p .span2 {
    font-size: 18px;
}

.pop_a_img .img2 {
    display: none;
}

.pop_a_img img {
    width: 20px;
    height: 20px;
}

.pop_a.on .img1 {
    display: none;
}

.pop_a.on .img2 {
    display: block;
}

@media (max-width: 767px) {
    .curtain_box {
        width: 90%;
    }

    .pop {
        right: 10px;
        display: none !important;
    }

    .pop_a {
        margin-top: 10px;
    }

    .pop_text {
        width: 220px;
    }

    .apply_tk {
        flex-direction: column;
        align-items: self-start;
    }

    .apply_tk label {
        margin-bottom: 5px;
    }
}

.apply_input_box {
    position: relative;
}

.ainer {
    position: absolute;
    top: 110%;
    left: 50%;
    transform: translateX(-50%);
    background: #fff;
    z-index: 1000;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    display: none;
}

#msg {
    width: 100%;
    line-height: 40px;
    font-size: 14px;
    text-align: center;
}

.h_pro_nr_two .h_pro_b_box {
    padding-bottom: 20px;
}

@media (max-width: 1580px) {
    .h_pro_nr_two .h_pro_b_box {
        padding-bottom: 30px;
    }
}

@media (max-width: 1200px) {
    .h_pro_nr_two .h_pro_b_box {
        padding-bottom: 180px;
    }
}

@media (max-width: 767px) {
    .h_pro_nr_two .h_pro_b_box {
        padding-bottom: 10px;
    }
}

/* .nenav_con_con{display: flex;} */

.suc_zz_box .subswi_swip .swiper-pagination-bullet {
    border-color: #e3e5ec;
}

.pop_text .img2 {
    display: none !important;
}

.pop_text .img1 {
    display: block !important;
}

.pop_text {
    background: #0095ad;
}

.pop_text * {
    color: #fff !important;
}

.pop_text .img1 {
    display: none !important;
}

.pop_text .img2 {
    display: block !important;
}

.pop_text::after {
    border-top-color: #0095ad;
}

.pop_text p {
    display: flex;
    align-items: center;
}

.vPack_gl_boxss {
    position: relative;
}

.show2 {
    display: none !important;
}

.h_video {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
    z-index: 5;
    overflow: hidden;
}

.h_video video {
    width: 104%;
    margin-left: -2%;
    height: 100%;
    object-fit: cover;
}

@media (max-width: 767px) {
    .h_video {
        display: none;
    }
}

.mod_rfc {
    position: fixed;
    box-sizing: border-box;
    z-index: 1000;
    right: 5px;
    top: 58%;
    left: auto;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #0095ad;
    box-shadow: 0 2px 20px 0 rgb(0 0 0 / 20%);
    border-radius: 9px;
    height: 10%;
    width: 17%;
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    line-height: 1.2;
}

.mod_rfc p {
    font-size: 16px;
    color: #fff;
    width: 2em;
}

#newBridge .nb-icon-right-center {
    top: 47% !important;
}

@media (max-width: 767px) {
    .mod_rfc {
        display: flex;
    }
}



.mov_08 {
    transition: all 0.6s;
}

.mov_08:hover {
    opacity: 0.8;
}

.lac {
    background: #f8f8f8;
    padding: 0.9rem 0;
}

.lac_title {
    height: 1rem;
    background: #fff;
    border-radius: 10px;
    margin-bottom: 0.4rem;
    padding: 0 0.4rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.lac_title_tx_img {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.18rem;
}

.lac_title_tx {
    display: flex;
    align-items: center;
    margin-right: 0.78rem;
}

.lac_title p,
.lac_title a {
    font-size: 18px;
}

.lac_title_xb {
    display: flex;
    align-items: center;
}

.lac_title_xb_img img {
    width: 0.26rem;
    margin-left: 0.2rem;
}

.male_on .female {
    display: none;
}

.female_on .male {
    display: none;
}

.lac_title>div {
    display: flex;
    align-items: center;
}

.lac_title_sc_box:first-child {
    margin-right: 0.75rem;
}

.lac_title_sc_box p span {
    color: #0095ad;
    margin-left: 0.15rem;
}

.lac_a {
    height: 0.4rem;
    padding: 0 0.15rem;
    background: #0095ad;
    border-radius: 5px;
    color: #fff;
    display: inline-flex;
    align-items: center;
    transition: all 0.6s;
}

.lac_a:hover {
    opacity: 0.8;
}

.lac_title_a>a {
    margin: 0 10px;
    font-size: 16px;
}

.lac_a2 {
    background: #161b27;
}

.lac_title_num {
    width: 3.46rem;
    display: flex;
    justify-content: space-between;
}

.lac_title_num_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.lac_title_num_box span {
    color: #0095ad;
    line-height: 1;
}

@media (max-width: 1900px) {

    .lac_title p,
    .lac_title a {
        font-size: 16px;
    }
}

@media (max-width: 1580px) {

    .lac_title p,
    .lac_title a {
        font-size: 14px;
    }

    .lac_title_a>a {
        font-size: 14px;
    }
}

.lac_con {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.lac_nav {
    position: sticky;
    top: 100px;
    background: #fff;
    border-radius: 10px;
    padding: 0.3rem 0;
    display: flex;
    flex-direction: column;
    width: 18.5%;
}

.lac_nav a {
    margin: 0.22rem 0;
    height: 0.35rem;
    border-left: 4px solid transparent;
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    font-weight: bold;
}

.lac_nav a.on {
    color: #0095ad;
    border-color: #0095ad;
}

.lac_nr {
    width: calc(81.5% - 0.4rem);
    background: #fff;
    border-radius: 10px;
    padding: 0.4rem;
}

.him_ly {
    padding: 0.2rem 0.24rem;
    background: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 0.3rem;
}

.him_ly p {
    color: #999999;
}

.him_dj {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.44rem;
}

.him_dj_h2 {
    display: flex;
    align-items: flex-end;
    margin-bottom: 10px;
}

.him_dj_h2 h2 span {
    color: #0095ad;
    font-weight: bold;
    margin: 0 0.2rem 0 0.1rem;
}

.him_dj_h2 p {
    color: #999;
    padding-bottom: 0.05rem;
}

.him_dj_xj {
    display: flex;
}

.him_dj_xj img {
    width: 17px;
    height: auto;
}

.him_dj_h {
    width: 4rem;
    height: 8px;
    background: #f5f5f5;
    border-radius: 8px;
    margin-bottom: 0.15rem;
    position: relative;
    overflow: hidden;
}

.him_dj_h i {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    background: #0095ad;
    border-radius: 8px;
    height: 8px;
}

.him_dj_jy p {
    color: #999;
    text-align: right;
}

.him_dj_r {
    padding-top: 0.15rem;
}

.itybox_h2 {
    margin-bottom: 0.32rem;
    display: flex;
    align-items: center;
}

.itybox_con {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 0.2rem;
    margin-bottom: 0.2rem;
    align-items: flex-start;
}

.itybox_con:last-child {
    border: none;
    margin-bottom: 0;
}

.itybox_con_l {
    display: flex;
}

.itybox_tx {
    width: 0.46rem;
    height: 0.46rem;
    margin-right: 0.2rem;
    border-radius: 50%;
    position: relative;
}

.itybox_tx img {
    border-radius: 50%;
    overflow: hidden;
}

.itybox_con_tz p {
    line-height: 0.46rem;
    color: #4b5b76;
}

.itybox_con_tz p a {
    color: #0095ad;
    text-decoration: underline;
    margin: 0 5px;
}

.beforeDate {
    height: 0.46rem;
    display: flex;
    align-items: center;
}

.beforeDate p {
    color: #999;
    line-height: 0.3rem;
    background: #f5f5f5;
    border-radius: 30px;
    padding: 0 0.28rem;
}

.itybox_con_hf {
    height: 0.46rem;
    display: flex;
    align-items: center;
}

.itybox_con_hf p {
    color: #4b5b76;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 6rem;
}

.itybox_con_hf p span {
    color: #333;
}

.itybox_con_yt p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 6rem;
}

.itybox_con_yt a {
    color: #0095ad;
    margin-left: 10px;
    text-decoration: underline;
}

.itybox_con_gz {
    display: flex;
    align-items: center;
    margin-right: 0.3rem;
}

.itybox_con_gz>p {
    color: #4b5b76;
}

.itybox_con_ta {
    display: flex;
    align-items: center;
}

.foc_num {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.24rem;
    background: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 0.3rem;
}

.foc_num_icon {
    width: 0.3rem;
    height: 0.3rem;
    background: #0095ad;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.foc_num_icon img {
    width: 50%;
    height: auto;
}

.foc_num p span {
    color: #0095ad;
}

.foc_box {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.68rem;
}

.foc_con_tx {
    width: 0.46rem;
    height: 0.46rem;
    margin-bottom: 0.1rem;
    border-radius: 50%;
    overflow: hidden;
}

.foc_con p {
    padding: 0 0.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.foc_con {
    width: calc(100%/7);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0.2rem 0;
}

.foc_con_a {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.foc_con_a:hover p {
    color: #0095ad;
}

.page2 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.page2 a {
    height: 30px;
    min-width: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 4px;
    -webkit-transition: all .6s;
    transition: all .6s;
    border-radius: 4px;
}

.page2 img {
    width: 7px;
    height: auto;
}

.page2 a .img2 {
    display: none;
}

.page2 a:hover,
.page2 .on {
    color: #0095ad;
    background: #e9ecf4;
    border-color: #e9ecf4;
}

.page2 a:hover p,
.page2 .on p {
    color: #0095ad;
}

.page2 a:hover .img1,
.page2.on .img1 {
    display: none;
}

.page2 a:hover .img2,
.page2 .on .img2 {
    display: block;
}

.pos_box {
    display: flex;
    align-items: center;
}

.pos_ck {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.pos_ck_box {
    display: flex;
    align-items: center;
    margin-right: 0.38rem;
}

.pos_ck_icon {
    width: 18px;
    display: flex;
    align-items: center;
    margin-right: 8px;
}

.pos_ck_icon .img2 {
    display: none;
}

.pos_ck_box p {
    color: #d1d7e2;
}

.pos_delete {
    display: flex;
    align-items: center;
    margin-left: 0.3rem;
}

.pos_delete img {
    width: 11px;
    height: 11px;
}

.pos_delete .img2 {
    display: none;
}

.pos_delete:hover .img1 {
    display: none;
}

.pos_delete:hover .img2 {
    display: block;
}

.pos_ck_box:hover .img1 {
    display: none;
}

.pos_ck_box:hover .img2 {
    display: block;
}

.pos_ck_box:hover p {
    color: #0095ad;
}

.page2_box {
    margin-top: 0.4rem;
}

.pos_delete p {}

.pos_delete:hover p {
    color: #0095ad;
}

.itybox_con_r:hover .pos_delete p {
    color: #0095ad;
}

.edi_bd_box {
    padding: 0.2rem 0.24rem;
    background: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 0.2rem;
    display: flex;
    justify-content: space-between;
}

.edi_bd_box_l img {
    width: 0.28rem;
    height: auto;
    margin-right: 0.24rem;
}

.edi_bd_box_l {
    display: flex;
    align-items: center;
}

.edi_bd_box_l p {
    color: #161b27;
}

.edi_bd_box>a {
    color: #999;
}

.edi_bd {
    margin-bottom: 0.8rem;
}

.file {
    position: relative;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    overflow: hidden;
}

.file:nth-child(3n) {
    margin-right: 0;
}

.file input {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    bottom: 0;
    opacity: 0;
    cursor: pointer;
    z-index: -1;
}

.file_sc {
    position: absolute;
    width: 18px;
    height: 18px;
    background: rgba(49, 49, 49, 0.23);
    border-radius: 50%;
    top: -5px;
    right: -5px;
    display: none;
    z-index: 100;
}

.file_sc i {
    width: 8px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.res_img .diy_r_res_box img {
    object-fit: contain;
}

.diy_tjta {
    margin-bottom: 0.55rem;
}

.diy_qh_next2 {
    justify-content: space-between;
}

.edi_gr_tx label {
    display: inline-flex;
    align-items: center;
    position: relative;
    width: auto;
    width: 1rem;
    height: 1rem;
    margin-right: 0.25rem;
    cursor: pointer;
}

.edi_gr_tx label>p {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    white-space: nowrap;
}

.edi_gr_tx_box {
    cursor: pointer;
}

.edi_gr_tx {
    display: flex;
    align-items: center;
    margin-bottom: 0.3rem;
}

.edi_gr_tx_p p {
    color: #999;
}

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

.edi_gr_inp_con {
    height: 0.6rem;
    background: #f5f5f5;
    border-radius: 5px;
    width: calc(50% - 10px);
    display: flex;
    align-items: center;
    padding: 0 20px;
    margin-bottom: 20px;
}

.edi_gr_inp_con p {
    flex-shrink: 0;
    width: 5em;
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    margin-right: 15px;
}

.edi_gr_inp_con p span {
    color: #dd0505;
}

.edi_gr_inp_con>input {
    border: none;
    width: 100%;
    padding: 0;
}

.edi_gr_inp_rad input {
    opacity: 0;
    position: absolute;
    z-index: -1;
}

.edi_gr_inp_rad {
    display: flex;
    align-items: center;
    margin-left: 0.6rem;
}

.edi_gr_inp_rad label {
    position: relative;
    cursor: pointer;
    margin-right: 0.17rem;
}

.edi_gr_inp_img {
    width: 0.29rem;
    height: 0.29rem;
}

.edi_gr_inp_img .img2 {
    display: none;
}

.edi_gr_inp_rad label.on .img1 {
    display: none;
}

.edi_gr_inp_rad label.on .img2 {
    display: block;
}

.edi_gr_inp_cs {
    width: 100%;
    position: relative;
    padding-right: 20px;
    margin-right: 0.3rem;
    border-bottom: 1px solid #e0e4ec;
    padding-bottom: 12px;
}

.edi_gr_inp_cs>img {
    width: 11px;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
}

.edi_gr_tex {
    height: auto;
    background: #f5f5f5;
    border-radius: 5px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding: 0.15rem 20px;
    margin-bottom: 20px;
    flex-direction: column;
}

.edi_gr_tex textarea {
    width: 100%;
    height: 5em;
    padding: 0;
    margin-top: 10px;
}

.edi_gr_but {
    text-align: right;
}

.edi_gr_but button {
    height: 0.6rem;
    padding: 0 0.4rem;
    background: #0095ad;
    color: #fff;
    border-radius: 5px;
}

.edi_tz_che input {
    -webkit-appearance: checkbox;
    margin-right: 10px;
}

.edi_tz_t {
    margin-bottom: 10px;
}

.edi_tz_che {
    margin-bottom: 0.1rem;
    display: flex;
    align-items: center;
}

.edi_tz_che input:checked+p {
    color: #0095ad;
}

.edi_pas {
    width: 100%;
}

.edi_pas_yzm {
    width: calc(50% - 10px);
    display: flex;
    justify-content: space-between;
}

.edi_pas_yzm_box {
    height: 0.6rem;
}

.grw100 {
    background: #fff;
    border-radius: 9px;
    padding: 0.4rem;
}

.grade_table {
    border: 1px solid #e8ebf0;
}

.tabw {
    width: 36.5%;
}

.tabw2 {
    width: 27%;
}

.grade_table_t {
    padding: 0 0.32rem;
    height: 0.6rem;
    background: #e8ebf0;
    display: flex;
    align-items: center;
}

.grade_table_t p {
    color: #999;
}

.grade_table_con {
    padding: 0 0.32rem;
    display: flex;
    align-items: center;
    height: 0.6rem;
    border-bottom: 1px solid #e8ebf0;
}

.grade_table_con:last-child {
    border: none;
}

.grade_table_txt {
    display: flex;
    align-items: center;
}

.grade_table_txt p {
    color: #999;
}

.grade_table_dj {
    margin-left: 0.55rem;
    display: flex;
    align-items: center;
}

.grade_table_dj i {
    width: 17px;
    height: 17px;
    background: url(../images/dj.png) no-repeat;
    background-size: contain;
    display: block;
    margin-right: 10px;
}

.grade_table_con:hover p {
    color: #333;
}

.grade_table_con:hover .grade_table_dj i {
    background: url(../images/dj2.png) no-repeat;
    background-size: contain;
}

.grade_table {
    margin-bottom: 0.35rem;
}

.itybox_con_ta2>p {
    color: #0095ad;
}

.itybox_con_ta2 {
    margin-right: 10px;
}

.itybox_con_tz p span {
    color: #333;
}

.itybox_exp {
    display: flex;
    align-items: center;
    height: 0.46rem;
}

.itybox_exp p span {
    color: #0095ad;
    margin-left: 10px;
}

.dra_l_p {
    height: 0.46rem;
    display: flex;
    align-items: center;
}

.dra_l_p p {
    width: 6.3rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.dra_r {
    display: flex;
    align-items: center;
    height: 0.46rem;
}

.dra_r>p {
    height: 0.3rem;
    background: #f5f5f5;
    padding: 0 0.16rem;
    border-radius: 30px;
    color: #999;
    display: inline-flex;
    align-items: center;
}

.dra_r_bj {
    margin-left: 0.3rem;
}

.dra_r:hover>p {
    background: #0095ad;
    color: #fff;
}

.dra_r:hover .dra_r_bj,
.dra_r:hover .pos_delete2 {
    color: #0095ad;
}

.dra_r:hover .img1 {
    display: none;
}

.dra_r:hover .img2 {
    display: block;
}

.sot_select_nr {
    position: relative;
    width: 2.7rem;
    border-right: 1px solid #f8f8f8;
}

.sel_text_box {
    width: 100%;
    background: #fff;
    border-radius: 5px;
    position: absolute;
    left: 0;
    text-align: left;
    overflow: hidden;
    top: 100%;
    border: 1px solid #ddd;
    z-index: 200;
    display: none;
    max-height: 160px;
    overflow-y: auto;
}

.sel_text_box a {
    font-size: 14px;
    color: #000;
    padding: 7px 0 7px 0.2rem;
    display: block;
    cursor: pointer;
}

.sel_text_box a:hover {
    background: #0095ad;
    color: #fff;
}

.sel_text_x {
    width: 100%;
    height: 0.6rem;
    border-radius: 60px;
    padding: 0 0.2rem;
    color: #999;
    display: flex;
    align-items: center;
}

.sel_text_xp {
    color: #999;
}

.sel_text_x>img {
    width: 10px;
    height: 6px;
    position: absolute;
    right: 0.2rem;
    top: 50%;
    z-index: 100;
    transform: translateY(-50%) rotate(180deg);
    object-fit: initial;
}

.sel_text_x .img2 {
    display: none;
}

.sot_select_nr.on .sel_text_xp {
    color: #333;
}

.sot_select_nr.on .sel_text_x .img1 {
    display: none;
}

.sot_select_nr.on .sel_text_x .img2 {
    display: block;
}

.sel_text {
    width: 100%;
}

@media screen and (max-width: 1200px) {
    .sot_select_nr {
        width: 200px;
        margin-right: 30px;
    }

    .sel_text_x {
        padding: 0 15px;
        height: 36px;
    }

    .sel_text_box a {
        padding: 0 15px;
        line-height: 36px;
    }

    .sel_text_x>img {
        right: 15px;
    }
}

.ityfl {
    background: #fff;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.ityfl_l {
    width: 100%;
    display: flex;
    align-items: center;
}

.ityfl_sel {
    display: flex;
    align-items: center;
}

.ityfl_search {
    border-right: 1px solid #f8f8f8;
    width: 3.2rem;
    height: 100%;
    display: flex;
    align-items: center;
}

.ityfl_search form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-right: 20px;
}

.ityfl_search input {
    border: none;
    padding-left: 20px;
    width: 100%;
    font-size: 14px;
}

.ityfl_search button {
    width: 17px;
    height: 17px;
    flex-shrink: 0;
}

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

.ityfl_filter a {
    border-right: 1px solid #f8f8f8;
    display: flex;
    align-items: center;
    padding: 0 20px;
    height: 100%;
}

.ityfl_filter_icon .img2 {
    display: none;
}

.ityfl_filter_icon img {
    width: 10px;
    height: 6px;
    object-fit: initial;
    margin-left: 10px;
}

.ityfl_filter a.on {
    color: #0095ad;
}

.ityfl_filter a.on .img1 {
    display: none;
}

.ityfl_filter a.on .img2 {
    display: block;
}

.ityfl_ft {
    height: 100%;
    background: #0095ad;
    border-radius: 5px;
    padding: 0 0.34rem;
    flex-shrink: 0;
    display: flex;
    align-items: center;
}

.ityfl_ft img {
    width: 14px;
    height: auto;
    margin-right: 10px;
}

.ityfl_ft p {
    color: #fff;
}

.postList_con {
    padding: 0.3rem;
    background: #fff;
    display: block;
    margin-bottom: 1px;
    position: relative;
    z-index: 1;
}

.postList_box * {
    transition: all 0.6s;
}

.postList_t {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.3rem;
}

.postList_t_l {
    width: 8.5rem;
}

.postList_t_l h3 {
    color: #161b27;
    margin-bottom: 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.postList_t_l>p {
    color: #4b5b76;
    margin-bottom: 10px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.Label {
    display: flex;
    align-items: center;
}

.Label p {
    font-size: 14px;
    padding: 4px 8px;
    background: #f5f5f5;
    border-radius: 3px;
    margin-right: 10px;
}

@media screen and (max-width:1580px) {
    .Label p {
        font-size: 12px;
    }
}

.postList_t_r>p {
    padding: 8px 14px;
    border: 1px solid #0095ad;
    border-radius: 3px;
    color: #0095ad;
    margin: 0 0 0.38rem 10px;
    text-align: center;
}

.postList_b {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.postList_b_l {
    display: flex;
    align-items: center;
}

.postList_b_l_icon img {
    width: 16px;
    height: 16px;
}

.postList_b_l_icon .img2 {
    display: none;
}

.postList_b_l_icon {
    margin-right: 0.22rem;
}

.postList_b_r {
    display: flex;
    align-items: center;
}

.postList_b_r_icon {
    display: flex;
    align-items: center;
    margin-left: 0.3rem;
}

.postList_b_r_icon img {
    width: 15px;
    height: auto;
    margin-right: 10px;
}

.postList_b_r_icon p {
    color: #999;
}

.postList_con:hover {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
    z-index: 2;
}

.postList_con:hover .postList_t_l h3 {
    color: #0095ad;
}

.postList_con:hover .Label p {
    background: #0095ad;
    color: #fff;
}

.postList_b_l_icon.on .img1 {
    display: none;
}

.postList_b_l_icon.on .img2 {
    display: block;
}

.topic {
    display: flex;
    flex-wrap: wrap;
}

.topic_box {
    width: calc((100% - 40px)/5);
    margin: 0 10px 10px 0;
    background: #fff;
    padding: 20px;
    display: flex;
    align-items: center;
}

.topic_box:nth-child(5n) {
    margin-right: 0;
}

.topic_img {
    width: 0.5rem;
    height: 0.5rem;
    margin-right: 0.2rem;
}

.topic_txt p {
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

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

.listShow_t {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #e3e7ee;
    padding-bottom: 0.3rem;
    margin-bottom: 0.3rem;
}

.listShow_h1 {
    width: 68.5%;
}

.listShow_h1 h1 {
    font-size: 0.32rem;
    margin-bottom: 10px;
}

.listShow_h1_time {
    display: flex;
    align-items: center;
}

.listShow_h1_time>p {
    color: #999;
    margin-left: 0.2rem;
}

.listShow_t_r {
    width: 28.5%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
}

.listShow_t_bq {
    padding: 8px 14px;
    border: 1px solid #0095ad;
    border-radius: 3px;
    color: #0095ad;
    margin: 0 0 10px 0.2rem;
}

.listShow_t_bq2 {
    padding: 8px 0;
    color: #0095ad;
    margin-left: 0.2rem;
}

.listShow_box_txt img {
    width: auto;
    height: auto;
}

.listShow_box_txt h3 img {
    margin-left: 10px;
}

.listShow_box_txt {
    padding-bottom: 1rem;
    border-bottom: 1px solid #e3e7ee;
}

.listShow_box {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.listShow_box_l {
    width: 68.5%;
}

.listShow_box_r {
    width: 28.5%;
    background: #fff;
    padding-top: 0.3rem;
    position: sticky;
    top: 100px;
}

.listShow_box_r .case_show_r_gs>h4 {
    margin-bottom: 0.2rem;
}

.comment {
    margin-bottom: 0.5rem;
}

.comment_icon {
    display: flex;
    align-items: center;
    margin-right: 0.3rem;
}

.comment_icon img {
    width: 15px;
    height: auto;
    margin-right: 10px;
}

.comment_icon p {
    color: #999;
}

.comment_icon p span {
    margin-right: 5px;
}

.comment_icon .img2 {
    display: none;
}

.comment_icon.on .img1 {
    display: none;
}

.comment_icon.on .img2 {
    display: block;
}

.comment_iconn {
    display: flex;
    align-items: center;
    margin-right: 0.3rem;
}

.comment_iconn img {
    width: 15px;
    height: auto;
    margin-right: 10px;
}

.comment_iconn p {
    color: #999;
}

.comment_iconn p span {
    margin-right: 5px;
}

.comment_iconn .img2 {
    display: none;
}

.comment_iconn.on .img1 {
    display: none;
}

.comment_iconn.on .img2 {
    display: block;
}

.comment_t {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.25rem 0;
}

.comment_icon2 p {
    color: #0095ad;
    text-decoration: underline;
}

.easyEditor img {
    width: auto;
    height: auto;
}

.comment_box {
    background: #fff;
    padding: 20px;
}

.comment_box .emojia,
#emoji,
#emoji1,
#emoji2 {
    width: 18px;
    height: 18px;
    margin-bottom: 10px;
    position: relative;
}

.easyEditora,
#easyEditora,
#easyEditora1,
#easyEditora2 {
    width: 100%;
    height: 140px;
}

.easyEditor,
#easyEditor,
#easyEditor1,
#easyEditor2 {
    width: 100%;
    height: 140px;
}

.emojia .emoji_btn,
#emoji_btn,
#emoji_btn1,
#emoji_btn2 {
    width: 100%;
    cursor: pointer;
}

.emoji_lista,
#emoji_list,
#emoji_list1,
#emoji_list2 {
    width: 298px;
    height: auto;
    padding: 4px;
    position: absolute;
    bottom: 130%;
    left: 0;
    border: 1px solid #f5f5f5;
    border-radius: 8px;
    display: none;
    background-color: #fff;
}

.emoji_lista li,
#emoji_list li,
#emoji_list1 li,
#emoji_list2 li {
    width: 30px;
    height: 24px;
    text-align: center;
    float: left;
    cursor: pointer;
    overflow: hidden;
    margin: 3px;
}

.emoji_lista li img,
#emoji_list li img,
#emoji_list1 li img,
#emoji_list2 li img {
    width: 24px;
    height: 24px;
}

.emoji_b {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.emoji_b a {
    height: 40px;
    padding: 0 30px;
    background: #0095ad;
    color: #fff;
    border-radius: 5px;
    display: inline-flex;
    align-items: center;
}

.comment_new_box {
    border-top: 1px solid #e3e7ee;
    padding-top: 0.38rem;
}

.emoji_b_l p {
    font-size: 12px;
    color: #ccc;
}

.comm_h2 {
    font-size: 0.32rem;
    margin-bottom: 0.25rem;
}

.comment_new_con {
    border-bottom: 1px solid #e3e7ee;
    padding-bottom: 0.3rem;
    margin-bottom: 0.3rem;
}

.comment_new_tx {
    display: flex;
    align-items: center;
    margin-bottom: 0.25rem;
}

.comment_new_tx>p {
    color: #999;
    margin-left: 0.2rem;
}

.comment_new_txt {
    padding-left: 0.66rem;
}

.comment_new_txt .comment_icon {
    margin-right: 0.2rem;
}

.comment_new_two_box {
    padding-top: 0.3rem;
    border-top: 1px solid #e3e7ee;
    margin-left: 0.66rem;
}

.comment_new_two .comment_new_txt {
    padding: 0;
}

.comment_new {}

.comment_post {
    padding-top: 0.8rem;
}

.bbs_box {
    margin-top: 0.5rem;
    display: flex;
    justify-content: space-between;
}

.bbs_l {
    width: calc(50% - 20px);
}

.bbs_h3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.28rem;
}

.bbs_list {
    overflow-y: auto;
}

.bbs_list_hz {
    background: #fff;
    padding: 0.3rem 0.3rem 0.2rem;
}

.bbs_list::-webkit-scrollbar {
    width: 5px;
}

.bbs_list::-webkit-scrollbar-track {
    background: #e3e6ed;
    border-radius: 5px;
}

.bbs_list::-webkit-scrollbar-thumb {
    background: #7c808a;
    border-radius: 25px;
}

.bbs_list::-webkit-scrollbar-corner {
    background: #7c808a;
}

.bbs_list_box {
    padding-bottom: 0.3rem;
    margin-bottom: 0.3rem;
    border-bottom: 1px solid #f8f8f8;
    display: flex;
    align-items: center;
}

.bbs_list_img {
    width: 100px;
    height: 100px;
    position: relative;
    border-radius: 50%;
    margin-right: 0.3rem;
    flex-shrink: 0;
}

.bbs_list_img img {
    border-radius: 50%;
    overflow: hidden;
}

.bbs_list_img i {
    position: absolute;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background: #dd1d1d;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    top: 0;
}

.bbs_list_txt {
    width: 100%;
}

.bbs_list_txt>p {
    color: #4b5b76;
    margin-bottom: 0.15rem;
}

.bbs_list_txt_bq {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.bbs_list_txt_bq_box {
    margin-right: 0.28rem;
    display: flex;
    align-items: center;
}

.bbs_list_txt_bq_box i {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 10px;
}

.bbs_list_txt_bq_box:nth-child(1) i {
    background: #0095ad;
}

.bbs_list_txt_bq_box:nth-child(2) i {
    background: #25c2d4;
}

.bbs_list_txt_bq_box:nth-child(3) i {
    background: #61b83b;
}

.bbs_list_txt_bq_box:nth-child(4) i {
    background: #f5be00;
}

.bbs_r {
    width: calc(50% - 20px);
}

.bbs_r_lab {
    display: flex;
}

.bbs_r_lab a {
    color: #0095ad;
    margin-left: 0.25rem;
}

.bbs_r_box {
    background: #fff;
}

.bbs_r_con {
    position: relative;
    padding: 0.3rem;
    display: block;
    border-bottom: 1px solid #f8f8f8;
}

.bbs_r_img {
    height: 1.8rem;
    margin-bottom: 20px;
}

.bbs_r_txt_h4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}

.bbs_r_txt_h4 span {
    padding: 8px 14px;
    border: 1px solid #0095ad;
    border-radius: 3px;
    color: #0095ad;
    margin: 0 0 0 1em;
    flex-shrink: 0;
}

.bbs_r_txt_h4 h4 {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bbs_r_txt .Label p {
    color: #999;
}

.bbs_r_txt .postList_t_l {
    width: 100%;
}

.bbs_r_con.top::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: url(../images/zd.png) no-repeat;
    background-size: cover;
    top: 0;
    left: 0;
}

.bbs_r_con:hover {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.15);
    z-index: 2;
}

.bbs_r_con:hover .postList_t_l h4 {
    color: #0095ad;
}

.bbs_r_con:hover .Label p {
    background: #0095ad;
    color: #fff;
}

.bbs_r_box * {
    transition: all 0.6s;
}

.bbsInfo {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 0.45rem;
}

.bbsInfo_l {
    position: sticky;
    top: 100px;
    background: #fff;
    border-radius: 10px;
    padding: 0.3rem 0;
    display: flex;
    flex-direction: column;
    width: 28.5%;
}

.bbsInfo_l a {
    margin: 0.22rem 0;
    height: 0.35rem;
    border-left: 4px solid transparent;
    display: flex;
    align-items: center;
    padding-left: 0.5rem;
    font-weight: bold;
}

.bbsInfo_l a.on {
    color: #0095ad;
    border-color: #0095ad;
}

.bbsInfo_r {
    width: calc(71.5% - 0.4rem);
    background: #fff;
    border-radius: 10px;
    padding: 0.3rem;
}

.bbsInfo_l a i {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #d1d7e2;
    margin-left: 0.14rem;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bbsInfo_l a i span {
    padding-bottom: 4px;
    font-size: 12px;
}

.bbsInfo_l a.on i {
    background: #0095ad;
}

.bbs_h2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 0.35rem;
}

.lac_a3 {
    padding: 0 0.3rem;
}

.itybox_con_r {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}

.bbsInfo_r_box .itybox_con {
    display: flex;
    align-items: center;
}

.bbsInfo_r_box_l {
    display: flex;
    align-items: center;
    max-width: 6.5rem;
}

.bbsInfo_r_box_img {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 0.18rem;
    flex-shrink: 0;
}

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

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

.bbsInfo_r_box_txt {
    width: 100%;
}

.bbsInfo_r_box_txt p {
    color: #4b5b76666;
}

.pos_ck_icon:hover .img1 {
    display: none;
}

.pos_ck_icon:hover .img2 {
    display: block;
}

.bbsInfo_r_box_l:hover .bbsInfo_r_box_txt h3 {
    color: #0095ad;
}

.not_fans .itybox_con_ta2>p {
    color: #333;
}

.not_fans .itybox_con_ta2:hover>p {
    color: #0095ad;
}

.not_fans_gz {
    margin-left: 0.3rem;
}

.not_fans_gz p:hover,
.not_fans_gz.on p {
    color: #0095ad;
}

.itybox_con.unread .itybox_tx::after {
    content: '';
    position: absolute;
    width: 8px;
    height: 8px;
    background: #dd0505;
    border-radius: 50%;
    top: 6%;
    right: 6%;
}

.not_nav {
    display: flex;
    align-items: center;
    padding: 0.2rem 0.24rem;
    background: #f5f5f5;
    border-radius: 5px;
    margin-bottom: 0.3rem;
}

.not_nav_box {
    display: flex;
    align-items: center;
    margin-right: 0.4rem;
}

.not_nav_icon {
    width: 0.3rem;
    height: 0.3rem;
    background: #161b27;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.not_nav_icon img {
    width: 50%;
    height: auto;
}

.not_nav_box p span {
    color: #161b27;
}

.not_nav_box.on .not_nav_icon {
    background: #0095ad;
}

.not_nav_box.on p span {
    color: #0095ad;
}

.not_like_t {
    display: flex;
    align-items: center;
}

.not_like_t_txt p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 4.5rem;
}

.not_like_t_txt p span {
    color: #4b5b76;
    margin-right: 5px;
}

.not_like_b {
    padding-left: 0.66rem;
    margin-top: 5px;
}

.not_like_b_box p a {
    color: #0095ad;
    text-decoration: underline;
    margin-left: 5px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 5rem;
}

.not_like_b_box p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    max-width: 6rem;
}

.notify .itybox_con_l {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.not_like_ck {
    margin-left: 0.3rem;
}

.itybox_con_r:hover .beforeDate p {
    background: #0095ad;
    color: #fff;
}

.itybox_con_r:hover .not_like_ck p {
    color: #0095ad;
}

.not_like_b_box {
    margin-bottom: 5px;
}

.not_like_dz {
    margin-left: 0.3rem;
}

.not_like_dz img {
    width: 18px;
    height: 18px;
}

.not_like_dz .img2 {
    display: none;
}

.not_like_dz.on .img1 {
    display: none;
}

.not_like_dz.on .img2 {
    display: block;
}

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

.not_like_t_txt p a {
    color: #0095ad;
    text-decoration: underline;
    margin-left: 5px;
}

.syst_l {
    max-width: 70%;
    height: 0.46rem;
    display: flex;
    align-items: center;
}

.syst_l_box {
    width: 100%;
}

.syst_l_box p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 100%;
}

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

.syst .itybox_con {
    flex-direction: column;
}

.syst_txt {
    margin: 12px 0;
    background: #f5f5f5;
    padding: 0.3rem;
    border-radius: 5px;
}

.syst_txt h3 {
    margin-bottom: 0.2rem;
}

.syst_txt p {
    color: #999;
}

.emoji_box {
    width: 18px;
    height: 18px;
    display: inline-flex;
}

.emoji_texta textarea {
    width: 100%;
    height: 140px;
    padding: 0;
}

.curtain3 {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.curtain3 .curtain_box {
    width: 850px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    padding: 0.5rem;
}

.curtain3 .curtain_title {
    background: none;
    transform: rotate(180deg);
    position: absolute;
    right: 0.4rem;
    top: 0.4rem;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.curtain3 .curtain_title p {
    position: initial;
}

.curtain3 .curtain_title img {
    width: 10px;
    height: auto;
}

.sf_hf h2 {
    margin-bottom: 0.3rem;
}

.sf_hf .not_like_b {
    padding: 0;
}

.sf_hf .not_like_b_box {
    padding: 0;
    margin: 0 0 0.25rem 0;
}

.sf_hf .comment_box {
    border: 1px solid #f5f5f5;
    width: 100%;
}

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

.curt3_box .edi_gr_tx_box {
    width: 200px;
    margin-left: 20px;
    flex-shrink: 0;
}

.curt3_box .file {
    width: 100%;
    height: 100%;
    border-radius: 0;
}

.edi_gr_tx_box label {
    width: 100%;
    height: 100%;
    display: flex;
}

.sf_hf .emoji_b_r {
    margin-top: 20px;
}

.sf_hf .lac_a {
    padding: 0 30px;
}

.curtain4 {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.curtain4 .curtain_box {
    width: 1190px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: none;
}

.curtain4 .curtain_title {
    background: none;
    transform: rotate(180deg);
    position: absolute;
    right: 0.4rem;
    top: 0.4rem;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.infCur_search a {
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    flex-shrink: 0;
    margin-left: 10px;
}

.infCur {
    display: flex;
    justify-content: space-between;
    height: 7.5rem;
}

.infCur_l {
    background: #fff;
    border-radius: 10px;
    width: 360px;
    flex-shrink: 0;
}

.infCur_search {
    padding: 30px;
}

.infCur_search_box {
    background: #f5f5f5;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    height: 60px;
    padding: 0 20px;
    align-items: center;
}

.infCur_search_box input {
    border: none;
    width: 100%;
}

.infCur .itybox_con {
    padding: 20px 30px;
    align-items: center;
    width: 100%;
    margin: 0;
}

.infCur .bbsInfo_r_box_l {
    max-width: 45%;
}

.infCur .itybox_con_r p {
    color: #999;
}

.infCur .itybox_con.on {
    background: #f5f5f5;
}

.infCur_l_box {
    overflow-y: auto;
    height: calc(7.5rem - 130px);
}

.infCur_r {
    width: 100%;
    height: 7.5rem;
    background: #fff;
    border-radius: 10px;
    margin-left: 30px;
    overflow: hidden;
}

.infCur_r_h2 {
    text-align: center;
    padding: 0 0 0.25rem;
}

.infCur_r_t {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 1.6rem;
}

.infCur_r_time {
    text-align: center;
}

.infCur_r_time p {
    padding: 0 20px;
    height: 30px;
    border-radius: 30px;
    background: #f5f5f5;
    display: inline-flex;
    align-items: center;
    color: #999;
}

.infCur_r_box {
    padding: 0 0.4rem 0.2rem;
    border-bottom: 1px solid #f5f5f5;
    overflow-y: auto;
    height: 3.3rem;
}

.infCur_tx {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 18px;
    flex-shrink: 0;
}

.infCur_box {
    display: flex;
    margin-bottom: 0.4rem;
}

.infCur_con {
    max-width: 360px;
    background: #f5f5f5;
    padding: 18px;
    border-radius: 4px;
    position: relative;
}

.infCur_con::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 0.34rem;
    left: -12px;
    margin-top: -10px;
    border-width: 6px;
    border-top-color: #f5f5f5;
    -webkit-transform: rotate(-270deg);
    transform: rotate(-270deg)
}

.infCur_me {
    flex-direction: row-reverse;
}

.infCur_me .infCur_tx {
    margin: 0 0 0 18px;
}

.infCur_me .infCur_con {
    background: #0095ad;
}

.infCur_me .infCur_con p {
    color: #fff;
}

.infCur_me .infCur_con::after {
    border-top-color: #0095ad;
    right: -12px;
    left: auto;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.emoji_b>span {
    font-size: 12px;
    color: #ccc;
}

.infCur_sr {
    height: 2.6rem;
}

.infCur_sr .comment_box {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.infCur_sr #easyEditor {
    height: 100%;
}

.infCur_sr .emoji_b {
    flex-shrink: 0;
}

.curtain5 {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.6s;
}

.curtain5 .curtain_box {
    width: 800px;
    max-height: 100vh;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: #fff;
}

.curtain5_hz {
    padding: 0.5rem;
}

.curtain5 .curtain_title {
    background: none;
    transform: rotate(180deg);
    position: absolute;
    right: 0.4rem;
    top: 0.4rem;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.curtain5 .curtain_title p {
    position: initial;
}

.curtain5 .curtain_title img {
    width: 12px;
    height: auto;
}

.bbsCur h2 {
    margin-bottom: 0.3rem;
}

.bbsCur_title {
    margin-bottom: 0.15rem;
}

.bbsCur_title span {
    color: #d20000;
    font-size: 12px;
}

.bbsCur_t {
    margin-bottom: 0.3rem;
}

.bbsCur_t input {
    width: 100%;
    height: 0.5rem;
    background: #f5f5f5;
    border: none;
    border-radius: 4px;
    padding: 0 20px;
}

.bbsCur_textarea {
    margin-bottom: 20px;
}

.bbsCur_textarea textarea {
    width: 100%;
    height: 240px;
    padding: 10px 0 0 20px;
    background: #f5f5f5;
    border: none;
    border-radius: 4px;
}

.bbsCur_fl {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}

.bbsCur_fl .sot_select_nr {
    width: 31%;
    border: none;
    background: #f5f5f5;
    display: flex;
    align-items: center;
}

.bbsCur_fl .sel_text_box {
    top: auto;
    bottom: 100%;
}

.bbsCur_b {
    display: flex;
    align-items: center;
}

.bbsCur_b a {
    padding: 0 0.28rem;
    height: 0.5rem;
    background: #0095ad;
    color: #fff;
    border-radius: 3px;
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
}

.bbsCur_b .a2 {
    background: #161b27;
}

.bbsCur_b p {
    color: #999;
}

.bbsCur_fl .sot_select_sc {
    width: 31%;
    border: none;
    background: #f5f5f5;
}

.bbsCur_fl .sot_select_nr input {
    background: #f5f5f5;
}

.bbsCur_bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background: #fff;
    z-index: 10000;
    padding: 0;
    cursor: pointer;
    height: 0;
    overflow: hidden;
    transition: all 0.6s;
}

.bbsCur_bottom_box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

.bbsCur_bottom_r {
    display: flex;
    align-items: center;
}

.bbsCur_bottom_r .sjt {
    width: 14px;
    height: auto;
}

.bbsCur_bottom_r .bbsCur_bottom_delete {
    width: 12px;
    margin-left: 20px;
}

.bbsCur_bottom_l span {
    color: #999;
}

.curtain5 .curtain_box.on {
    max-height: 0;
}

.bbsCur_bottom.on {
    height: 100px;
}

/* @font-face {
    font-family: 'eleIcon';
    src: url(../fonts/element-icons.ttf);
} */

*:before,
*:after {
    font-family: 'eleIcon';
}

.sot_select_nr .el-cascader {
    width: 100%;
}

.sot_select_nr .el-cascader .el-input .el-input__inner {
    border: none;
}

.sot_select_nr .el-select {
    width: 100%;
}

.sot_select_nr .el-input__inner {
    border: none;
}

.el-select-dropdown.is-multiple .el-select-dropdown__item.selected::after {
    font-family: 'eleIcon' !important;
}

#editor *:before,
.editor *:before,
#editor *:after,
.editor *:after {
    font-family: inherit;
}

/* #editor,.editor{height: 240px;} */
.easy-emoji {
    width: auto;
    height: auto;
    object-fit: initial;
}


.comment_icon_cn>p {
    display: none;
    color: #0095ad;
}

.comment_icon_cn.on>p {
    display: block;
}

.curtain7 {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.6s;
}

.curtain7 .curtain_box {
    width: 480px;
    max-height: 100vh;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: #fff;
}

.jb_cur {
    padding: 0.4rem 0.55rem;
    text-align: center;
}

.jb_cur h2 {
    margin-bottom: 0.2rem;
    font-weight: 400;
}

.jb_cur>p {
    margin-bottom: 0.35rem;
}

.jb_cur_a .lac_a {
    padding: 0 0.3rem;
    margin: 0 5px;
}

.jb_cur_a .a1 {
    background: #0095ad;
}

.jb_cur_a .a2 {
    background: #161b27;
}

.curtain9 {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.6s;
}

.curtain9 .curtain_box {
    width: 480px;
    max-height: 100vh;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: #fff;
}

.curtain8 {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.6s;
}

.curtain8 .curtain_box {
    width: 660px;
    max-height: 100vh;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: #fff;
    overflow: initial;
}

.curtain8 .comment_box {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}

.curtain8 .jb_cur {
    padding: 0.4rem 0.55rem 1rem;
}

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

.ecoCoo_nav_fh {
    margin-left: 0.9rem;
    display: flex;
    align-items: center;
    color: #fff;
}

.ecoCoo_nav_fh img {
    width: 6px;
    height: auto;
    margin-left: 10px;
}

.nav_on .ecoCoo_nav_fh {
    color: #0095ad;
}

.nav_on2 .ecoCoo_nav_fh {
    color: #0095ad;
}

.ecoCoo_nav_fh {
    cursor: not-allowed;
    background: #999 !important;
}

.ecoCoo_nav_fh:hover {
    cursor: not-allowed !important;
}

.ecoCoo_nav_not {
    cursor: pointer;
    background: #0095ad !important;
}

.ecoCoo_nav_not:hover {
    cursor: pointer !important;
}

.ecoCoo_banner {
    min-height: 100vh;
    padding: 0 0 0.5rem;
    height: auto;
}

.ecoCoo_banner .sub_banner_img img {
    height: 100%;
}

.ecoCoo_banner .sub_banner_img {
    height: 100%;
    position: absolute;
    top: 0;
}

.ecoCoo_banner .ecoCoo {
    transform: translateX(0%);
    position: relative;
    left: auto;
}

.ecoCoo {
    padding-top: 1.2rem;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    height: 100%;
    z-index: 10;
}

.ecoCoo_h2 {
    margin-bottom: 0.35rem;
    text-align: center;
}

.ecoCoo_h2 p,
.ecoCoo_h2 h2 {
    font-size: 0.5rem;
    color: #fff;
    font-weight: 400;
}

.ecoCoo_h2 p {
    opacity: 0.3;
    line-height: 1;
}

.ecoCoo_h2 h2 {
    line-height: 1.4;
}

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

.ecoCoo_home_box {
    width: calc(50% - 0.2rem);
    height: 3.05rem;
    background: #fff;
    border-radius: 10px;
    background: #fff;
    padding: 0 0.5rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.ecoCoo_home_title_r img {
    width: 0.6rem;
    height: auto;
    object-fit: cover;
}

.ecoCoo_home_title_r {
    display: flex;
    align-items: center;
    margin-left: 1.3rem;
    flex-shrink: 0;
}

.ecoCoo_home_title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.6rem;
}

.ecoCoo_home_title_l h3 {
    font-weight: 400;
    margin-bottom: 0.22rem;
}

.ecoCoo_home_title_l h3 span {
    color: #0095ad;
    font-weight: bold;
}

.ecoCoo_home_title_l>p {
    color: #4b5b76;
}

.ecoCoo_home_box>a {
    padding: 0 0.25rem;
    display: inline-flex;
    align-content: center;
    height: 0.4rem;
    border: 2px solid #0095ad;
    border-radius: 4px;
    line-height: 0.4rem;
    color: #0095ad;
    transition: all 0.6s;
}

.ecoCoo_home_box>a:hover {
    background: #0095ad;
    color: #fff;
}

@media screen and (max-width: 1200px) {
    .ecoCoo {
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .ecoCoo_home_box {
        height: 200px;
    }

    .ecoCoo_home_title_r img {
        width: 40px;
    }

    .ecoCoo_home_box>a {
        padding: 0 20px;
        height: 30px;
        line-height: 28px;
    }
}

@media screen and (max-width: 991px) {
    .ecoCoo_nav_fh {
        color: #0095ad;
    }

    .ecoCoo_h2 p,
    .ecoCoo_h2 h2 {
        font-size: 30px;
    }

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

@media screen and (max-width: 767px) {
    .ecoCoo {
        padding: 40px 1rem;
        position: initial;
        transform: translateX(0);
    }

    .ecoCoo_h2 p,
    .ecoCoo_h2 h2 {
        font-size: 24px;
    }

    .ecoCoo_h2 {
        margin-bottom: 40px;
    }

    .ecoCoo_home {
        flex-direction: column;
    }

    .ecoCoo_home_box {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 20px;
    }

    .ecoCoo_banner {
        height: auto;
    }

    .ecoCoo_nav_fh img {
        width: 5px;
    }
}

.settled {
    background: #fff;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    padding-bottom: 0.48rem;
}

.settled_step {
    margin-bottom: 0.2rem;
}

.settled_step_b {
    padding: 0.23rem 0;
}

.settled_step_t {
    height: 10px;
    background: #e0e4ec;
}

.settled_step_t i {
    width: 0;
    height: 100%;
    background: #0095ad;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: block;
}

.settled_step_num img {
    width: 48%;
    height: auto;
    display: none;
}

.settled_step_num .img1 {}

.settled_step_num .img2 {}

.settled_step_b {
    display: flex;
    align-items: center;
}

.settled_step_box {
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.settled_step_num {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
    border: 2px solid #e1e5ec;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
}

.settled_step_box.on .settled_step_num {
    background: #0095ad;
    border-color: #0095ad;
    overflow: hidden;
}

.settled_step_box.on .settled_step_num span {
    background: #0095ad;
    color: #fff;
}

.settled_step_box.on>p {
    color: #0095ad;
}

.settled_step_box.on2 .settled_step_num {
    background: #0095ad;
    border-color: #0095ad;
}

.settled_step_box.on2 .settled_step_num span {
    display: none;
}

.settled_step_box.on2 .settled_step_num .img1 {
    display: block;
}

.settled_step_box.on3 .settled_step_num {
    background: #ed4747;
    border-color: #ed4747;
}

.settled_step_box.on3 .settled_step_num span {
    display: none;
}

.settled_step_box.on3 .settled_step_num .img2 {
    display: block;
}

.eco_input {
    padding: 0 0.5rem;
}

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

.eco_input_con {
    width: 30%;
    display: flex;
    flex-direction: column;
    margin-bottom: 0.3rem;
}

.eco_input_t {
    flex-shrink: 0;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}

.eco_input_t>p {
    display: flex;
    align-items: center;
    margin-right: 0.25rem;
    white-space: nowrap;
    flex-shrink: 0;
}

.eco_input_t>p i {
    color: #d20000;
    margin-left: 3px;
}

.eco_input_t input {
    border: none;
    width: 100%;
    padding-left: 0;
}

.eco_input_h {
    width: 100%;
    background: #e0e4ec;
    width: 100%;
    height: 1px;
}

.eco_input_h i {
    width: 0;
    height: 1px;
    display: block;
    background: #0095ad;
    transition: all 0.6s;
}

.eco_input_con.on .eco_input_h i {
    width: 100%;
}

.eco_textarea .eco_input_con {
    width: 100%;
}

.eco_textarea textarea {
    height: 50px;
    width: 100%;
    padding: 0;
}

.eco_textarea .eco_input_t {
    align-items: flex-start;
}

.eco_che input {
    -webkit-appearance: checkbox;
    appearance: checkbox;
    width: auto;
    margin-right: 5px;
}

.eco_che_box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.eco_che_box label {
    display: flex;
    align-items: center;
    color: #aaaaaa;
    width: 106px;
    margin-bottom: 20px;
}

.eco_che .eco_input_t {
    align-items: flex-start;
    width: 100%;
}

.eco_che .eco_input_con {
    width: 100%;
}

.eco_che {
    margin-bottom: 0.15rem;
}

.eco_but {
    display: flex;
    justify-content: center;
}

.eco_but .eco_but_box {
    padding: 10px 0.38rem;
    background: #0095ad;
    border-radius: 5px;
    color: #fff;
    transition: all 0.6s;
}

.eco_but .eco_but_box:hover {
    opacity: 0.8;
}

@media screen and (max-width: 1200px) {
    .settled_step_num {
        width: 20px;
        height: 20px;
    }

    .settled_step_num span {
        font-size: 12px;
    }

    .eco_che_box label {
        margin-bottom: 10px;
    }

    .eco_input_con {
        width: 100%;
        margin-bottom: 20px;
    }

    .eco_input_box {
        flex-wrap: wrap;
        margin-bottom: 0;
    }
}

@media screen and (max-width: 991px) {
    .eco_textarea textarea {
        height: 80px;
    }
}

@media screen and (max-width: 767px) {
    .settled_step_box>p {
        width: 2em;
        font-size: 12px;
    }

    .settled_step_t {
        height: 5px;
    }

    .settled_step_b {
        padding: 10px 0;
        margin-bottom: 10px;
    }

    .settled_step_num {}

    .eco_input_t p {
        margin-right: 10px;
    }

    .eco_che_box label {
        width: 100px;
    }

    .eco_but .eco_but_box {
        padding: 5px 20px;
    }

    .settled {
        padding-bottom: 20px;
    }

    .eco_input {
        padding: 0 15px;
    }
}

.sett_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.5rem 0 0.8rem;
    text-align: center;
}

.sett_icon {
    width: 0.6rem;
    height: 0.6rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #0095ad;
    margin-bottom: 0.25rem;
}

.sett_icon img {
    width: 40%;
    height: auto;
}

.sett_p>p {
    margin-bottom: 0.15rem;
    font-weight: bold;
}

.sett_p>p span {
    color: #0095ad;
}

.sett_p>span {
    width: 535px;
    display: block;
    font-weight: bold;
}

.sett_p>span a,
.sett_p>span i {
    color: #0095ad;
}

@media screen and (max-width: 1200px) {
    .sett_icon {
        width: 32px;
        height: 32px;
    }
}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {
    .sett_icon {
        width: 24px;
        height: 24px;
        margin-bottom: 15px;
    }

    .sett_box {
        padding: 10px 1rem 20px;
    }

    .sett_p>span {
        width: 100%;
    }
}

.eco_but .eco_but_box2 {
    border: 1px solid #0095ad;
    background: no-repeat;
    color: #0095ad;
}

.setSq_nr img {
    width: 0.28rem;
    height: auto;
    margin-right: 10px;
}

.setSq_con {
    width: 2.86rem;
    height: 120px;
    border-radius: 10px;
    background: #eff1f5;
    padding: 0 0.3rem;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.setSq_con>p {
    width: 100%;
    white-space: initial;
    flex-shrink: 1;
    color: #aaa;
}

.setSq_con>p span {
    color: #161b27;
}

.setSq_nr {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(21, 107, 255, 0.6);
    opacity: 0;
}

.setSq_nr p {
    color: #fff;
}

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

.setSq .eco_input_t {
    align-items: flex-start;
}

.setSq_con:hover .setSq_nr {
    opacity: 1;
}

.setSq_con .file {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 100;
    border-radius: 0;
}

.setSq_con_img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 100;
}

.setSq_tw {
    width: 65%;
}

.setSq_tw .setSq_con {
    margin-right: 0.4rem;
}

.setSq {
    margin-bottom: 0.2rem;
}

.eco_but_th .eco_but_box {
    width: 1.4rem;
    padding: 10px 0;
    margin: 0 10px;
}

@media screen and (max-width: 1200px) {
    .ecoCoo {
        max-height: 80%;
        overflow-y: auto;
        top: 10%;
    }

    .ecoCoo2 {
        justify-content: flex-start
    }

    .setSq_con {
        width: 220px;
    }

    .eco_but_th .eco_but_box {
        width: 100px;
    }

    .setSq_nr img {
        width: 15px;
    }
}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {
    .setSq_box {
        flex-direction: column;
    }

    .setSq_con>p {
        margin: 0;
    }

    .setSq_con {
        padding: 0 15px;
        width: 180px;
    }

    .setSq_tw .setSq_con {
        margin: 0 0 20px 0;
    }
}

.eco_but_fiv {
    text-align: center;
}

.curtain6 {
    display: none;
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    transition: all 0.6s;
}

.curtain6 .curtain_box {
    width: 360px;
    max-height: 100vh;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    background: #fff;
}

.fiv_cur {
    padding: 0.5rem 0.5rem;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.fiv_cur .sett_icon {
    background: #333;
}

.fiv_cur>p {
    line-height: 1.9;
    margin-bottom: 0.2rem;
}

.fiv_cur>p span {
    color: #0095ad;
}

.fiv_cur .eco_but .eco_but_box {
    width: 80px;
}

@media screen and (max-width: 767px) {
    .fiv_cur {
        padding: 30px 1rem;
    }

    .fiv_cur>p {
        margin-bottom: 10px;
    }

    .fiv_cur .eco_but .eco_but_box {
        padding: 5px 0;
    }
}

.joi .settled_step_box {
    width: 25%;
}

.joi_search {
    width: 600px;
    margin: 0.75rem auto 0;
}

.joi_search_box {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.3rem;
    padding-bottom: 0.2rem;
    align-items: center;
    border-bottom: 1px solid #e0e4ec;
}

.joi_search_box input {
    width: 100%;
    border: none;
    padding: 0;
}

.joi_search_box .eco_but {
    flex-shrink: 0;
    margin-left: 0.2rem;
}

.joi_search_jg>p {
    margin-bottom: 0.2rem;
}

.joi_search_jg>p i {
    color: #0095ad;
    margin: 0 5px;
}

.joi_search_jg ul {
    background: #eff1f5;
    border-radius: 3px;
    overflow: hidden;
}

.joi_search_jg ul li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.15rem;
    margin: 0 0.35rem;
}

.joi_search_jg ul li:first-child {
    margin-top: 0.25rem;
}

.joi_search_jg ul li:last-child {
    margin-bottom: 0.25rem;
}

.joi_search_jg ul li a {
    flex-shrink: 0;
    margin-left: 0.2rem;
}

.joi_search_jg ul li:hover p,
.joi_search_jg ul li:hover a {
    color: #0095ad;
}

.joi_search>p {
    color: #999;
}

@media screen and (max-width: 767px) {
    .joi .settled_step_box>p {
        width: 3em;
    }

    .joi_search {
        width: 100%;
        padding: 10px 1rem;
    }

    .joi_search_box {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }

    .joi_search_jg>p {
        margin-bottom: 10px;
    }

    .joi_search_jg ul {
        padding: 15px 15px 5px;
    }

    .joi_search_jg ul li {
        margin-bottom: 10px;
    }
}

.joi_jc {
    padding: 0.7rem 0 0.3rem;
}

.joi_jc .eco_textarea .eco_input_t>p {
    margin-right: 0.5rem;
}

.joi_jc .eco_input {
    margin-bottom: 0.9rem;
}

@media screen and (max-width: 767px) {
    .joi_jc .eco_textarea .eco_input_t>p {
        margin-right: 20px;
    }
}

.eco_t_a {
    margin-left: 28px;
}

.eco_t_a p {
    display: flex;
    align-items: center;
    color: #fff;
    color: #bcd2ff;
}

.eco_t_a p a {
    padding: 0 15px;
    margin: 0;
    border: none;
}

.eco_nav {
    padding-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: initial;
    top: 0;
    background: #f8f8f8;
    z-index: 100;
    padding-bottom: 30px;
}

.guanli {
    padding-top: 10px;
    padding-bottom: .8rem;
}

.eco_t_a p a:hover {
    background: #fff !important;
    color: #0095ad !important;
}

.eco_nav a {
    padding: 0 7%;
    margin: 0 1%;
    height: 45px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    transition: all 0.6s;
    background: #fff;
    font-size: 15px;
    letter-spacing: 1px;
    font-weight: 400;
    color: #333;
}

.eco_nav .on,
.eco_nav a:hover {
    background: #0095ad;
    color: #fff;
}

.eco_box .title h2 span {
    color: #0095ad;
}

.eco_con.eco_jr_s {
    background: #f8f8f8;
}

.eco_jr {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 0px;
    padding-bottom: 0.35rem;
}

.eco_jr_box {
    width: calc(50% - 20px);
    margin-bottom: 40px;
    background: #fff;
    border-radius: 8px;
    padding: 0 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 2rem;
    transition: all 0.6s;
}

.eco_jr_l {
    width: 80%
}

.eco_jr_box .icon_animation {
    flex-shrink: 0;
    margin-left: 0.68rem;
}

.eco_jr_l h3 {
    margin-bottom: 0.2rem;
    transition: all 0.6s;
}

.eco_jr_l p {
    color: #4b5b76;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    height: 3em;
    transition: all 0.6s;
}

.eco_jr_box:hover .icon_animation img:first-child {
    top: -3px;
    left: 3px;
}

.eco_jr_box:hover .icon_animation img:last-child {
    top: 3px;
    left: -3px;
}

.eco_jr_box:hover {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.2);
    background: #0095ad;
}

.eco_jr_box:hover h3 {
    color: #fff;
}

.eco_jr_box:hover p {
    color: #fff;
}

.eco_hb {
    display: flex;
    align-items: center;
}

.eco_hb_box {
    width: calc((100% - 3.5rem)/6);
    position: relative;
    margin: 0 0.7rem 0 0;
    height: auto;
}

.eco_hb_con {
    width: 100%;
    height: 100%;
    border-radius: 3px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.eco_hb_con p {
    font-size: 16px;
    color: #515353;
    font-weight: 600;
    margin-top: 5px;
}

.eco_hb_con img {
    width: 100%;
    height: auto;
    margin-right: 0.1rem;
    margin-bottom: 0.2rem;
    transition: all ease .3s;
    box-shadow: 0 7px 16px 0 rgba(18, 26, 42, .08);
}

.eco_hb_con img:hover {
    margin-top: -10px;
    transition: all ease .3s
}

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

.eco_hb_r img {
    width: 20px;
    height: auto;
}

.xcx {
    background: #fff;
    padding: 0.2rem;
    border-radius: 0.2rem;
}

.eco_hb_s {
    padding: 0.52rem 0;
}

.eco_hb_box:last-child {
    margin: 0;
}

.eco_hb_box:last-child .eco_hb_r {
    display: none;
}

.eco_lx_s {
    background: #fff;
}

.eco_lx_s .zs1 {
    display: flex;
    justify-content: space-evenly;
    padding: 0.5rem 0 .8rem;
    flex-direction: row;
    align-content: space-between;
}

    {
    display: flex;
    justify-content: space-between;
    padding: 0.1rem 0 1rem;
}

.eco_lx {
    display: flex;
    justify-content: space-between;
    padding: 0.1rem 0 1rem;
}

@media screen and (min-width:1200px) {
    .eco_lx .zs1_1 {
        border-radius: 200px;
        height: 180px;
        width: calc((100% - 3.8rem)/3);
        position: relative;
        overflow: inherit;
        padding: 0.05rem 0.3rem 0.01rem;
    }

    .eco_lx_box .zb {
        padding: 0.1rem 0.1rem;
        height: auto;
        background: #0095ad;
        border-radius: 10px;
        width: 60%;
        position: inherit;
        /* overflow: hidden; */
        border: 1px solid #effbfa59;
        color: #ffffff;
        line-height: 1.6;
        font-size: 16px;
        margin-bottom: 8px;
        font-weight: bold;
        text-align: center;
        top: -20px;
        z-index: 1;
        margin: 0 auto;
    }

    .eco_lx_box .zw {
        font-size: 16px;
        text-align: center;
        margin-bottom: 10px;
    }

    .eco_lx_box .fb {
        padding: 0.1rem 0.1rem;
        height: auto;
        background: #ffffff;
        border-radius: 10px;
        margin: 0 auto;
        width: 80%;
        position: relative;
        overflow: hidden;
        border: 1px solid #effbfa59;
        color: #0095ad;
        line-height: 1.6;
        font-size: 16px;
        margin-bottom: 18px;
        font-weight: bold;
        text-align: center;
    }

}

@media (max-width: 1360px) {
    .eco_lx .zs1_1 {
        border-radius: 200px;
        height: 180px;
        width: calc((100% - 4.6rem)/3);
        position: relative;
        overflow: inherit;
        padding: 0.05rem 0.3rem 0.01rem;
    }

    .eco_lx_box .zb {
        padding: 0.1rem 0.1rem;
        height: auto;
        background: #0095ad;
        border-radius: 10px;
        width: 60%;
        position: inherit;
        /* overflow: hidden; */
        border: 1px solid #effbfa59;
        color: #ffffff;
        line-height: 1.6;
        font-size: 16px;
        margin-bottom: 8px;
        font-weight: bold;
        text-align: center;
        top: -20px;
        z-index: 1;
        margin: 0 auto;
    }

    .eco_lx_box .zw {
        font-size: 16px;
        text-align: center;
        margin-bottom: 10px;
    }

    .eco_lx_box .fb {
        padding: 0.1rem 0.1rem;
        height: auto;
        background: #ffffff;
        border-radius: 10px;
        margin: 0 auto;
        width: 80%;
        position: relative;
        overflow: hidden;
        border: 1px solid #effbfa59;
        color: #0095ad;
        line-height: 1.6;
        font-size: 16px;
        margin-bottom: 18px;
        font-weight: bold;
        text-align: center;
    }
}

@media (max-width: 768px) {
    .eco_lx .zs1_1 {
        border-radius: 200px;
        height: 180px;
        width: calc((100% - 1rem)/3);
        position: relative;
        overflow: inherit;
        padding: 0.05rem 0.3rem 0.01rem;
    }

    .eco_lx_box .zb {
        padding: 0.2rem 0.2rem;
        height: auto;
        background: #0095ad;
        border-radius: 10px;
        width: 80%;
        position: inherit;
        /* overflow: hidden; */
        border: 1px solid #effbfa59;
        color: #ffffff;
        line-height: 1.6;
        font-size: 16px;
        margin-bottom: 8px;
        font-weight: bold;
        text-align: center;
        top: -10px;
        z-index: 1;
        margin: 0 auto;
    }

    .eco_lx_box .zw {
        font-size: 13px;
        text-align: center;
        margin-bottom: 5px;
    }

    .eco_lx_box .fb {
        padding: 0.3rem 0.01rem;
        height: auto;
        background: #f1f7f5;
        border-radius: 10px;
        margin: 0 auto;
        width: 80%;
        position: relative;
        overflow: hidden;
        border: 1px solid #effbfa;
        color: #0095ad;
        line-height: 1.6;
        font-size: 16px;
        margin-bottom: 18px;
        font-weight: bold;
        text-align: center;
    }

}

.index .eco_lx {
    display: flex;
    padding: 3.5rem 0 0.5rem;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-around;
}

.core-content-box {
    margin: 80px 30px 10px 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 999;
    position: relative;
    align-items: flex-start;
}

.index .eco_lx_box {
    width: calc((100% - 1.8rem)/5);
    overflow: inherit;
    display: flex;
    align-items: center;
    position: relative;
    box-sizing: border-box;
    height: 100%;
    padding: 25px 20px;
    background-image: linear-gradient(180deg, #f3f5f8, #fff);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
    border-radius: 15px;
    flex-direction: row;
    flex-wrap: nowrap;
    margin: 0 8px;
}

.index .eco_lx_box img {
    width: 100px;
    height: auto;
    margin-bottom: 15px;
    /* transition: all ease .4s; */
    /* -webkit-transition: all ease .4s; */
    /* transform: rotateY(360deg); */
}

.index .eco_lx_box img:hover {
    /* transform: scale(1.1); */
    /* -webkit-transform: scale(1.1); */
    /* transform: rotateY(180deg); */
}

.index .icon.icon3 {
    display: inline-block;
    vertical-align: -5.5px;
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: contain;
    margin-right: 12px;
    position: absolute;
    left: 0;
    top: 2px;
    width: 100%;
    height: 100%;
    background-position: right 10px top;
    background-repeat: no-repeat;
    background-size: auto 110px;
    opacity: .2;
}

.index .eco_lx_box .tit {
    font-size: 18px;
    text-align: center;
    font-weight: 500;
    color: #464343;
    letter-spacing: 1px;
}

.index .eco_lx_box .cttit {
    font-size: 14px;
    text-align: left;
    /* font-weight: 600; */
    color: #4b5b76;
    letter-spacing: 0px;
    z-index: 999;
}

.index .eco_lx_box .cttit:hover {
    color: #0095ad;
}

.chuantong .eco_lx {
    display: flex;
    justify-content: space-between;
    padding: 0.1rem 0 0.5rem;
}

.chuantong .eco_lx_box {
    padding: 0.45rem 0.5rem 0.4rem;
    height: auto;
    background: #f8f8f800;
    border-radius: 10px;
    width: calc((100% - 0.8rem)/4);
    position: relative;
    overflow: hidden;
    border: 1px dashed #cccccc00;
    display: flex;
    justify-content: space-between;
    align-content: center;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
}

.chuantong .eco_lx_box img {
    width: 100px;
    height: auto;
    margin-bottom: 15px;
    transition: all ease .4s;
    -webkit-transition: all ease .4s;
    transform: rotateY(360deg);
}

.chuantong .eco_lx_box img:hover {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    transform: rotateY(180deg);
}

.chuantong .eco_lx_box .cttit {
    font-size: 18px;
    text-align: center;
    /* font-weight: 600; */
    color: #4b4c4c;
    letter-spacing: 2px;
}

.chuantong .eco_lx_box .cttit:hover {
    color: #0095ad;
}

.eco_lx .four {
    padding: 0.45rem 0.5rem 0.4rem;
    height: auto;
    background: #f8f8f8;
    border-radius: 10px;
    width: calc((100% - 0.8rem)/4);
    position: relative;
    overflow: hidden;
    border: 1px dashed #b3ccc87a;
}

.gongneng .eco_lx_box {
    text-align: center;
    padding: 0.35rem 0.5rem 0.3rem;

}

.gongneng .eco_lx_box h3 {

    line-height: 1.6;
    font-size: 24px;
    margin-bottom: 8px;
}
}

.gongneng .eco_lx_box .fubiao {
    line-height: 1.6;
    font-size: 16px;
    margin-bottom: 8px;
}

.hys .eco_lx_box {
    display: flex;
    padding: 0.45rem 0.4rem 0.4rem;
}

.eco_lx_box {
    padding: 0.45rem 0.5rem 0.4rem;
    height: auto;
    background: #f8f8f8;
    border-radius: 10px;
    width: calc((100% - 0.8rem)/3);
    position: relative;
    overflow: hidden;
    border: 1px dashed #b3ccc87a;
    /* text-align: center; */
}

.eco_lx_box .left {
    width: 25%;
    /* height: 66px; */
    margin-right: 2%;
}

.eco_lx_box .left img {
    width: 65px;
    /* margin-right: 10%; */
}



.eco_lx_box p {
    line-height: 1.6;
    font-size: 13px;
    margin-top: 8px;
}


.eco_lx_box h3 {
    margin-bottom: 0rem;
}

.eco_lx_box>p {
    color: #4b5b76;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
}

.eco_lx_box>span {
    right: 0rem;
    bottom: -0.2rem;
    position: absolute;
    font-size: 0.7rem;
    opacity: 0.03;
    color: #2098b6;
    line-height: 1;
    font-family: 'Extr';
    font-weight: 700;
    text-transform: uppercase;
}

.eco_lx * {
    transition: all 0.6s;
}

.eco_lx .zs1_1 span {
    overflow: initial;
    left: 0.5rem;
    bottom: -0.4rem;
    position: absolute;
    font-size: 0.8rem;
    opacity: 0.02;
    color: #0095ad;
    line-height: 1;
    font-family: 'Extr';
    font-weight: 700;
}

.eco_lx .zs1_1:hover {
    background: #0095ad;
    color: #fffcfc;
}

.eco_lx_box:hover {
    /*! background: #0095ad; */
}

.chuantong .eco_lx_box:hover {
    background: #0095ad00;
}

.eco_lx_box .zw:hover {
    color: #ffffff;
}

.eco_lx_box .zb:hover {
    color: #ffffff;
}

.eco_lx .zs1_1:hover {
    color: #ffffff;
}

.eco_lx_box:hover {
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px rgba(55, 99, 170, .1), inset -8px -8px 20px #fff
}

.eco_zc {
    padding: 50px 0;
}

.eco_zc .weo_ld_r {
    box-shadow: none;
    border: none;
    padding: 0;
    margin-top: -40px;
}

.eco_zc .sub_tnav a,
.sub_tnav i {
    height: 33.33%;
}

.eco_zc .weo_ld_img {
    height: 4.8rem;
    padding: 0;
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
}

.eco_zc .weo_ld_img img {
    object-fit: cover;
}

.eco_zc .weo_ld_l {
    height: 400px;
    display: flex;
    justify-content: space-around;
    align-content: flex-start;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

.jiyu .swiper-slide {
    width: 33.333%;
    padding: 0 10px;
}

.kongjian .swiper-slide {
    width: 33.333%;
    padding: 0 10px;
}

@media screen and (max-width: 1200px) {
    .eco_nav a {
        height: 34px;
        font-size: 14px;
    }

    .eco_nav {
        padding-top: 70px;
    }

    .eco .title {
        padding-top: 50px;
    }

    .eco_jr_box {
        height: 130px;
    }

    .eco_hb_r img {
        width: 20px;
    }

    .eco_hb_box {
        height: auto;
    }

    .eco_hb_con img {
        width: 100%;
        margin-bottom: 0.4rem;
    }

    .eco_lx_box {
        height: 170px;
    }

    .eco_zc .weo_ld_img,
    .eco_zc .weo_ld_l {
        height: 300px;
    }
}


@media screen and (max-width: 991px) {
    .eco .title p br {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .eco_nav {
        position: initial;
        padding-top: 20px;
    }

    .eco_nav {
        /* display: none; */
    }

    .eco_nav a {
        height: 34px;
        font-size: 14px;
        padding: 0 7%;
        margin: 0 1.5%;
        letter-spacing: 0px;
    }

    .eco_nav span {
        display: none;
    }

    .eco .title {
        padding-top: 30px;
    }

    .eco_jr_box {
        width: 100%;
        margin-bottom: 20px;
        padding: 0 15px;
    }

    .eco_jr {
        margin-bottom: 0;
    }

    .eco_hb {
        flex-wrap: wrap;
    }

    .eco_hb_con p {
        font-size: 14px;
        color: #222423;
        font-weight: 400;
        height: 40px;
    }

    .eco_hb_box:last-child {
        margin: 0 30px 20px 0;
    }

    .eco_hb_box {
        width: calc((100% - 90px)/3);
        margin: 0 30px 20px 0;
    }

    .eco_hb_r {
        width: 30px;
    }

    .eco_hb_s {
        padding-bottom: 30px;
    }

    .eco_lx {
        flex-wrap: wrap;
    }

    .index .eco_lx_box .tit {
        font-size: 16px;
        text-align: center;
        font-weight: 600;
        color: #4b4c4c;
        letter-spacing: 1px;
    }

    .index .eco_lx_box .cttit {
        font-size: 14px;
        text-align: left;
        font-weight: 400;
        color: #4b4c4c;
        letter-spacing: 1px;
    }

    .index .eco_lx_box img {
        width: 80px;
        height: auto;
        margin-bottom: 8px;
        transition: all ease .4s;
        -webkit-transition: all ease .4s;
        transform: rotateY(360deg);
    }


    .chuantong .eco_lx_box .cttit {
        font-size: 15px;
        text-align: center;
        font-weight: 600;
        color: #4b4c4c;
        letter-spacing: 1px;
    }

    .chuantong .eco_lx_box img {
        width: 80px;
        height: auto;
        margin-bottom: 8px;
        transition: all ease .4s;
        -webkit-transition: all ease .4s;
        transform: rotateY(360deg);
    }

    .chuantong .eco_lx_box {
        padding: 0.45rem 0.5rem 0.4rem;
        height: auto;
        background: #f8f8f800;
        border-radius: 10px;
        width: calc((100% - 0.8rem)/2);
        position: relative;
        overflow: hidden;
        border: 1px dashed #cccccc00;
        display: flex;
        justify-content: space-between;
        align-content: center;
        flex-direction: column;
        flex-wrap: wrap;
        align-items: center;
    }

    .gongneng .eco_lx_box h3 {
        font-size: 18px;
        margin: 0.45rem auto;
    }

    .eco_lx_box {
        width: 100%;
        margin-bottom: 20px;
        padding: 15px 15px 30px;
        height: auto;
    }

    .eco_lx_box>span {
        font-size: 24px;
        left: 15px;
        bottom: -5px;
    }

    .eco_zc .weo_ld_img {
        height: 200px;
    }

    .eco_zc .weo_ld_l {
        height: auto;
    }

    .eco_zc .sub_tnav a,
    .sub_tnav i {
        height: 90px;
    }
}

@font-face {
    font-family: 'Extr';
    src: url(../images/Montserrat-ExtraLight-5.ttf);
}

.eco_news .news_con_txt>p {
    margin-bottom: 0;
}

.eco_news_search {
    display: flex;
    align-items: center;
}

.eco_news_search p {
    margin-right: 0.2rem;
}

.eco_news_search p span {
    color: #0095ad;
    margin: 0 4px;
}

@media screen and (max-width: 767px) {
    .eco_news_search {
        margin-bottom: 10px;
    }
}

.eco_show_r {
    background: none;
    padding: 0;
}

.eco_show_r .case_show_r_gs {
    background: #fff;
    padding-top: 0.3rem;
    margin-bottom: 20px;
}

.eco_show_r_xz_con {
    margin-bottom: 10px;
    background: #f8f8f8;
    height: 0.6rem;
    padding: 0 0.2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.eco_show_r_xz_con img {
    width: 0.24rem;
    height: auto;
    margin-left: 10px;
    flex-shrink: 0;
}

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

.eco_show_r_xz_con:hover {
    background: #0095ad;
}

.eco_show_r_xz_con:hover p {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .eco_show_r {
        width: 100%;
    }

    .eco_show_r_xz_con {
        height: 40px;
        padding: 0 15px;
    }

    .eco_show_r_xz_con img {
        width: 15px;
    }
}

@media screen and (max-width: 767px) {
    .eco_show_r .case_show_r_gs {
        padding-top: 20px;
    }

    .listShow_box_r .case_show_r_gs>h4 {
        margin-bottom: 10px;
    }
}

.sot_select_sc .hi-input-box {
    margin: 0;
    padding: 0;
    background: none;
    width: 100%;
    height: 100%;
    align-items: center;
}

.sot_select_sc {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 15px;
}

.sot_select_sc img {
    width: 14px;
    height: auto;
    flex-shrink: 0;
}

.sot_select_sc .hi-text {
    color: #bdbdbd;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.sot_select_sc .hi-text {
    font-size: 14px;
}

.confirm_jb {
    background: #edf2fa;
    border-radius: 4px;
    border: 1px solid #cddbf5;
    padding: 20px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 1000;
    transform: translate(-50%, -50%);
    display: none;
}

.confirm_jb_box {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
}

.confirm_jb_icon {
    width: 20px;
    height: 20px;
    background: #0095ad;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 20px;
}

.confirm_jb_icon img {
    width: 45%;
    height: auto;
}

.confirm_jb p {
    color: #0095ad;
}

.bbs_search {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.bbs_search_l {
    width: 28.5%;
    background: #fff;
    flex-shrink: 0;
}

.bbs_search_l .ityfl_search {
    height: 0.8rem;
    padding: 0 0.3rem;
    width: 100%;
    border-bottom: 1px solid #f8f8f8;
}

.bbs_search_l .ityfl_search form {
    padding: 0;
}

.bbs_search_l .ityfl_search input {
    padding: 0;
}

.bbs_search_l_box {
    padding: 0.3rem 0;
}

.bbs_search_l_box h2 {
    padding-left: 0.3rem;
    margin-bottom: 15px;
}

.bbs_search_nav a {
    padding-left: 0.3rem;
    line-height: 24px;
    display: block;
    margin-bottom: 10px;
    position: relative;
}

.bbs_search_nav a::after {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2px;
    height: 0;
    background: #0095ad;
    content: '';
}

.bbs_search_nav a.on {
    color: #0095ad;
}

.bbs_search_nav a.on::after {
    height: 100%;
}

.bbs_search_r {
    width: 100%;
    margin-left: 40px;
}

.bbs_search_r .topic_box {
    width: calc((100% - 30px)/3);
    margin: 0 15px 15px 0;
}

.bbs_search_r .topic_box:nth-child(5n) {
    margin-right: 15px;
}

.bbs_search_r .topic_box:nth-child(3n) {
    margin-right: 0;
}

.postList_t_r {
    flex-shrink: 0;
    margin-left: 15px;
}

.bbs_search_r .postList_t_l {
    width: 6.6rem;
}

.bbs_search_r .bbs_list_box {
    padding-right: 2rem;
    position: relative;
}

.bbs_search_fltz {
    position: absolute;
    right: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
}

.bbs_search_fltz p span {
    color: #0095ad;
}

.bbs_search_yh {
    display: flex;
    flex-wrap: wrap;
}

.bbs_search_yh_box {
    width: calc((100% - 30px)/3);
    margin: 0 15px 15px 0;
    background: #fff;
    padding: 0.3rem;
    border-radius: 4px;
}

.bbs_search_yh_box:nth-child(3n) {
    margin-right: 0;
}

.bbs_search_yh_t {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.25rem;
}

.bbs_search_yh_m p {
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.bbs_search_yh_m {
    margin-bottom: 0.5rem;
}

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

.bbs_search_yh_b a {
    width: 1.15rem;
    height: 0.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #161b27;
    border-radius: 2px;
    color: #161b27;
    transition: all 0.6s;
}

.bbs_search_yh_b .a2 {
    color: #0095ad;
    border-color: #0095ad;
}

.bbs_search_yh_b .a1:hover {
    background: #161b27;
    color: #fff;
}

.bbs_search_yh_b .a2:hover {
    background: #0095ad;
    color: #fff;
}

.bbs_search_yh .itybox_tx {
    margin-right: 10px;
}

.bbs_search_yh .itybox_con_ta>p {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 4em;
}

.pos_delete2 {
    margin-left: 0.3rem;
}

.pos_delete2 {
    margin-left: 0.3rem;
}

.to_qb {
    margin-left: 20px;
}

.to_qb:hover {
    color: #0095ad;
}

.syst_xl {
    margin-left: 0.3rem;
}

#cur_show:target {
    display: block;
}

.nav_login {
    margin-left: 0.2rem;
}

.nav_loginHas_tIcon {
    position: relative;
}

.nav_loginHas {
    margin-left: 0.2rem;
    display: flex;
    align-items: center;
    height: 100%;
}

.nav_loginHas_dow {
    margin-right: 10px;
}

.nav_loginHas_tIcon {
    margin: 0 0.15rem;
    display: flex;
    align-items: center;
    height: 100%;
    cursor: pointer;
}

.nav_loginHas_tIcon>img {
    width: 18px;
    height: auto;
}

.nav_loginHas_tIcon_box {
    position: absolute;
    top: calc(100% + 11px);
    right: -15px;
    width: 150px;
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
    padding-bottom: 10px;
    display: none;
}

.nav_loginHas_tIcon_con {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
}

/* .nav_loginHas_tIcon_box:after{content: '';width: 0;height: 0;border-style: solid dashed dashed;border-color: #fff transparent transparent;overflow: hidden;cursor: pointer;transition: all .2s;-webkit-transition: all .2s;position: absolute;top: 0;right: 18px;margin-top: -10px;border-width: 5px;border-top-color: #fff;-webkit-transform: rotate(-180deg)} */
.nav_loginHas_nav {
    padding: 0.1rem 0 0.1rem 0.25rem;
    display: flex;
    align-items: center;
}

.nav_loginHas_nav_img {
    margin-right: 10px;
    display: flex;
    align-items: center;
}

.nav_loginHas_nav_img img {
    width: 12px;
    height: auto;
}

.nav_loginHas_nav_img .na2 {
    display: none;
}

.nav_loginHas_nav>p {
    font-size: 14px;
}

.nav_loginHas_nav:hover>p {
    color: #0095ad;
}

.nav_loginHas_nav:hover {
    background: #f4f4f4;
}

.nav_loginHas_nav:hover .na1 {
    display: none;
}

.nav_loginHas_nav:hover .na2 {
    display: block;
}

.login_ewm {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 15px;
    border-radius: 10px;
    background: #fff;
}

.login_ewm>img {
    width: 300px;
}

.edi_gr_inp_dat .el-date-editor.el-input {
    width: 100%;
}

.edi_gr_inp_dat .el-date-editor.el-input input {
    background: none;
    border: none;
    padding-left: 0;
}

.edi_gr_inp_dat .el-date-editor.el-input .el-input__prefix {
    display: none;
}

.edi_gr_inp_dat .el-date-editor.el-input .el-input__suffix {
    display: none !important;
}

.exch_form_area .el-cascader .el-input,
.exch_form_area .el-cascader {
    width: 100%;
}

.exch_form_area .el-cascader .el-input input {
    background: none;
    border: none;
    padding-left: 0;
}

.exch_form_area .el-cascader .el-input .el-input__prefix {
    display: none;
}

.exch_form_area .el-cascader .el-input .el-input__suffix {
    display: none !important;
}

.login_ewm_box {
    position: absolute;
    top: 0;
    padding: 2.1rem 0.6rem 0;
    width: 100%;
    height: 100%;
    left: 0;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    opacity: 0;
    z-index: -1;
    text-align: center;
}

.login_ewm_box>p {
    margin: 0.2rem 0;
}

.login_ewm_box.on {
    opacity: 1;
    z-index: 1;
    display: block !important;
}

.login_ewm_box .h_ys_a {
    margin-top: 0.4rem;
}

.login_ewm_box .h_ys_a .public_a {
    background: #161b27;
    padding: 0 0.78rem;
}

.login_ewm_p {
    margin-bottom: 0.78rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.login_ewm_p img {
    width: 28px;
    height: auto;
    margin-right: 0.2rem;
}

.curtain10 {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.curtain10 .curtain_box {
    width: 450px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    padding: 0.5rem;
}

.curtain10 .curtain_title {
    background: none;
    transform: rotate(180deg);
    position: absolute;
    right: 0.4rem;
    top: 0.4rem;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
}

.curtain10 .curtain_title p {
    position: initial;
}

.curtain10 .curtain_title img {
    width: 10px;
    height: auto;
}

.zh_bd h2 {
    margin-bottom: 0.25rem;
}

.zh_bd_input {
    margin-bottom: 0.2rem;
    height: 50px;
    display: flex;
    justify-content: space-between;
}

.zh_bd_input input {
    width: 100%;
    height: 100%;
    border: none;
    border-radius: 4px;
    padding-left: 0.2rem;
    background: #f5f5f5;
}

.zh_bd_input .zh_bd_yz,
.zh_bd_input .zh_bd_yz2 {
    width: 140px;
    color: #0095ad;
    border-radius: 4px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 0.2rem;
    flex-shrink: 0;
    border: 1px solid #0095ad;
}

.zh_but button {
    width: calc(50% - 10px);
    height: 50px;
    color: #fff;
    transition: all 0.6s;
    border-radius: 4px;
}

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

.zh_but button:first-child {
    background: #0095ad;
}

.zh_but button:last-child {
    background: #161b27;
}

.zh_but button:hover {
    opacity: 0.8;
}

.edi_bd_box .edi_bd_box_r2 {
    display: none;
}

.edi_bd_box .img2 {
    display: none;
}

.edi_bd_box.on .edi_bd_box_r2 {
    display: none;
}

.edi_bd_box.on .img1 {
    display: none;
}

.edi_bd_box.on .img2 {
    display: block;
}

.edi_bd_box.on .edi_bd_box_r1 {
    display: none;
}

.edi_bd_box.on .edi_bd_box_r2 {
    display: block;
}

.zh_wx p {
    color: #0095ad;
    margin: 10px 0;
    text-align: center;
}

.yd_icon {
    display: flex;
    align-items: center;
    margin-left: 30px;
}

.yd_icon img {
    width: 16px;
    height: auto;
    margin-right: 10px;
}

.yd_icon .img2 {
    display: none;
}

.yd_icon:hover .img1,
.yd_icon.on .img1 {
    display: none;
}

.yd_icon:hover .img2,
.yd_icon.on .img2 {
    display: block;
}

.yd_icon:hover p,
.yd_icon.on p {
    color: #0095ad;
}

.curtain11 {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.curtain11 .curtain_box {
    width: 360px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    padding: 0.56rem 0 0.5rem;
}

.dlqr a {
    width: calc(50% - 10px);
    height: 40px;
    color: #fff;
    transition: all 0.6s;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.dlqr a:first-child {
    background: #0095ad;
}

.dlqr a:last-child {
    background: #161b27;
}

.dlqr a:hover {
    opacity: 0.8;
}

.dlqr {
    width: 180px;
    margin: auto;
}

.curtain11 .curtain_box>p {
    text-align: center;
    margin-bottom: 0.36rem;
}

.aut {
    width: 100%;
    padding-top: 9.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.aut p {
    font-size: 20px;
    margin-top: 0.9rem;
    text-align: center;
}

.aut img {
    width: 8rem;
    height: 8rem;
    object-fit: contain;
}

.login>img {
    position: absolute;
    top: 0.48rem;
    left: 0.6rem;
    width: 1.46rem;
    height: auto;
    display: block !important;
}

.curtain2 .curtain_title p {
    top: 0.26rem;
}

.login_ewm canvas {
    width: 230px;
    height: 230px;
}

.wechatMsg {
    margin-top: 20px;
    color: #f50000;
}

#wxBox {
    text-align: center;
}


.ecoCoo_navLogin {
    background: #fff;
}

.ecoCoo_navLogin_p {
    line-height: 1;
    margin-left: 0.9rem;
    padding-left: 0.5rem;
    border-left: 2px solid #4b5b76;
}

.ecoCoo_login {
    padding: 1.4rem 0;
    background: #f8f8f8;
}

.ecoCoo_login_box {
    position: initial;
    padding: 0;
    width: 480px;
    margin: auto;
    padding: 0.6rem;
    background: #fff;
}

.ecoCoo_login .login_wx_box {
    background: #eff1f6;
}

.ecoCoo_login .login_wx_p p {
    background: #fff;
}

.ecoCoo_nav_p {
    color: #fff;
    line-height: 15px;
    border-left: 2px solid #cfd8e8;
    margin-left: 0.9rem;
    padding-left: 0.5rem;
}

.ecoCoo_nav_fh {
    margin-left: 0.42rem;
    height: 0.42rem;
    width: 1.2rem;
    display: inline-flex;
    align-items: center;
    background: #0095ad;
    border-radius: 5px;
    justify-content: center;
}

.ecoCoo_nav_r .nav_ra {
    padding: 0;
}

.ecoCoo_nav_r_icon .img2 {
    display: none;
}

.ecoCoo_nav_r_icon img {
    width: 20px;
    height: auto;
    margin: 0 0.2rem 0 0.4rem;
}

.ecoCoo_nav_r .nav {
    margin-right: 1.75rem;
}

.nav_on .ecoCoo_nav_p {
    color: #333;
}

.nav_on .ecoCoo_nav_fh {
    color: #fff;
}

.nav_on .ecoCoo_nav_r_icon .img1 {
    display: none;
}

.nav_on .ecoCoo_nav_r_icon .img2 {
    display: block;
}


.pro_nav2_deg .nenav_con_con {
    flex-wrap: wrap;
}

.pro_nav2_deg .nenav_nr {
    width: calc(100%/4);
}

.pro_nav2_deg .nenav_con_con {
    display: flex;
}

.pro_nav2_deg .nenav_con {
    flex-wrap: wrap;
}

.nenav_con_box_p {
    padding-left: 0.22rem;
    position: relative;
}

.nenav_con_box_p>p {
    font-size: 14px;
    font-weight: normal;
    color: #999;
    line-height: 1;
    padding: .1rem .2rem;
    display: inline-block;
    border: 1px solid #eee;
    border-radius: 5px;
    transition: .3s all ease
}

.nenav_con_box:hover .nenav_con_box_p>p {
    border-color: #161b27;
    color: #161b27;
    border-radius: 0.3rem
}

/* .pro_nav2_deg2 .nenav_box_nav{display: none} */

.nenav_con_con {
    display: flex;
    flex-wrap: wrap;
}

.pro_nav2_deg2 .pro_nav2 .nenav_nr {
    width: auto;
}

.pro_nav2_deg2 .nenav_con_con {
    display: block;
    flex-wrap: initial;
}

.pro_nav2_deg2 .nenav_nr {
    width: auto;
}

.pro_nav2_deg2 .nenav_con_box {
    width: 25%;
}

.show_nav .ecoCoo_nav_p {
    color: #333;
}

.show_nav .ecoCoo_nav_fh {
    color: #f7faff;
}

.show_nav .ecoCoo_nav_r_icon .img1 {
    display: none;
}

.show_nav .ecoCoo_nav_r_icon .img2 {
    display: block;
}

.ecoCoo_users_con {
    padding: 1rem 1.1rem 0.85rem;
    width: 9.6rem;
    background: #fff;
    border-radius: 20px;
    margin: auto;
}

.ecoCoo_users {
    background: #f8f8f8;
    padding: 1.4rem 0 1rem;
}

.ecoCoo_users_box h2 {
    text-align: center;
    font-size: 0.5rem;
    margin-bottom: 0.6rem;
    line-height: 1;
    font-weight: 400;
}

.ecoCoo_users_nr {
    display: flex;
    align-items: center;
    height: 40px;
    margin-bottom: 0.26rem;
}

.ecoCoo_users_l {
    display: flex;
    align-items: center;
}

.ecoCoo_users_l .useL {
    width: 3.7rem;
    position: relative;
}

.ecoCoo_users_l .useL p {
    color: #4b5b76;
}

.ecoCoo_users_r {
    width: calc(100% - 3.7rem);
    display: flex;
    justify-content: space-between;
}

.ecoCoo_users_r label {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.edi_gr_tx_box {
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.edi_gr_tx_box .file {
    width: 100%;
    height: 100%;
}

.ecoCoo_users_r_a {
    display: flex;
    align-items: center;
}

.ecoCoo_users_r_a a {
    width: 4em;
    color: #0095ad;
    width: 4em;
}

.ecoCoo_users_r .useR {
    width: auto;
}

.ecoCoo_users_r .useR input {
    border: none;
    padding: 0;
    color: #999;
    width: 100%;
}

.ecoCoo_users_r.on .useR input {
    cursor: initial;
    color: #333;
}

.ecoCoo_users_nr2 {
    height: auto;
    padding-top: 10px;
    align-items: flex-start;
}

.ecoCoo_users_nr2 .useL span {
    font-size: 12px;
    color: #ccc;
    margin-top: 0.12rem;
    display: inline-block;
}

.ecoCoo_users_out {
    margin-top: 0.46rem;
    text-align: center;
}

@media screen and (max-width: 971px) {
    .ecoCoo_users_con {
        width: 100%;
    }

    .ecoCoo_users_l .useL {
        width: 4.5rem;
    }

    .ecoCoo_users_box h2 {
        font-size: 24px;
        margin-bottom: 25px;
    }

    .ecoCoo_users {
        padding: 50px 0;
    }

    .ecoCoo_users_nr2 .ecoCoo_users_l .useL {
        width: 10rem;
    }

    .ecoCoo_users_nr2 .ecoCoo_users_r {
        width: calc(100% - 10rem);
    }
}

@media screen and (max-width: 767px) {}

.ecoSet_h2 span {
    font-size: 0.5rem;
    opacity: 0.3;
    line-height: 1;
}

.ecoSet_h2 h2 {
    font-size: 0.5rem;
    font-weight: 400;
    line-height: 1.3;
}

.ecoSet_h2 {
    text-align: center;
    margin-bottom: 0.6rem;
}

.ecoSet {
    padding: 1.4rem 0 1rem;
    background: #f8f8f8;
}

.ecoSet_con {
    background: #fff;
    width: 100%;
    border-radius: 20px;
    padding: 0.66rem 0.5rem 0.5rem;
}

.ecoSet_title_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ecoSet_title {
    border-bottom: 1px solid #e0e4ec;
    padding-bottom: 0.2rem;
    margin-bottom: 0.35rem;
}

.ecoSet_title_box_r {
    display: flex;
    align-items: center;
}

.ecoSet_title_box_r>a {
    color: #fff;
    align-items: center;
    display: flex;
    background: #0095ad;
    margin-left: 0.2rem;
}

.ecoSet_title_box_r .public_tc {
    background: none;
    color: #0095ad;
}

.ecoSet_title_box p span {
    color: #0095ad;
}

.ecoSet_tab {
    margin-bottom: 0.5rem;
}

.ecoSet_tab h3 {
    margin-bottom: 0.25rem;
}

.ecoSet_tab_box {
    border: 1px solid #e0e4ec;
}

.ecoSet_tab_title {
    border-bottom: 1px solid #e0e4ec;
    display: flex;
}

.ecoSet_tab_con {
    border-right: 1px solid #e0e4ec;
    width: 20%;
    padding: 0.24rem 0.3rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.ecoSet_tab_con:last-child {
    border: 0;
}

.ecoSet_tab_title .ecoSet_tab_con p {
    color: #999;
}

.ecoSet_tab_hz {
    display: flex;
    border-bottom: 1px solid #e0e4ec;
}

.ecoSet_tab_hz:last-child {
    border: 0;
}

.ecoSet_tab_rad input {
    -webkit-appearance: button;
    margin-right: 0.1rem;
}

.ecoSet_tab_rad {
    display: flex;
    align-items: center;
}

.ecoSet_tab_rad label {
    display: flex;
    align-items: center;
}

.ecoSet_tab_rad label:first-child {
    margin-right: 0.48rem;
}

.ecoSet_tab_box2 {
    width: 80%;
}

.ecoSet_tab_box2 .ecoSet_tab_con {
    width: 25%;
}

.ecoSet_tab_del {
    display: flex;
    align-items: center;
}

.ecoSet_tab_del_icon {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: #0095ad;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 10px;
}

.ecoSet_tab_del_icon img {
    width: 6px;
    height: 6px;
}

.traRec {
    display: flex;
    flex-wrap: wrap;
}

@media screen and (max-width: 1260px) {
    .ecoSet_tab_rad label:first-child {
        margin-right: 0.2rem;
    }
}

@media screen and (max-width: 971px) {
    .ecoSet_tab_rad {
        flex-direction: column;
        align-items: flex-start;
    }

    .ecoCoo_nav_fh {
        width: 80px;
        height: 32px;
    }
}

@media screen and (max-width: 767px) {
    .ecoSet {
        padding: 50px 0;
    }

    .ecoSet_h2 {
        margin-bottom: 30px;
    }

    .ecoSet_h2 span {
        font-size: 24px;
    }

    .ecoSet_h2 h2 {
        font-size: 24px;
    }

    .ecoSet_con {
        border-radius: 4px;
        padding: 15px;
    }

    .ecoSet_title {
        padding-bottom: 20px;
        margin-bottom: 20px;
    }

    .ecoSet_tab_title,
    .ecoSet_tab_nr {
        width: 1000px;
    }

    .ecoSet_tab_box2 .ecoSet_tab_title,
    .ecoSet_tab_box2 .ecoSet_tab_nr {
        width: 800px;
    }

    .ecoSet_tab_con {
        padding: 10px 20px;
    }

    .ecoSet_tab_box {
        width: 100%;
        overflow-x: auto;
    }

    .ecoSet_tab_rad {
        flex-direction: row;
    }

    .ecoSet_tab_rad label:first-child {
        margin-right: 15px;
    }

    .ecoSet_tab h3 {
        margin-bottom: 10px;
        font-size: 16px;
    }

    .ecoSet_tab {
        margin-bottom: 30px;
    }

    .traRec {
        justify-content: space-between;
    }
}

.show_l_box ul,
.show_l_box ol {
    padding-left: 20px;
}

.show_l_box ul li,
.show_l_box ol li {
    list-style: initial;
}

#isSettledWechatBox {
    display: flex;
    justify-content: center;
    margin-top: 0.3rem;
}

.sub_banner_imghz {
    position: relative;
}

.sub_banner_imghz::after {
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.2);
    top: 0;
    left: 0;
    content: '';
}

.eco_a p {
    margin-bottom: 0.3rem;
    color: #fff;
}

.eco_a {
    background: #0095ad;
}

.login_zc>h2 {
    text-align: center;
}

.eco_co {
    height: auto;
    padding: 0 0 0.5rem;
}

.ecoCoo_nav_r .nav>ul>li {
    margin: 0 0.2rem;
    height: 0.42rem;
    border-radius: 5px;
    transition: all 0.6s;
}

.ecoCoo_nav_r .nav>ul>li>a>p {
    transition: all 0.6s;
}

.ecoCoo_nav_r .nav>ul>li.on {
    background: #0095ad;
}

.ecoCoo_nav_r .nav>ul>li.on p {
    color: #fff !important;
}

.ecoCoo_nav_r .nav>ul>li>a>p::after {
    display: none !important;
}

.ecoCoo_nav_r .nav>ul>li:hover>a p {
    color: #fff !important;
}

.ecoCoo_nav_r .nav>ul>li:hover {
    background: #0095ad;
}

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

.case_show_video_box {
    width: calc(50% - 0.08rem);
    margin-bottom: 0.16rem;
}

.case_show_video_box a {
    width: 100%;
    height: 1.15rem;
    display: block;
    margin-bottom: 0.1rem;
}

.case_show_video_box a video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case_show_video_box p {
    color: #4b5b76;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-align: center;
}

.listShow_box_r {
    position: initial;
}

.case_show_video_box:hover p {
    color: #0095ad;
}

.weo_ld .sub_tnav i {
    height: calc(100%/7);
    left: auto;
    right: 0;
}

.weo_ld .sub_tnav a {
    padding: 0 0.2rem;
    height: calc(1.5rem + 10px);
}

.weo_ld .sub_tnav::after {}

.weo_ld .sub_tnav {
    direction: rtl;
}

.weo_ld .sub_tnav_box {
    text-align: left;
    direction: initial;
}

.weo_ld .sub_tnav::-webkit-scrollbar {
    width: 2px;
}

.weo_ld .weo_ld .sub_tnav::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 2px;
}

.weo_ld .sub_tnav::-webkit-scrollbar-thumb {
    background: #0095ad;
    border-radius: 25px;
}

.weo_ld .sub_tnav::-webkit-scrollbar-corner {
    background: #0095ad;
}

@media screen and (max-width: 767px) {
    .weo_ld .sub_tnav a {
        height: 90px;
        padding: 0 20px 0 0;
    }

    .weo_ld .sub_tnav {
        padding: 0;
    }
}

.weo_cj_imgswi .weo_cj_imgpag {
    bottom: 12px;
}

.weo_cj_imgswi {
    padding-bottom: 20px;
}

.weo_cj_imgswi .swiper-slide img {
    height: 4.6rem;
}

.weo_cj_imgswi .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    margin: 0 6px;
}

@media screen and (max-width: 1260px) {
    .weo_cj_imgswi .swiper-slide img {
        height: 6.5rem;
    }

    .weo_cj .weo_cj_img img {
        object-fit: contain;
    }
}

@media screen and (max-width: 971px) {
    .weo_cj_imgswi .swiper-slide img {
        height: 10rem;
    }
}

@media screen and (max-width: 767px) {
    .weo_cj_imgswi .swiper-slide img {
        height: 14rem;
    }

    .weo_cjb2 .weo_cj_img {
        margin-bottom: 20px;
        height: auto;
    }

    .weo_cj_imgswi .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        margin: 0 6px;
    }
}

.video_swi .news_con_txt>p {
    color: #999;
}

.subswi22 .title h2 {
    color: #333;
}

.subswi22 .title p {
    color: #333;
}

.subswi22 .vteam_p p {
    color: #333;
}

.vTest_vteam22 {
    padding-bottom: 0.5rem;
}

.vPack_jh22 {
    background: #0095ad;
}

.vPack_jh22 .title h2 {
    color: #fff;
}

.vPack_jh22 .title p {
    color: #fff;
}

.vPack_jh22 .subpb_box {
    background: #fff;
}

.vPack_jh22 .subpb_box:hover {
    background: #0095ad;
}

.vPack_jh22 .subpb_box2:hover {
    background: #0095ad;
}

.vTest_vteam22 .subswi_txt {
    background: #e8eaf1;
}

.subswi {
    background: #f8f8f8;
}



.sub_banner_newspro .crumbs {
    position: absolute;
    top: 0;
    left: 0;
}

.sub_banner_newspro .crumbs .crumbs_box.on a {
    color: #fff;
}

.h_b_txt_r {
    max-width: calc(50% - 0.38rem);
    width: 6rem;
    margin-right: 0.38rem;
}

.h_b_txt_r img {
    object-fit: contain;
}

.npro_t {
    display: flex;
    /* font-size: 34px; */
    letter-spacing: 2px;
}

.h_b_txt_p span {
    display: block;
    padding-bottom: 20px;
    font-size: 18px;
    font-weight: bold;
    position: relative;
}

.h_b_txt_p span:after {
    display: block;
    content: '';
    height: 4px;
    background-color: #ffffff;
    width: 90px;
    left: 0;
    bottom: 10px;
    visibility: visible;
}

.npro_t_video {
    background: #0095ad;
    border-radius: 0.05rem;
    height: 32px;
    padding: 0 0.15rem;
    display: flex;
    align-items: center;
    margin-left: 0.1rem;
    flex-shrink: 0;
    margin-top: 0.15rem;
    color: #fff;
}

.npro_t_video_on {
    width: 0.3rem;
    height: 0.3rem;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.npro_t_video>span {
    color: #fff;
    margin-left: 0.1rem;
}

.sub_banner_newspro .h_b_txt_p p:not(:first-child) {
    width: 100%;
}

.npro_t_video_on svg {
    width: 20%;
    height: auto;
}

.npro_t_video_on svg path {
    fill: #fff;
}

.sub_banner_newspro .public_a {
    border: none;
}

.sub_banner_newspro .public_a:hover {
    opacity: 1;
}

.npro_anchor {
    position: sticky;
    top: 70px;
    height: 0.8rem;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
    background: #fff;
    z-index: 100;
}

@media screen and (max-width: 1440px) {
    .npro_anchor {
        top: 60px;
    }
}

.npro_anchor_box {
    overflow: auto;
    display: flex;
    align-items: center;
    height: 100%;
}

.npro_anchor_box a {
    white-space: nowrap;
    height: 100%;
    display: inline-flex;
    align-items: center;
    position: relative;
    margin-right: 0.58rem;
}

.npro_anchor_box a::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0%;
    background: transparent;
    width: 100%;
    height: 2px;
}

.npro_anchor_box a.on {
    color: #0095ad;
}

.npro_anchor_box a.on::after {
    background: #0095ad;
}

.npro_box {
    padding: 0rem 0 .5rem 0;
}

.ttop {
    padding: 70px 0 10px 0;
}

.npro_jg_box {
    padding: 30px 20px;
    background: #fff;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.xcx .npro_h2 {
    margin-bottom: 0rem;
    text-align: center;
    /* margin-top: 1rem; */
}

.npro_h2 {
    margin-bottom: 40px;
    text-align: center;
    /* margin-top: 1rem; */
}

.top h2 {
    margin-bottom: 0px !important;
}

.npro_h2 h2 {
    line-height: 1;
    font-weight: 400;
    margin-bottom: 15px;
}

.npro_h2 h2 span {

    line-height: 1;
    font-weight: 600;
    color: #0095ad;
    margin-left: 5px;
}

.npro_jg_l {
    width: 66.17%;
}

.npro_jg_l>img {
    object-fit: contain;
}

.npro_jg_box {
    display: flex;
    justify-content: space-between;
    height: 7.02rem;
}

.npro_jg_r {
    width: 27.94%;
    padding: 0.36rem 0.28rem 0.36rem 0;
    overflow: auto;
}

.npro_jg_r_box {
    margin-bottom: 0.35rem;
}

.npro_jg_r_box h3 {
    margin-bottom: 0.15rem;
}

.npro_jg_r_box p {
    color: #4b5b76;
    font-size: 14px;
    line-height: 1.7;
}

.npro_gn {
    background: #f8f8f8;
}

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

.npro_gn_l {
    width: calc(32.85% + 15px);
}

.npro_gn_r {
    width: 64.28%;
    border: 0.1rem solid #e9eaec;
    background: #fff;
}

.npro_gn_r img {
    object-fit: contain;
}

.npro_gn_txt a {
    height: 1rem;
    background: #fff;
    border-radius: 5px;
    padding: 0 0.34rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-bottom: 0.1rem;
    position: relative;
    width: calc(100% - 15px);
}

.npro_gn_txt a>i {
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    top: 0.4rem;
    right: -20px;
    border-width: 10px;
    border-top-color: #0095ad;
    -webkit-transform: rotate(-90deg);
    display: none;
}

.npro_gn_p {
    display: none;
}

.npro_gn_h3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.npro_gn_h3 h3 {
    font-weight: 400;
}

.npro_gn_h3 img {
    width: 8px;
    height: auto;
}

.npro_gn_p_box {
    margin-top: 0.14rem;
    height: 1rem;
    overflow: auto;
    opacity: 0.7;
}

.npro_gn_p_box * {
    color: #fff;
    font-size: 14px;
}

/* .npro_gn_p_box p::after{content: '';position: absolute;left: 0;top: 0.07rem;width: 5px;height: 5px;background: #b9d3ff;border-radius: 50%;} */

.npro_gn_txt a.on {
    background: #0095ad;
    height: 2rem;
}

.npro_gn_txt a.on .npro_gn_h3 h3 {
    color: #fff;
}

.npro_gn_txt a.on .npro_gn_h3 img {
    display: none;
}

.npro_gn_txt a.on .npro_gn_p {
    display: block;
}

.npro_gn_txt a.on>i {
    display: block;
}

.npro_gn_p_box::-webkit-scrollbar {
    width: 3px;
}

.npro_gn_p_box::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.2);
    border-radius: 2px;
}

.npro_gn_p_box::-webkit-scrollbar-thumb {
    background: #fff;
    border-radius: 25px;
}

.npro_gn_p_box::-webkit-scrollbar-corner {
    background: #fff;
}

.npro_gn_qh {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 15px);
}

.npro_gn_qh a {
    height: 0.5rem;
    width: calc(50% - 0.05rem);
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fafbfd;
    border-radius: 5px;
}

.npro_gn_qh .bot {
    transform: rotate(180deg);
}

.npro_gn_qh a svg {
    width: 0.16rem;
    height: auto;
    opacity: 0.5;
}

.npro_gn_qh a path {
    fill: #999;
}

.npro_gn_qh a:hover {
    background: #fff;
}

.npro_gn_qh a:hover svg {
    opacity: 1;
}

.npro_gn_qh a:hover path {
    fill: #0095ad;
}

.npro_gn_txt::-webkit-scrollbar {
    width: 0 !important
}

.npro_gn_txt {
    width: 100%;
    height: 5.4rem;
    overflow-y: scroll;
}

.ptgn .npro_tx .subpb_box {
    background: #f8f8f8;
    height: 2.65rem;
}



.npro_tx .item4-devider {
    width: 30px;
    height: 1px;
    background: rgba(192, 201, 216, 1);
    box-sizing: border-box;
    margin: auto;
    margin-top: 15px;
    margin-bottom: 18px;
}

.npro_tx .subpb_box2 {
    /*! background: #f8f8f8; */
    height: 300px;
    border: 1px dashed rgb(179 203 204 / 71%);
    box-shadow: 0 0 22px 0 rgb(72 166 144 / 13%);
    /*! background-image: linear-gradient(0deg, #fff, #f3f5f8); */
    /*! border: 2px solid #fff; */
    box-shadow: 8px 8px 20px 0 rgb(55 99 170 / 10%), -8px -8px 20px 0 #fff;
}

.npro_cj_nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #e3e3e4;
    margin-bottom: 0.4rem;
}

.npro_cj_box {
    text-align: center;
}

.npro_cj {
    background: #f8f8f8;
}

.npro_cj_nav a {
    min-width: 2rem;
    padding: 0 0.15rem;
    background: #fff;
    height: 0.54rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #e3e3e4;
    color: #999;
    position: relative;
    transition: all 0.3s;
}

.npro_cj_nav a:last-child {
    border: none;
}

.npro_cj_nav a::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 2px;
    background: transparent;
    top: -1px;
    left: 0;
}

.npro_cj_nav a.on {
    color: #0095ad;
}

.npro_cj_nav a.on::after {
    background: #0095ad;
}

.npro_cj_hz {
    position: relative;
}

.npro_cj_con {
    display: flex;
    justify-content: space-between;
    background: #fff;
    height: 6rem;
}

.npro_cj_con_l {
    width: 56.07%;
    height: 100%;
}

.npro_cj_con_l img {
    object-fit: contain;
}

.npro_cj_con_r {
    width: 43.93%;
    height: 100%;
    padding: 0 0.8rem 0 0.6rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
}

.npro_cj_tit h3 {
    margin-bottom: 0.14rem;
}

.npro_cj_tit {
    padding-bottom: 0.28rem;
    border-bottom: 1px solid #ddd;
    margin-bottom: 0.3rem;
}

.npro_cj_p {
    margin-bottom: 0.55rem;
}

.npro_cj_p p {
    line-height: 1.7;
    color: #4b5b76;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
}

.npro_dt_con {
    position: relative;
}

.npro_dt_date {
    border-bottom: 2px solid #ddd;
    padding: 0 0 0.15rem 0.3rem;
    position: relative;
    margin-bottom: 0.18rem;
}

.npro_dt_date i {
    position: absolute;
    width: 0.14rem;
    height: 0.14rem;
    background: #999999;
    border-radius: 50%;
    left: 0.3rem;
    bottom: -0.07rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s;
}

.npro_dt_date i::after {
    content: '';
    border-radius: 50%;
    width: 0.04rem;
    height: 0.04rem;
    background: #fff;
}

.npro_dt_txt {
    padding: 0 0.06rem;
}

.npro_dt_swi {
    padding: 0 0.3rem 1rem;
    width: calc(100% + 0.6rem);
    margin-left: -0.3rem;
}

.npro_dt_txt_box {
    padding: 0.2rem 0.24rem 0.35rem;
    border-radius: 0.05rem;
    transition: all 0.3s;
    position: relative;
}

.npro_dt_txt_box h3 {
    margin-bottom: 0.14rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.npro_dt_txt_box p {
    color: #4b5b76;
    line-height: 1.7;
    margin-bottom: 0.28rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    height: 5.1em;
}

.npro_dt_txt_box span {
    color: #0095ad;
}

.npro_dt_txt_box::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid dashed dashed;
    border-color: #fff transparent transparent;
    overflow: hidden;
    cursor: pointer;
    transition: all .2s;
    -webkit-transition: all .2s;
    position: absolute;
    bottom: 100%;
    left: 0.24rem;
    margin-top: -0.07rem;
    border-width: 0.07rem;
    border-top-color: transparent;
    -webkit-transform: rotate(-180deg)
}

.npro_dt_nr:hover .npro_dt_txt_box {
    box-shadow: 0 0 0.2rem rgba(0, 0, 0, 0.1);
}

.npro_dt_nr:hover .npro_dt_date i {
    background: #0095ad;
}

.npro_dt_nr:hover .npro_dt_date i::after {
    background: #0095ad;
}

.npro_dt_nr:hover .npro_dt_txt_box::after {
    border-top-color: #fff;
}

.npro_dt_con .dev_prev {
    top: 0.44rem;
    left: -1rem;
}

.npro_dt_con .dev_next {
    top: 0.44rem;
    right: -1rem;
}

.npro_dt {
    padding-bottom: 0;
}

.npro_ys {
    background: #f8f8f8;
}

.npro_ys_nr {
    background: #fff;
    box-shadow: 0 0 0.15rem rgba(0, 0, 0, 0.1);
    display: flex;
    justify-content: space-between;
    height: 3.8rem;
    margin-bottom: 0.2rem;
}

.npro_ys_l {
    width: 50%;
    padding: 0 1.3rem 0 0.9rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.npro_ys_l h3 {
    font-weight: 400;
    margin-bottom: 0.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.npro_ys_l p {
    color: #4b5b76;
    line-height: 1.7;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}

.npro_ys_r {
    width: 50%;
}

.npro_ys_r img {
    object-fit: contain;
}

.npro_ys_nr:nth-child(2n) {
    flex-direction: row-reverse;
}

.npro_al_box {
    position: relative;
}

.yingjian .swiper-slide {
    width: 31%;
    margin: 1%;
}

.npro_al_swi {
    padding: 0.2rem 0.15rem;
    width: calc(100% + 0.3rem);
    margin-left: -0.15rem;
    margin-top: -0.2rem;
}

.npro_al_nr {
    box-shadow: 0 0 0.12rem rgba(0, 0, 0, 0.05);
    display: block;
    transition: all 0.3s;
    overflow: hidden;
}

.npro_al_img {
    width: 100%;
    height: 2.6rem;
    transition: all 0.3s;
}

.npro_al_txt {
    padding: 0.34rem 0.3rem 0.3rem;
}

.npro_al_txt_box {
    margin-bottom: 0;
}

.npro_al_txt_box h1 {
    font-size: 24px;
    font-weight: 400;
    text-align: center;
    letter-spacing: 2px;
}

.npro_al_txt_a {
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
    display: flex;
    align-items: flex-end;
}

.npro_al_txt h3 {
    margin-bottom: 0.1rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.npro_al_txt p {
    color: #4b5b76;
    line-height: 1.7;
    height: 3.4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.npro_al_nr:hover {
    border-radius: 0.05rem;
}

.npro_al_nr:hover .npro_al_img {
    height: 2rem;
}

.npro_al_nr:hover .npro_al_txt_a {
    height: 0.6rem;
}

.npro_zl {
    background: #f8f8f8;
}

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

.npro_zl_con {
    width: calc(50% - 0.2rem);
    background: #fff;
    padding: 0.32rem 0.4rem 0.4rem;
    border-radius: 0.05rem;
}

.npro_zl_tit {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.19rem;
    margin-bottom: 0.35rem;
    border-bottom: 1px solid #ddd;
}

.npro_zl_tit h3 {
    border-left: 2px solid #0095ad;
    line-height: 1.1;
    padding-left: 8px;
}

.npro_zl_tit a {
    color: #0095ad;
}

.npro_zl_txt_box {
    margin-bottom: 0.12rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 0.3rem;
}

.npro_zl_txt_box h4 {
    padding-left: 0.24rem;
    position: relative;
    color: #333;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: 400;
    font-size: 14px;
}

.npro_zl_txt_box h4::after {
    content: '';
    position: absolute;
    width: 0.05rem;
    height: 0.05rem;
    border-radius: 50%;
    background: #4b5b76666;
    left: 0.06rem;
    top: 50%;
    transform: translateY(-50%);
}

.npro_zl_txt_r {
    margin-left: 0.4rem;
    flex-shrink: 0;
}

.npro_zl_txt_r p {
    color: #0095ad;
    border: 1px solid #0095ad;
    line-height: 0.28rem;
    width: 0.74rem;
    text-align: center;
    border-radius: 3px;
}

.npro_zl_txt_box:hover h4 {
    color: #0095ad;
}

.npro_zl_txt_box:hover .npro_zl_txt_r span {
    color: #0095ad;
}

.npro_zl_txt_box:hover h4::after {
    background: #0095ad;
}

.npro_zl_txt_box:hover .npro_zl_txt_r p {
    color: #fff;
    background: #0095ad;
}

.npro_zl_txt_r span {
    color: #999;
    padding-right: 0.14rem;
}

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

.npro_oth_nr {
    width: calc((100% - 0.4rem)/4);
    border-radius: 0.05rem;
    overflow: hidden;
    height: 2.6rem;
    position: relative;
}

.npro_oth_img {
    width: 100%;
    height: 100%;
}

.npro_oth_txt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding-left: 0.2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.3s;
}

.npro_oth_txt_box h3 {
    color: #fff;
    margin-bottom: 0.12rem;
    font-weight: 600;
}

.npro_oth_txt_box p {
    color: rgba(255, 255, 255, 0.7);
    line-height: 1.7;
}

.npro_oth_txt_a {
    height: 0;
    overflow: hidden;
    transition: all 0.3s;
    display: flex;
    align-items: flex-end;
}

.npro_oth_nr:hover .npro_oth_txt {
    background: rgba(0, 0, 0, 0.5);
}

.npro_oth_nr:hover .npro_oth_txt_a {
    height: 0.72rem;
}

.npro_b {
    position: relative;
    height: 3rem;
}

.npro_b_bj {
    width: 100%;
    height: 100%;
}

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

.npro_b_txt h2 {
    color: #fff;
    font-weight: 400;
    margin-bottom: 0.25rem;
}

.npro_b_txt .public_a5 {
    height: 0.6rem;
    padding: 0 0.62rem;
}

.npro_gn_txt_a_img {
    display: none;
}

@media screen and (max-width: 1580px) {
    .npro_gn_p_box {
        height: 1.2rem;
    }

    .npro_tx .subpb_box2 {
        height: 280px;
    }

    .ptgn .subpb_box {
        height: 150px !important;
        transition: box-shadow .3s ease-in-out;
    }

    .npro_tx .subpb_box {
        height: 3rem;
    }
}

@media screen and (max-width: 1260px) {
    .npro_jg_r {
        width: 32%;
    }

    .npro_gn_txt {
        height: 8.4rem;
    }

    .npro_gn_txt a.on {
        height: 3.2rem;
    }

    .npro_gn_p_box {
        height: 1.8rem;
    }

    .npro_gn_p_box p {
        font-size: 12px;
    }

    .npro_tx .subpb_box {
        height: 3.2rem;
    }

    .npro_tx .subpb_box2 {
        height: auto;
        padding: 0.38rem 0.3rem;
    }

    .npro_cj_nav a {
        height: 0.8rem;
    }

    .npro_cj_con {
        height: 8rem;
    }
}

@media screen and (max-width: 1200px) {
    .npro_dt_con .dev_prev {
        top: 30px;
    }

    .npro_dt_con .dev_next {
        top: 30px;
    }

    .npro_dt_date i {
        width: 10px;
        height: 10px;
        bottom: -5px;
    }

    .npro_dt_date i::after {
        width: 3px;
        height: 3px;
    }

    .npro_al_nr:hover .npro_al_txt_a {
        height: 50px;
    }

    .yingjian .swiper-slide {
        width: 48%;
        margin: 1%;
    }

    .npro_al_img {
        height: 150px;
    }

    .npro_al_nr:hover .npro_al_img {
        height: 100px;
    }

    .npro_zl_txt_box {
        height: 24px;
    }

    .npro_oth_nr {
        height: 180px;
    }

    .npro_oth_nr:hover .npro_oth_txt_a {
        height: 50px;
    }

    .npro_b_txt .public_a5 {
        height: 36px;
    }

    .npro_h2 h2 {
        font-size: 22px;
        padding: 30px 0 0px;
    }

    .top h2 {
        margin-bottom: 0px ! important;
    }

    .npro_h2 {
        margin-bottom: 25px;
    }

    .npro_t_video {
        height: 36px;
        padding: 0 8px;
    }

    .npro_t_video_on {
        height: 20px;
        width: 20px;
    }
}

@media screen and (max-width: 991px) {
    .npro_anchor {
        height: 60px;
    }

    .npro_anchor_box a {
        margin-right: 10px;
    }

    .npro_cj_con {
        height: 10rem;
    }

    .npro_ys_nr {
        height: 5rem;
    }

    .npro_zl_txt_box {
        height: 30px;
    }

    .npro_zl_txt_r p {
        width: 40px;
        line-height: 26px;
    }

    .npro_oth_txt_box p br {
        display: none;
    }

    .npro_oth_txt {
        padding: 0 15px;
    }

    .npro_b {
        height: 160px;
    }
}

@media screen and (max-width: 767px) {
    .sub_banner_newspro {
        height: 380px;
    }

    .sub_banner_newspro .sub_banner_img img {
        height: 380px;
    }

    .sub_banner_newspro .h_b_txt {
        flex-direction: column-reverse;
        justify-content: center;
        align-items: center;
        padding-top: 0px;
        height: 380px;
    }

    .h_b_txt_r {
        width: 60%;
        max-width: 60%;
        margin: 0 0 20px;
    }

    .npro_t {
        flex-direction: column;
        align-items: flex-start;
        margin-bottom: 15px;
    }

    .h_b_txt_p span {
        display: block;
        padding-bottom: 12px;
        font-size: 18px;
        font-weight: bold;
        position: relative;
    }

    .npro_t_video {
        padding: 0 15px;
    }

    .npro_t_video>span {
        margin-left: 8px;
    }

    .sub_banner_newspro .public_a {
        padding: .5rem 1.5rem;
    }

    .npro_anchor_box {
        overflow: initial;
        flex-wrap: wrap;
        height: auto;
    }

    .npro_anchor {
        height: auto;
        padding: 20px 0 10px
    }

    .npro_anchor_box a {
        margin-bottom: 10px;
    }

    .npro_box {
        padding: 0px 0 40px 0;
    }

    .npro_jg_box {
        height: auto;
        flex-direction: column;
        padding: 10px 5%;
    }

    .npro_jg_l {
        width: 100%;
        margin-bottom: 20px;
    }

    .npro_jg_r {
        width: 100%;
    }

    .npro_gn_box {
        flex-direction: column;
    }

    .npro_gn_l {
        width: 100%;
    }

    .npro_gn_r {
        width: 100%;
    }

    .npro_gn_txt a>i {
        display: none !important;
    }

    .npro_gn_txt {
        height: auto;
    }

    .npro_gn_txt a {
        height: auto;
        padding: 10px 20px;
        margin: 0 0 20px !important;
        width: 100%;
    }

    .npro_gn_qh {
        display: none;
    }

    .npro_gn_txt a.on {
        height: auto;
    }

    .npro_gn_p_box {
        height: auto;
    }

    .npro_gn_r {
        display: none;
    }

    .npro_gn_txt_a_img {
        display: block;
    }

    .npro_gn_p {
        display: block !important;
    }

    .npro_gn_txt a {
        background: #0095ad;
        height: auto;
    }

    .npro_gn_txt a .npro_gn_h3 h3 {
        color: #fff;
        font-size: 16px;
    }

    .npro_gn_txt a .npro_gn_h3 img {
        display: none;
    }

    .npro_gn_txt a .npro_gn_p {
        display: block;
    }

    .npro_gn_txt a>i {
        display: block;
    }

    .npro_gn_txt_a_img {
        margin-top: 15px;
    }

    .npro_gn_txt_a_img img {
        object-fit: contain;
    }

    .subpb .five {
        width: 18% ! important;
        height: auto ! important;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 0 0.3rem;
        margin: 0 1% 0.5rem 0;
        justify-content: center;
        border-radius: 5px;
        padding: 20px 10px ! important;
    }

    .ptgn .subpb_box span {
        font-weight: 400;
        font-size: 14px;
        margin: 0rem auto 0.3rem;
    }

    .npro_tx .subpb_box {
        width: 100%;
        height: auto;
        padding: 30px 10px;
    }

    .subpb_box2:nth-child(3n) {
        margin: 0;
    }

    .npro_tx .subpb_box2 {
        width: 49%;
        height: 260px;
        padding: 30px 10px;
    }

    .npro_cj_nav a {
        height: 50px;
        font-size: 12px;
    }

    .npro_cj_con {
        flex-direction: column;
        height: auto;
        align-items: center;
    }

    .npro_cj_nav {
        margin-bottom: 20px;
    }

    .npro_cj_con_l {
        width: 80%;
    }

    .npro_cj_con_r {
        width: 100%;
        padding: 20px 10px;
    }

    .npro_dt_date {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .npro_dt_txt_box {
        padding: 15px;
    }

    .npro_dt_txt_box h3 {
        font-size: 16px;
    }

    .npro_ys_nr {
        height: auto;
        flex-direction: column-reverse !important;
        margin-bottom: 20px;
    }

    .npro_ys_l {
        width: 100%;
        padding: 20px;
    }

    .npro_ys_r {
        width: 100%;
        margin-bottom: 10px;
    }

    .npro_al_nr:hover .npro_al_img {
        height: 150px;
    }

    .npro_al_txt_a {
        height: 50px !important;
    }

    .npro_al_txt_box h1 {
        font-size: 18px;
        font-weight: 400;
        text-align: center;
        letter-spacing: 0px;
    }

    .npro_al_txt {
        padding: 15px;
    }

    .npro_zl_box {
        flex-direction: column;
    }

    .npro_zl_con {
        width: 100%;
        margin-bottom: 20px;
        padding: 15px;
    }

    .npro_zl_tit {
        padding-bottom: 10px;
        margin-bottom: 15px;
    }

    .npro_zl_txt_box {
        margin-bottom: 8px;
    }

    .npro_oth_box {
        flex-wrap: wrap;
    }

    .npro_oth_nr {
        width: 100%;
        margin-bottom: 20px;
    }

    .npro_oth_nr .npro_oth_txt {
        background: rgba(0, 0, 0, 0.5);
    }

    .npro_oth_nr .npro_oth_txt_a {
        height: 50px;
    }

    .npro_b_txt h2 {
        margin-bottom: 15px;
    }

    .npro_b_txt .public_a5 {
        padding: 0 15px;
    }

    .npro_tx .item4-devider {
        width: 30px;
        height: 1px;
        background: rgba(192, 201, 216, 1);
        box-sizing: border-box;
        margin: auto;
        margin-top: 12px;
        margin-bottom: 12px;
    }

    .gl {
        margin-bottom: 15px;
    }

    .subpb_box2 p {
        height: auto;
    }

    .subpb_box p {
        height: auto;
    }
}

.pro_nav2_new .nenav {
    max-height: 77vh !important;
    margin: 30px auto;
}

.pro_nav2_new {
    padding: 0;
}

.npro_nav {
    padding: 0.6rem 0 0.4rem;
    background: url(../images/npro_nav_bj.png) no-repeat;
    background-position: top;
    background-size: 100% 96px;
}

.npro_nav_l {
    width: 25%;
}

.npro_nav .npro_nav_box {
    display: flex;
    align-items: flex-start;
}

.npro_nav_r {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.npro_nav_l_box {
    width: 200px;
    height: 110px;
    background: #f5f7fa;
    border-radius: 5px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all 0.3s;
}

.npro_nav_l_icon img {
    height: 50px;
    width: 100%;
}

.npro_nav_l_icon .img2 {
    display: none;
}

.npro_nav_l_icon {
    margin-bottom: 0.05rem;
}

.npro_nav_l_box>svg {
    width: 0.12rem;
    height: auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 99%;
}

.npro_nav_l_box>svg path {
    fill: #F8F8F8;
    transition: all 0.3s;
}

.npro_nav_nr {
    transition: all 0.5s;
    float: left;
    margin: 8px;
    box-sizing: border-box;
    width: 32% !important;
    height: 90px !important;
    padding: 16px;
    cursor: pointer;
    background-image: linear-gradient(180deg, #f3f5f8, #fff);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
    border-radius: 5px;
}

.npro_nav_nr.five {
    transition: all 0.5s;
    float: left;
    margin: 8px;
    box-sizing: border-box;
    width: 18% !important;
    height: 90px !important;
    padding: 16px;
    cursor: pointer;
    background-image: linear-gradient(180deg, #f3f5f8, #fff);
    border: 2px solid #fff;
    box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff;
    border-radius: 5px;
}

.npro_nav_nr:hover {
    cursor: initial;
    background: #f3f5f8;
    box-shadow: inset 8px 8px 20px 0 rgba(55, 99, 170, .11), inset -8px -8px 20px 0 #fff;
}

.npro_nav_nr_t {
    padding: 0.3rem 0.2rem 0.18rem 0;
    /*! border-bottom: 1px solid #ddd; */
    transition: all 0.3s;
}

.npro_nav_nr_h3 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    transition: all 0.3s;
}

.npro_nav_nr_h3 h3 {
    transition: all 0.3s;
    position: relative;
    left: 0;
}

.npro_nav_nr_t p {
    transition: all 0.3s;
    position: relative;
    left: 0;
}

.npro_nav_nr_h3 svg {
    width: 0.18rem;
    height: auto;
    margin-left: 0.15rem;
    transition: all 0.3s;
    position: relative;
    left: 0;
}

.npro_nav_nr_h3 svg path {
    fill: #4b5b76;
}

.npro_nav_nr_t>p {
    font-size: 13px;
    color: #4b5b76;
    /*! padding: 10px 0; */
    padding-top: 10px;
    letter-spacing: 2px;
}

.npro_nav_nr ul li:first-child {
    margin-top: 0.18rem;
}

.npro_nav_nr ul li {
    margin-bottom: 0.12rem;
}

.npro_nav_nr ul li a {
    font-size: 14px;
}

.npro_nav_del {
    position: absolute;
}

.npro_nav:hover .npro_nav_l_box {
    background: #0095ad;
    background: linear-gradient(to right, #27bbc9 0, #0da2cd 100%);
}

.npro_nav:hover .npro_nav_l_icon .img1 {
    display: none;
}

.npro_nav:hover .npro_nav_l_icon .img2 {
    display: block;
}

.npro_nav:hover .npro_nav_l_box path {
    fill: #0095ad;
}

.npro_nav:hover .npro_nav_l_box h2 {
    color: #fff;
}

.npro_nav_nr_t.hov:hover {}

.npro_nav_nr_t.hov:hover .npro_nav_nr_h3 h3 {
    color: #0095ad;
    left: 0.1rem;
}

.npro_nav_nr_t.hov:hover p {
    left: 0.1rem;
}

.npro_nav_nr_t.hov:hover .npro_nav_nr_h3 svg {
    left: 0.1rem;
}

.npro_nav_nr_t.hov:hover .npro_nav_nr_h3 svg path {
    fill: #0095ad;
}

.flo {
    position: fixed;
    right: 10px;
    bottom: 200px;
    z-index: 100;
    display: block;
    width: 44px;
}

._2BFUoN9b0UsfUj_xNDhX3t {
    width: 22px ! important;
    margin-bottom: 10px ! important;
    height: auto ! important;
}

.flo>div {
    border: 1px solid #fff;
    border-radius: 44px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    background: #f7f8fa;
    cursor: pointer;
    width: 44px;
    height: 128px;
    background: linear-gradient(180deg, #ebf4ff, #fff);
    box-shadow: 0 8px 8px 0 rgba(155, 176, 226, .13);
    border-radius: 4px;
    border: 1px solid #fff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flo_sq {
    position: relative;
    width: 100%;
    height: 126px;
    margin-bottom: 10px;
    display: block;
}

.flo_sq img {
    object-fit: contain;
    border-radius: 44px;
}

.flo_sq p {
    width: 1em;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 1.2;
    color: #fff;
}

.flo_cont {
    position: relative;
    padding: 0.15rem 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px;
}

.flo_cont>p {
    width: 1em;
    line-height: 1.2;
    color: #0095ad;
}

.flo_cont svg {
    margin-bottom: 20px;
    width: 19px;
    height: auto;
}

.flo_top {
    height: 44px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.flo_top svg {
    width: 14px;
    height: auto;
}

.flo_top svg path {
    fill: #333;
}

.flo_cont_l {
    position: absolute;
    background: #f7f8fa;
    border: 1px solid #fff;
    border-radius: 5px;
    right: 63px;
    padding: 20px 15px;
    width: 220px;
    top: -120px;
    filter: drop-shadow(0px 2px 10px rgba(0, 0, 0, 0.1));
    display: none;
}

.flo_cont_l>svg,
.flo_cont_l>img {
    position: absolute;
    left: 100%;
    bottom: 20px;
    width: 11px;
    height: auto;
}

.flo_cont_l>svg path {
    fill: #f7f8fa;
}

.flo_cont_l_tw_box {
    margin-bottom: 20px;
    padding-bottom: 18px;
    border-bottom: 1px solid #ddd;
    display: flex;
    align-items: flex-start;
    justify-content: space-around;
}

.flo_cont_l_tw_ic svg {
    width: 18px;
    height: auto;
    margin-right: 10px;
}

.flo_cont_l_tw_num p {
    line-height: 1.2;
    margin-bottom: 6px;
}

.flo_cont_l_tw_num>span {
    color: #0095ad;
    white-space: nowrap;
    width: 100%;
}

.flo_cont_l_tw_num {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.flo_cont_l_tw_num>a {
    line-height: 0.3rem;
    padding: 0 17px;
    background: #0095ad;
    color: #fff;
    border-radius: 4px;
    display: flex;
    align-items: center;
    margin-left: 8px;
}

.flo_cont_l_b {
    padding-left: 0.27rem;
    display: flex;
    align-items: center;
}

.flo_cont_l_b img {
    width: 10px;
    margin-left: 8px;
}

@media screen and (max-width: 767px) {
    .flo {
        display: none !important;
    }
}

.public-img {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.public-img::before {
    content: "";
    display: block;
    position: relative;
    z-index: 0;
    padding-top: 100%;
}

.public-img>img {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s;
}

.cont_h2 {
    position: relative;
}

.cont_h2 .public_a2 {
    position: absolute;
    right: 0.3rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.sub_banner .h_b_txt_a a:nth-child(1) {
    background: #0095ad;
    border-color: #0095ad;
}

.sub_banner .h_b_txt_a a:nth-child(1):hover {
    color: #0095ad;
    background: #fff;
    border-color: #fff;
}

.sub_banner .h_b_txt_a a:nth-child(2) {
    background: #fff;
    color: #0095ad;
}

.sub_banner .h_b_txt_a a:nth-child(2):hover {
    color: #fff;
    background: #0095ad;
    border-color: #0095ad;
}

.case_show_r {
    position: initial;
}

.case_show_newr_box {
    margin-bottom: 0.35rem;
    padding-bottom: 0.25rem;
    border-bottom: 1px solid #f8f8f8;
}

.case_show_newr_box {
    margin-bottom: 0.3rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #f0f0f0;
    padding-bottom: 0.3rem;
}

.case_show_newr_img {
    width: 1.2rem;
    flex-shrink: 0;
    margin-right: 0.15rem;
}

.case_show_newr_img::before {
    padding-top: 60%;
}

.case_show_newr_txt {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
}

.case_show_newr_txt p {
    color: #999;
    margin-bottom: 0.08rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.case_show_newr_txt h3 {
    color: #444;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    line-height: 1.2;
    padding: 0;
    margin-bottom: 0.05rem;
    font-size: 16px;
}

.case_show_newr_box:last-child {
    border: none;
    margin-bottom: 0;
}

@media screen and (max-width: 1260px) {
    .case_show_newr_txt h3 {
        font-size: 14px;
    }

    .case_show_newr_txt p {
        -webkit-line-clamp: 1;
    }
}

@media screen and (max-width: 991px) {}

@media screen and (max-width: 767px) {
    .case_show_newr_img {
        width: 4.2rem;
    }

    .case_show_r_box h3 {
        font-size: 16px;
    }
}

.nav>ul>li:last-child .npro_nav_nr {
    width: calc((100%/2) - 1rem);
    margin: 0 1rem 0.25rem 0;
}

.nav>ul>li:last-child .npro_nav_r {
    width: 100%;
}

.foot_l_ba {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    margin-left: 0.4rem;
}

.foot_l_ba p,
.foot_l_ba a {
    margin-bottom: 0;
}

.foot_l_ba p {
    margin-right: 0.3rem;
}

.foot_b_lyq {
    display: flex;
    align-items: auto;
}

@media screen and (max-width: 991px) {
    .foot_b_l {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }

    .foot_b_lyq {
        margin-bottom: 0.2rem;
        display: flex;
        align-items: center;
    }

    .foot_b {
        height: auto;
    }

    .foot_l_ba {
        margin-left: 0;
    }

    .foot_b_box {
        padding: 0.2rem 0;
    }
}

@media screen and (max-width: 767px) {
    .foot_l_ba {
        display: flex;
        flex-wrap: wrap;
    }

    .foot_b_r {
        display: none;
    }

    .foot_b_box {
        padding: 10px 1rem;
    }

    .sub_tnav a {
        margin-bottom: 25px;
    }
}

@media screen and (max-width: 1580px) {
    .npro_nav_nr_h3>h3 {
        font-size: 16px !important;
    }
}

.devNe .sub_tnav .on {
    color: #333;
}

.npro_jg_l {
    position: relative;
    overflow: hidden;
}

.npro_jg_l_svg {
    width: 20px;
    height: 20px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 10;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.hsbg {
    background: #f8f8f8 ! important;
}

.npro_box {
    background: #f8f8f8;
    background-image: url(../images/item2-bg.png);
}

.npro_box:nth-child(2n) {
    background: #f8f8f8;
}

.subpb .last.rlxc .single-services-2 {
    background: #0095ad !important;
}

.subpb .last .text {
    color: #fff;
    margin-top: 8px;

}

.subpb .last.rlxc .single-services-2:hover {
    background: #474848 !important;
    box-shadow: inset 8px 8px 20px rgba(55, 99, 170, 0), inset -8px -8px 20px #fff0;
}

.npro_box:nth-child(2n).npro_tx .subpb_box2 {
    /*! background: #fff; */
}

.npro_box:nth-child(2n).npro_tx .subpb_box {
    background: #fff;
}

.text {
    color: #fff;
    margin-top: 8px;
}

@media (max-width: 768px) {
.plusBox {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row-reverse;
    padding: 0px ! important;
}
}
.plusBox {
    display: flex;
    justify-content: center;
    align-items: stretch;
    flex-direction: row-reverse;
    padding: 24px 40px;
}

.plusBox .plus {
    position: relative;
    display: inline-block;
    width: 36px;
    height: 36px;
    margin-left: 5px;
}

.plusBox .plus::before,
.plusBox .plus::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    width: 36px;
    height: 6px;
    background-color: #fff;
}

.plusBox .plus::after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.subpb_box2 .plusBox .plus:before,
.subpb_box2 .plusBox .plus:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    width: 36px;
    height: 6px;
    background-color: #fff;
}

.subpb_box .plusBox .plus:before,
.subpb_box .plusBox .plus:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    margin-top: -3px;
    width: 36px;
    height: 6px;
    background-color: #fff;
}

.subpb_box2 .plusBox .plus:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.subpb_box .plusBox .plus:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.npro_box:nth-child(2n-1).npro_tx .subpb_box2 {
    background: #f8f8f8;
}

.npro_box:nth-child(2n-1).npro_tx .subpb_box {
    /*! background: #f8f8f8; */
}

.npro_box:nth-child(2n).npro_al .npro_al_txt {
    background: #fff;
}

.npro_box:nth-child(2n-1).npro_al .npro_al_txt {
    background: #f8f8f8;
}

.npro_box.npro_tx .subpb_box:hover {
    background: #0095ad;
}

.subpb_box.five.wow.slideInUp.animated:hover {
    background: #ffffff;
    margin-top: -10px;
    transition: all ease .3s;
}

.npro_box.npro_tx .subpb_box2:hover {
    /* background: #0095ad; */
    margin-top: -15px;
    transition: all ease .3s;
}

.curtain12 {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
}

.curtain12 .curtain_title p {
    width: 55px;
    height: 45px;
}

.curtain12 .curtain_box {
    width: 360px;
    height: auto;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    padding: 0;
}

.qx_rz {
    padding: 40px 0.2rem 20px;
}

.qx_rz_tit {
    text-align: center;
    margin-bottom: 30px;
}

.qx_rz_tit p {
    font-size: 14px;
}

.qx_rz_btn {
    display: flex;
    justify-content: center;
    align-items: center;
}

.qx_rz_btn .a1 {
    padding: 8px 0.18rem;
    background: #0095ad;
    border-radius: 5px;
    color: #fff;
    transition: all 0.6s;
    margin: 0 10px;
    font-size: 14px;
}

.qx_rz_btn .a2 {
    padding: 8px 0.18rem;
    border-radius: 5px;
    transition: all 0.6s;
    margin: 0 10px;
    border: 1px solid #0095ad;
    color: #0095ad;
    font-size: 14px;
}



.traRec .news_con_img {
    height: 2.48rem;
}

.traRec .news_con_txt {
    padding: 0.24rem 0.7rem 0.44rem 0.21rem;
}

.traRec .news_con_txt h3 {
    margin-bottom: 0.12rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.traRec .news_con_txt p {
    color: #999;
    margin-bottom: 0;
}

.traRec .news_nr {
    position: relative;
    transition: all 0.5s;
    top: 0;
}

.traRec .news_nr:hover {
    border-radius: 0;
    box-shadow: 0 10px 20px rgb(0 0 0 / 10%);
    top: -10px;
}

.traRec .news_nr:hover h3 {
    color: #0095ad;
}

.traRec .news_nr:hover p {
    color: #333;
}

.traRec .news_nr:hover .news_con_txt {
    background: #fff;
}

.traRec_tit h2 {
    padding: 0;
    border: none;
    display: flex;
    align-items: center;
}

.traRec_tit h2 svg {
    width: 24px;
    height: auto;
    margin-right: 10px;
}

.traRec_tit h2 svg path {
    fill: #eb2b27;
}

.traRec_box .video {
    padding: 0.9rem 0 0;
}

.traRec_box .video_box {
    margin-bottom: 0;
}

.cour_bhot {
    padding: 0.72rem 0;
}

.cour_bhot_box {
    display: flex;
    flex-wrap: wrap;
}

.cour_bhot_con {
    width: calc((100% - 0.6rem)/3);
    margin: 0 0.3rem 0.3rem 0;
    padding: 0.28rem 0.92rem 0.26rem 0.32rem;
    background: #f8f8f8;
    transition: all 0.5s;
}

.cour_bhot_con:nth-child(3n) {
    margin-right: 0;
}

.cour_bhot_con h3 {
    margin-bottom: 0.12rem;
    line-height: 1.2;
    hyphens: 2.4em;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: 400;
}

.cour_bhot_con>p {
    color: #999;
    display: block;
    margin-bottom: 0.42rem;
}

.cour_bhot_b {
    display: flex;
    align-items: center;
}

.cour_bhot_b_box {
    display: flex;
    align-items: center;
    margin-right: 22px;
}

.cour_bhot_b_box svg {
    width: 22px;
    height: auto;
    margin-right: 10px;
}

.cour_bhot_b_box svg path {
    fill: #0095ad;
    transition: all 0.5s;
}

.cour_bhot_b_box p {
    transition: all 0.5s;
}

.cour_bhot_b_box:first-child svg {
    width: 17px;
}

.cour_bhot_con:hover {
    background: #0095ad;
}

.cour_bhot_con:hover h3 {
    color: #fff;
}

.cour_bhot_con:hover>p {
    color: #fff;
    opacity: 0.5;
}

.cour_bhot_con:hover svg path {
    fill: #fff;
}

.cour_bhot_con:hover .cour_bhot_b_box p {
    color: #fff;
}

@media screen and (max-width: 991px) {
    .traRec_tit h2 svg {
        width: 16px;
    }

    .cour_bhot_con {
        width: calc(50% - 0.1rem);
        margin: 0 0.2rem 0.2rem 0;
    }

    .cour_bhot_con:nth-child(3n) {
        margin-right: auto;
    }

    .cour_bhot_con:nth-child(2n) {
        margin-right: 0;
    }
}

@media screen and (max-width: 767px) {
    .traRec .news_nr {
        width: 100%;
        margin: 0 0 0.8rem 0;
    }

    .traRec_box {
        padding: 20px 5%;
    }

    .traRec .news_con_img {
        height: 187px;
    }

    .traRec .news_con_txt {
        padding: 0.8rem;
    }

    .cour_bhot {
        padding: 20px 5%;
    }

    .cour_bhot_con {
        width: 100%;
        margin: 0 0 0.8rem 0 !important;
        padding: 0.8rem;
    }
}

.course_tsx {
    background: #fff;
    box-shadow: 0 1px 10px rgba(36, 80, 167, 0.1);
    padding: 0.52rem 0 0.3rem;
    position: relative;
}

.course_tsx_t {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 0.2rem;
    border-bottom: 1px solid #eeeeee;
}

.course_tsx_t form {
    width: 3.74rem;
    border: 1px solid #dddddd;
    padding: 0 20px 0 10px;
    height: 46px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.course_tsx_t form input {
    width: 100%;
    border: none;
    padding-left: 0;
}

.course_tsx_t button svg {
    width: 18px;
    height: auto;
}

.course_tsx_t button svg path {
    fill: #0095ad;
}

.course_tsx_bq {
    padding-top: 0.3rem;
}

.course_tsx_bq_box {
    display: flex;
}

.course_tsx_bq_box>p {
    flex-shrink: 0;
    margin-right: 15px;
}

.course_tsx_bq_box ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-right: 1.5rem;
}

.course_tsx_bq_box ul li {
    margin: 0 11px 12px;
}

.course_tsx_bq_box ul li a {
    line-height: 24px;
    padding: 0 12px;
    border-radius: 4px;
    font-size: 14px;
    display: inline-block;
}

.course_tsx_bq_box ul li.on a,
.course_tsx_bq_box ul li:hover a {
    background: #0095ad;
    color: #fff;
}

.sxkg {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/sx_bj.png) no-repeat;
    background-size: contain;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 140px;
    height: 32px;
    padding-bottom: 10px;
    cursor: pointer;
}

.sxkg svg {
    width: 10px;
    margin-left: 7px;
    transition: all 0.5s;
}

.sxkg svg path {
    fill: #343434;
}

.sxkg p {
    font-size: 14px;
}

.sxkg.on svg {
    transform: rotate(180deg);
}

@media screen and (max-width: 1260px) {
    .course_tsx_bq_box ul {
        padding: 0;
    }
}

@media screen and (max-width: 991px) {
    .course_tsx_t form {
        width: 200px;
        height: 40px;
    }
}

@media screen and (max-width: 767px) {
    .course_tsx_t {
        padding-bottom: 0.5rem;
    }

    .course_tsx_t button svg {
        width: 14px;
    }

    .course_tsx_t form {
        height: 36px;
    }

    .course_tsx_bq_box ul li a {
        padding: 0 7px;
    }

    .course_tsx_bq_box ul li {
        margin: 0 8px 8px;
    }

    .course_tsx_bq_box>p {
        margin-right: 10px;
    }
}

.course_tsx_sea {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.32rem 0 0.1rem;
}

.course_tsx_sea>p span {
    color: #0095ad;
    margin: 0 5px;
}

.course_tsx_sea_r {
    display: flex;
    align-items: center;
}

.course_tsx_sea_r svg {
    width: 7px;
    margin-right: 10px;
}

.course_tsx_sea_r p {
    color: #0095ad;
}

.course_tsx_sea_r svg path {
    fill: #0095ad;
}

.show_l_video {
    width: 100%;
    position: relative;
    height: 5.35rem;
    margin-bottom: 0.75rem;
}

.show_l_video>img {
    width: 100%;
    height: 100%;
}

.show_l_video_on {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    align-items: center;
    justify-content: center;
}

.show_l_video_box {
    width: 0.6rem;
    height: 0.6rem;
    border: 2px solid #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.show_l_video_box svg {
    width: 18.4%;
    height: auto;
}

.show_l_video_box svg path {
    fill: #fff;
}

@media screen and (max-width: 991px) {
    .show_l_video {
        height: 7.35rem;
    }

    .show_l_video_box {
        width: 1.4rem;
        height: 1.4rem;
    }
}

@media screen and (max-width: 767px) {
    .show_l_video {
        height: 9rem;
    }
}

.sett_icon2 {
    background: #ed4747;
    border-color: #ed4747;
}

/* .sett2 .sett_icon img{width: 100%;height: 100%;} */
.sett_ptt {
    margin: auto;
}

.sett_ptt p span {
    color: #0095ad;
}

.notdl:hover {
    color: #0095ad;
}

.eco_city_box {
    display: flex;
    align-items: center;
}

.sub_tnav {
    height: auto;
}

.nepub_a {
    width: 1.4rem;
    height: 0.46rem;
    background: #0095ad;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    border-radius: 4px;
    transition: all 0.6s;
    color: #fff;
    border: 1px solid transparent;
    margin-top: 0.4rem;
    margin-left: 0.4rem;
}

.nepub_a:hover {
    border-color: #0095ad;
    color: #0095ad;
    background: #fff;
}

.eco_t_a p a {
    background: #fff !important;
    color: #0095ad !important;
}

.eco_t_a p a:hover {
    background: #0095ad !important;
    border-color: #0095ad !important;
    color: #fff !important;
}

.weo_ld .sub_tnav {
    height: 100%;
}


.mt_110 {
    margin-top: 110px;
}

.mb_110 {
    margin-bottom: 110px;
}

.pt_110 {
    padding-top: 110px;
}

.pb_110 {
    padding-bottom: 110px;
}

.mt_85 {
    margin-top: 85px;
}

.mb_85 {
    margin-bottom: 85px;
}

.pt_85 {
    padding-top: 85px;
}

.pb_85 {
    padding-bottom: 85px;
}

.mt_75 {
    margin-top: 75px;
}

.mb_75 {
    margin-bottom: 75px;
}

.pt_75 {
    padding-top: 75px;
}

.pb_75 {
    padding-bottom: 75px;
}

.mt_60 {
    margin-top: 60px;
}

.mb_60 {
    margin-bottom: 60px;
}

.pt_60 {
    padding-top: 60px;
}

.pb_60 {
    padding-bottom: 60px;
}

.mt_55 {
    margin-top: 55px;
}

.mb_55 {
    margin-bottom: 55px;
}

.pt_55 {
    padding-top: 55px;
}

.pb_55 {
    padding-bottom: 55px;
}

.mt_45 {
    margin-top: 45px;
}

.mt_40 {
    margin-top: 40px;
}

.mb_40 {
    margin-bottom: 40px;
}

.mt_30 {
    margin-top: 30px;
}

.mb_30 {
    margin-bottom: 30px;
}

.mb_15 {
    margin-bottom: 15px;
}

.pt_30 {
    padding-top: 30px;
}

.pb_30 {
    padding-bottom: 30px;
}

.mt_25 {
    margin-top: 25px;
}

.mt_20 {
    margin-top: 20px;
}

.mt_15 {
    margin-top: 15px;
}


@media only screen and (max-width: 1366px) {
    .line_height19 {
        line-height: 1.5
    }

    .mt_110 {
        margin-top: 80px;
    }

    .mb_110 {
        margin-bottom: 80px;
    }

    .pt_110 {
        padding-top: 80px;
    }

    .pb_110 {
        padding-bottom: 80px;
    }

    .mt_85 {
        margin-top: 65px;
    }

    .mb_85 {
        margin-bottom: 65px;
    }

    .pt_85 {
        padding-top: 65px;
    }

    .pb_85 {
        padding-bottom: 65px;
    }

    .mt_75 {
        margin-top: 55px;
    }

    .mb_75 {
        margin-bottom: 55px;
    }

    .pt_75 {
        padding-top: 55px;
    }

    .pb_75 {
        padding-bottom: 55px;
    }

    .mt_60 {
        margin-top: 45px;
    }

    .mb_60 {
        margin-bottom: 45px;
    }

    .pt_60 {
        padding-top: 45px;
    }

    .pb_60 {
        padding-bottom: 45px;
    }

    .mt_55 {
        margin-top: 40px;
    }

    .mb_55 {
        margin-bottom: 40px;
    }

    .pt_55 {
        padding-top: 40px;
    }

    .pb_55 {
        padding-bottom: 40px;
    }
}

@media only screen and (max-width: 1200px) {
    .line_height21 {
        line-height: 1.8
    }

    .mt_110 {
        margin-top: 60px;
    }

    .mb_110 {
        margin-bottom: 60px;
    }

    .pt_110 {
        padding-top: 60px;
    }

    .pb_110 {
        padding-bottom: 60px;
    }

    .mt_85 {
        margin-top: 45px;
    }

    .mb_85 {
        margin-bottom: 45px;
    }

    .pt_85 {
        padding-top: 45px;
    }

    .pb_85 {
        padding-bottom: 45px;
    }

    .mt_75 {
        margin-top: 35px;
    }

    .mb_75 {
        margin-bottom: 35px;
    }

    .pt_75 {
        padding-top: 35px;
    }

    .pb_75 {
        padding-bottom: 35px;
    }

    .mt_60 {
        margin-top: 30px;
    }

    .mb_60 {
        margin-bottom: 30px;
    }

    .pt_60 {
        padding-top: 30px;
    }

    .pb_60 {
        padding-bottom: 30px;
    }

    .mt_55 {
        margin-top: 30px;
    }

    .mb_55 {
        margin-bottom: 30px;
    }

    .pt_55 {
        padding-top: 30px;
    }

    .pb_55 {
        padding-bottom: 30px;
    }

    .mt_45 {
        margin-top: 30px;
    }

    .mt_40 {
        margin-top: 30px;
    }

    .mb_40 {
        margin-bottom: 30px;
    }

    .mt_30 {
        margin-top: 20px;
    }

    .mb_30 {
        margin-bottom: 20px;
    }

    .pt_30 {
        padding-top: 20px;
    }

    .pb_30 {
        padding-bottom: 20px;
    }

    .mt_25 {
        margin-top: 20px;
    }

    .mt_20 {
        margin-top: 15px;
    }

    .mt_15 {
        margin-top: 10px;
    }
}

@media only screen and (max-width: 1000px) {
    .mt_110 {
        margin-top: 30px;
    }

    .mb_110 {
        margin-bottom: 30px;
    }

    .pt_110 {
        padding-top: 30px;
    }

    .pb_110 {
        padding-bottom: 30px;
    }

    .mt_85 {
        margin-top: 30px;
    }

    .mb_85 {
        margin-bottom: 30px;
    }

    .pt_85 {
        padding-top: 30px;
    }

    .pb_85 {
        padding-bottom: 30px;
    }

    .mt_75 {
        margin-top: 20px;
    }

    .mb_75 {
        margin-bottom: 20px;
    }

    .pt_75 {
        padding-top: 20px;
    }

    .pb_75 {
        padding-bottom: 20px;
    }

    .mt_60 {
        margin-top: 20px;
    }

    .mb_60 {
        margin-bottom: 20px;
    }

    .pt_60 {
        padding-top: 20px;
    }

    .pb_60 {
        padding-bottom: 20px;
    }

    .mt_55 {
        margin-top: 20px;
    }

    .mb_55 {
        margin-bottom: 20px;
    }

    .pt_55 {
        padding-top: 20px;
    }

    .pb_55 {
        padding-bottom: 20px;
    }

    .mt_30 {
        margin-top: 15px;
    }

    .mb_30 {
        margin-bottom: 15px;
    }

    .pt_30 {
        padding-top: 15px;
    }

    .pb_30 {
        padding-bottom: 15px;
    }

    .mt_25 {
        margin-top: 15px;
    }
}

@media only screen and (max-width: 767px) {
    .line_height21 {
        line-height: 1.6
    }

    .line_height19 {
        line-height: 1.4
    }

    .mt_110 {
        margin-top: 20px;
    }

    .mb_110 {
        margin-bottom: 20px;
    }

    .pt_110 {
        padding-top: 20px;
    }

    .pb_110 {
        padding-bottom: 20px;
    }

    .mt_85 {
        margin-top: 20px;
    }

    .mb_85 {
        margin-bottom: 20px;
    }

    .pt_85 {
        padding-top: 20px;
    }

    .pb_85 {
        padding-bottom: 20px;
    }

    .mt_45 {
        margin-top: 20px;
    }

    .mt_40 {
        margin-top: 20px;
    }

    .mb_40 {
        margin-bottom: 20px;
    }

    .mt_30 {
        margin-top: 10px;
    }

    .mb_30 {
        margin-bottom: 10px;
    }

    .pt_30 {
        padding-top: 10px;
    }

    .pb_30 {
        padding-bottom: 10px;
    }

    .mt_25 {
        margin-top: 10px;
    }

    .mt_20 {
        margin-top: 10px;
    }

    .mt_15 {
        margin-top: 10px;
    }

}

/*font-size*/
.fnt_12 {
    font-size: 12px;
}

.fnt_14 {
    font-size: 14px;
}

.fnt_16 {
    font-size: 16px;
}

.fnt_18 {
    font-size: 18px;
}

.fnt_20 {
    font-size: 20px;
}

.fnt_22 {
    font-size: 22px;
}

.fnt_24 {
    font-size: 24px;
}

.fnt_26 {
    font-size: 26px;
}

.fnt_28 {
    font-size: 28px;
}

.fnt_30 {
    font-size: 30px;
}

.fnt_32 {
    font-size: 32px;
}

.fnt_34 {
    font-size: 34px;
}

.fnt_36 {
    font-size: 36px;
}

.fnt_38 {
    font-size: 38px;
}

.fnt_40 {
    font-size: 40px;
}

.fnt_42 {
    font-size: 42px;
}

.fnt_44 {
    font-size: 44px;
}

.fnt_46 {
    font-size: 46px;
}

.fnt_48 {
    font-size: 48px;
}

.fnt_50 {
    font-size: 50px;
}

.fnt_52 {
    font-size: 52px;
}

.fnt_54 {
    font-size: 54px;
}

.fnt_56 {
    font-size: 56px;
}

.fnt_58 {
    font-size: 58px;
}

.fnt_60 {
    font-size: 60px;
}

@media only screen and (max-width: 1440px) {
    .fnt_20 {
        font-size: 18px;
    }

    .fnt_22 {
        font-size: 18px;
    }

    .fnt_24 {
        font-size: 20px;
    }

    .fnt_26 {
        font-size: 24px;
    }

    .fnt_28 {
        font-size: 24px;
    }

    .fnt_30 {
        font-size: 30px;
    }

    .fnt_32 {
        font-size: 30px;
    }

    .fnt_34 {
        font-size: 30px;
    }

    .fnt_36 {
        font-size: 32px;
    }

    .fnt_38 {
        font-size: 32px;
    }

    .fnt_40 {
        font-size: 34px;
    }

    .fnt_42 {
        font-size: 34px;
    }

    .fnt_44 {
        font-size: 34px;
    }

    .fnt_46 {
        font-size: 36px;
    }

    .fnt_48 {
        font-size: 36px;
    }

    .fnt_50 {
        font-size: 38px;
    }

    .fnt_52 {
        font-size: 38px;
    }

    .fnt_54 {
        font-size: 38px;
    }

    .fnt_56 {
        font-size: 40px;
    }

    .fnt_58 {
        font-size: 40px;
    }

    .fnt_60 {
        font-size: 42px;
    }
}

@media only screen and (max-width: 1366px) {
    .fnt_16 {
        font-size: 14px;
    }
}

@media only screen and (max-width: 1200px) {
    .fnt_24 {
        font-size: 18px;
    }

    .fnt_20 {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1024px) {
    .fnt_18 {
        font-size: 16px;
    }

    .fnt_20 {
        font-size: 16px;
    }

    .fnt_24 {
        font-size: 18px;
    }

    .fnt_26 {
        font-size: 20px;
    }

    .fnt_28 {
        font-size: 20px;
    }

    .fnt_30 {
        font-size: 24px;
    }

    .fnt_32 {
        font-size: 24px;
    }

    .fnt_34 {
        font-size: 24px;
    }

    .fnt_36 {
        font-size: 26px;
    }

    .fnt_38 {
        font-size: 26px;
    }

    .fnt_40 {
        font-size: 30px;
    }

    .fnt_42 {
        font-size: 30px;
    }

    .fnt_44 {
        font-size: 30px;
    }

    .fnt_46 {
        font-size: 32px;
    }

    .fnt_48 {
        font-size: 32px;
    }

    .fnt_50 {
        font-size: 34px;
    }

    .fnt_52 {
        font-size: 34px;
    }

    .fnt_54 {
        font-size: 34px;
    }

    .fnt_56 {
        font-size: 36px;
    }

    .fnt_58 {
        font-size: 36px;
    }

    .fnt_60 {
        font-size: 38px;
    }
}

@media only screen and (max-width: 767px) {
    .fnt_14 {
        font-size: 12px;
    }

    .fnt_16 {
        font-size: 14px;
    }

    .fnt_22 {
        font-size: 16px;
    }

    .fnt_24 {
        font-size: 16px;
    }

    .fnt_26 {
        font-size: 18px;
    }

    .fnt_28 {
        font-size: 18px;
    }

    .fnt_30 {
        font-size: 18px;
    }

    .fnt_32 {
        font-size: 22px;
    }

    .fnt_34 {
        font-size: 22px;
    }

    .fnt_36 {
        font-size: 24px;
    }

    .fnt_38 {
        font-size: 24px;
    }

    .fnt_40 {
        font-size: 24px;
    }

    .fnt_42 {
        font-size: 24px;
    }

    .fnt_44 {
        font-size: 24px;
    }

    .fnt_46 {
        font-size: 24px;
    }

    .fnt_48 {
        font-size: 26px;
    }

    .fnt_50 {
        font-size: 26px;
    }

    .fnt_52 {
        font-size: 26px;
    }

    .fnt_54 {
        font-size: 28px;
    }

    .fnt_56 {
        font-size: 28px;
    }

    .fnt_58 {
        font-size: 28px;
    }

    .fnt_60 {
        font-size: 30px;
    }
}


.fixed:before,
.clearfix:before,
.cf:before,
body:before,
.header:before,
.main:before,
.footer:before {
    /* content: ''; */
    /* display: table; */
}

.fixed:after,
.clearfix:after,
.cf:after,
after,
.header:after,
.main:after,
.footer:after {
    content: '';
    display: table;
    clear: both
}

.fixed,
.clearfix,
.cf,
.header,
.main,
.footer {
    *zoom: 1
}

.clear,
.cl {
    display: block !important;
    float: none !important;
    clear: both;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    font-size: 0 !important;
    line-height: 0 !important
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: 0.5;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: 0.5;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: 0.5;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: 0.5;
}

.GiF04_hG0YQrTryQwwau {
    position: relative;
    width: 22px;
    height: 22px;
    background-image: url(/e87de796f39d4123996b123dbdb3baba.svg);
    margin-right: 29px;
    background-size: contain;
}

._1a3eik92bFXbG4SMMVRf7L {
    position: absolute;
    top: -155px;
    left: -40px;
    width: 140px;
    height: 140px;
    background-image: url(/66c3ffce1a124a64893e429bbed24150.png);
    background-size: contain;
    box-shadow: 0 0 100px 0 rgba(28, 63, 145, .1);
    visibility: hidden;
}

.mobile-news-wrapper .news-content .artical-con .next-before img {
    width: 0.48rem;
    height: 0.48rem;
    object-fit: cover;
    position: relative;
    top: 0.3rem;
}