:root {
    --theme-color:rgba(72, 160, 243, 1);--theme-color-transparency_5:rgba(72, 160, 243, .5);--theme-color-transparency_7:rgba(72, 160, 243, .7)}

#friend_link_1 {
    color: #222;
    margin-top: 2.222rem
}

#friend_link_1 .friends,#friend_link_1 .region {
    margin-bottom: .833rem
}

#friend_link_1 .friends .name,#friend_link_1 .region .name {
    display: inline-block
}

#friend_link_1 .friends .name li,#friend_link_1 .region .name li {
    display: inline-block;
    margin-right: 1.111rem
}

#friend_link_1 .friends .name li a,#friend_link_1 .region .name li a {
    font-size: .889rem;
    transition: all .2s ease;
    color: #222
}

#friend_link_1 .friends .name li:hover a,#friend_link_1 .region .name li:hover a {
    color: #0167af;
    transition: all .2s ease
}

#friend_link_1 .region {
    margin-top: .833rem
}

body {
    font-family: MicrosoftYaHei-Bold
}

body .pickerBox {
    position: absolute;
    left: 50px;
    top: 100px;
    max-width: 1200px
}

body .pickerBox .picker {
    position: absolute;
    width: 30px;
    height: 30px;
    cursor: pointer;
    left: 0;
    opacity: .4
}

body .pickerBox .picker:hover {
    opacity: 1;
    transition: all .2s ease
}

body a {
    text-decoration: none !important
}

#about_us_1 .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding: 2.111rem 0 1.556rem 0;
    border-bottom: 1px solid #ddd
}

#about_us_1 .title .left p {
    font-size: 1.444rem;
    color: #0167af;
    line-height: 1.444rem
}

#about_us_1 .title .right .breadcrumb {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: transparent
}

#about_us_1 .title .right .breadcrumb .bi,#about_us_1 .title .right .breadcrumb a {
    color: #0167af
}

#about_us_1 .main {
    margin: 2.222rem 0 4.444rem
}

#about_us_1 .main .left {
    margin-bottom: 1.111rem
}

#about_us_1 .main .left .left_top {
    margin-bottom: 1.111rem
}

#about_us_1 .main .left .left_top .left_top_title {
    background-color: #0167af;
    padding: 0 10px;
    height: 5.556rem
}

#about_us_1 .main .left .left_top .left_top_title p {
    font-size: 1.444rem;
    line-height: 5.556rem;
    color: #fff
}

#about_us_1 .main .left .left_top .panel-group {
    /* max-height: 235px; */
    overflow: auto
}

#about_us_1 .main .left .left_top .leftMenu {
    border: 1px solid #ddd
}

#about_us_1 .main .left .left_top .leftMenu:not(:last-child) {
    border-bottom: none
}

#about_us_1 .main .left .left_top .leftMenu .panel-heading {
    padding: .8rem .556rem;
    color: #000;
    position: relative;
    cursor: pointer;
    background-color: #f9f9f9
}

#about_us_1 .main .left .left_top .leftMenu .panel-heading .panel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0167af;
    font-size: 1rem;
    line-height: 2rem
}

#about_us_1 .main .left .left_top .leftMenu .panel-heading .panel-title a {
    color: #222;
    text-decoration: none
}

#about_us_1 .main .left .left_top .leftMenu .panel-heading span {
    position: absolute;
    right: 10px;
    top: 12px
}

#about_us_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
    cursor: pointer;
    padding: .4rem 1.25rem;
    transition: all .5s ease;
    background-color: #f9f9f9;
    border: none;
    border-top: 1px solid #ddd;
    border-radius: 0
}

#about_us_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
    text-decoration: none;
    color: #5c5c5c
}

#about_us_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease
}

#about_us_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
    color: #fff
}

#about_us_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease;
    border-color: transparent
}

#about_us_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
    color: #fff
}

#about_us_1 .main .left .left_bottom {
    /* height: 16.667rem; */
    border: 1px solid #ddd;
    background: url(../images/about_bg2.png) repeat-x bottom
}

#about_us_1 .main .left .left_bottom .bottom_title {
    padding: 1.333rem .556rem;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 1.556rem;
 color: #ffffff;
    background: #0167af;
}

#about_us_1 .main .left .left_bottom .bottom_main {
    width: 100%;
    padding: 1.111rem .556rem;
    font-size: .889rem;
    font-weight: 600
}

#about_us_1 .main .left .left_bottom .bottom_main ul li {
    margin-bottom: .833rem
}

#about_us_1 .main .right_main img {
    max-width: 100%
}

#message_1 .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding: 2.111rem 0 1.556rem 0;
    border-bottom: 1px solid #ddd
}

#message_1 .title .left p {
    font-size: 1.444rem;
    color: #0167af;
    line-height: 1.444rem
}

#message_1 .title .right .breadcrumb {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: transparent
}

#message_1 .title .right .breadcrumb .bi,#message_1 .title .right .breadcrumb a {
    color: #0167af
}

#message_1 .main {
    margin: 2.222rem 0 4.444rem
}

#message_1 .main .left {
    margin-bottom: 1.111rem
}

#message_1 .main .left .left_top {
    margin-bottom: 1.111rem
}

#message_1 .main .left .left_top .left_top_title {
    background-color: #0167af;
    padding: 0 10px;
    height: 5.556rem
}

#message_1 .main .left .left_top .left_top_title p {
    font-size: 1.444rem;
    line-height: 5.556rem;
    color: #fff
}

#message_1 .main .left .left_top .panel-group {
    /* max-height: 235px; */
    overflow: auto
}

#message_1 .main .left .left_top .leftMenu {
    border: 1px solid #ddd
}

#message_1 .main .left .left_top .leftMenu:not(:last-child) {
    border-bottom: none
}

#message_1 .main .left .left_top .leftMenu .panel-heading {
    padding: .8rem .556rem;
    color: #000;
    position: relative;
    cursor: pointer;
    background-color: #f9f9f9
}

#message_1 .main .left .left_top .leftMenu .panel-heading .panel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0167af;
    font-size: 1rem;
    line-height: 2rem
}

#message_1 .main .left .left_top .leftMenu .panel-heading .panel-title a {
    color: #222;
    text-decoration: none
}

#message_1 .main .left .left_top .leftMenu .panel-heading span {
    position: absolute;
    right: 10px;
    top: 12px
}

#message_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
    cursor: pointer;
    padding: .4rem 1.25rem;
    transition: all .5s ease;
    background-color: #f9f9f9;
    border: none;
    border-top: 1px solid #ddd;
    border-radius: 0
}

#message_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
    text-decoration: none;
    color: #5c5c5c
}

#message_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease
}

#message_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
    color: #fff
}

#message_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease;
    border-color: transparent
}

#message_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
    color: #fff
}

#message_1 .main .left .left_bottom {
   /*  height: 16.667rem; */
    border: 1px solid #ddd;
    background: url(../images/about_bg2.png) repeat-x bottom
}

#message_1 .main .left .left_bottom .bottom_title {
    padding: 1.333rem .556rem;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 1.556rem;
  color: #ffffff;
    background: #0167af;
}

#message_1 .main .left .left_bottom .bottom_main {
    width: 100%;
    padding: 1.111rem .556rem;
    font-size: .889rem;
    font-weight: 600
}

#message_1 .main .left .left_bottom .bottom_main ul li {
    margin-bottom: .833rem
}

#message_1 .main .right {
    padding: 1.833rem;
    box-shadow: 0 0 12px 0 rgba(0,0,0,0.1);
    border-radius: 20px
}

#message_1 .main .right .form_title {
    font-size: 1.111rem;
    color: #222
}

#message_1 .main .right .hr {
    margin: 1.111rem 0 .889rem
}

#message_1 .main .right .tips {
    font-size: .778rem;
    color: #888
}

#message_1 .main .right form {
    margin-top: 1.111rem
}

#message_1 .main .right form .start {
    color: #ff1414;
    font-size: .778rem;
    font-weight: 700
}

#message_1 .main .right form .form_btn {
    padding: 3.333rem 0;
    display: flex;
    justify-content: center
}

#message_1 .main .right form .form_btn .cancel,#message_1 .main .right form .form_btn .sub {
    width: 4.444rem;
    height: 2.222rem;
    border: none;
    color: #fff;
    cursor: pointer
}

#message_1 .main .right form .form_btn .sub {
    background-color: #1a58ac;
    margin-right: .556rem
}

#message_1 .main .right form .form_btn .cancel {
    margin-left: .556rem;
    color: #222;
    background-color: #ddd
}

#contact_us .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding: 2.111rem 0 1.556rem 0;
    border-bottom: 1px solid #ddd
}

#contact_us .title .left p {
    font-size: 1.444rem;
    color: #0167af;
    line-height: 1.444rem
}

#contact_us .title .right .breadcrumb {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: transparent
}

#contact_us .title .right .breadcrumb .bi,#contact_us .title .right .breadcrumb a {
    color: #0167af
}

#contact_us .main {
    margin: 2.222rem 0 4.444rem
}

#contact_us .main .left {
    margin-bottom: 1.111rem
}

#contact_us .main .left .left_top {
    margin-bottom: 1.111rem
}

#contact_us .main .left .left_top .left_top_title {
    background-color: #0167af;
    padding: 0 10px;
    height: 5.556rem
}

#contact_us .main .left .left_top .left_top_title p {
    font-size: 1.444rem;
    line-height: 5.556rem;
    color: #fff
}

#contact_us .main .left .left_top .panel-group {
    /* max-height: 235px; */
    overflow: auto
}

#contact_us .main .left .left_top .leftMenu {
    border: 1px solid #ddd
}

#contact_us .main .left .left_top .leftMenu:not(:last-child) {
    border-bottom: none
}

#contact_us .main .left .left_top .leftMenu .panel-heading {
    padding: .8rem .556rem;
    color: #000;
    position: relative;
    cursor: pointer;
    background-color: #f9f9f9
}

#contact_us .main .left .left_top .leftMenu .panel-heading .panel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0167af;
    font-size: 1rem;
    line-height: 2rem
}

#contact_us .main .left .left_top .leftMenu .panel-heading .panel-title a {
    color: #222;
    text-decoration: none
}

#contact_us .main .left .left_top .leftMenu .panel-heading span {
    position: absolute;
    right: 10px;
    top: 12px
}

#contact_us .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
    cursor: pointer;
    padding: .4rem 1.25rem;
    transition: all .5s ease;
    background-color: #f9f9f9;
    border: none;
    border-top: 1px solid #ddd;
    border-radius: 0
}

#contact_us .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
    text-decoration: none;
    color: #5c5c5c
}

#contact_us .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease
}

#contact_us .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
    color: #fff
}

#contact_us .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease;
    border-color: transparent
}

#contact_us .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
    color: #fff
}

#contact_us .main .left .left_bottom {
   /*  height: 16.667rem; */
    border: 1px solid #ddd;
    background: url(../images/about_bg2.png) repeat-x bottom
}

#contact_us .main .left .left_bottom .bottom_title {
    padding: 1.333rem .556rem;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 1.556rem;
   color: #ffffff;
    background: #0167af;
}

#contact_us .main .left .left_bottom .bottom_main {
    width: 100%;
    padding: 1.111rem .556rem;
    font-size: .889rem;
    font-weight: 600
}

#contact_us .main .left .left_bottom .bottom_main ul li {
    margin-bottom: .833rem
}

#contact_us .main .right .right_main {
    margin-top: 21px
}

#about_us_1 .main .right .right_main .right_top .item {
    text-align: center;
    margin-bottom: 2.778rem;
    border: 1px solid #fff;
    border-radius: 1.667rem;
    box-shadow: 0 0 7px 0 rgba(0,0,0,0.23);
    padding: 2.333rem 0;
    max-height: 185px
}

#about_us_1 .main .right .right_main .right_top .item p {
    word-wrap: break-word;
    word-break: break-all;
   /*  white-space: nowrap; */
    text-overflow: ellipsis;
    overflow: hidden;
}

#about_us_1 .main .right .right_main .right_top .item .item_img {
    width: 2.222rem;
    height: 2.222rem;
    margin: 0 auto;
    margin-bottom: .833rem
}

#about_us_1 .main .right .right_main .right_top .item .desc {
    font-size: 1.111rem;
    font-weight: 700;
    margin-bottom: .556rem
}

#case_product_1 .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding: 2.111rem 0 1.556rem 0;
    border-bottom: 1px solid #ddd
}

#case_product_1 .title .left p {
    font-size: 1.444rem;
    color: #0167af;
    line-height: 1.444rem
}

#case_product_1 .title .right .breadcrumb {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: transparent
}

#case_product_1 .title .right .breadcrumb .bi,#case_product_1 .title .right .breadcrumb a {
    color: #0167af
}

#case_product_1 .main {
    margin: 2.222rem 0 4.444rem
}

#case_product_1 .main .left {
    margin-bottom: 1.111rem
}

#case_product_1 .main .left .left_top {
    margin-bottom: 1.111rem
}

#case_product_1 .main .left .left_top .left_top_title {
    background-color: #0167af;
    padding: 0 10px;
    height: 5.556rem
}

#case_product_1 .main .left .left_top .left_top_title p {
    font-size: 1.444rem;
    line-height: 5.556rem;
    color: #fff
}

#case_product_1 .main .left .left_top .panel-group {
    /* max-height: 235px; */
    overflow: auto
}

#case_product_1 .main .left .left_top .leftMenu {
    border: 1px solid #ddd
}
.panel-title a:hover{color:#0066af}
#case_product_1 .main .left .left_top .leftMenu:not(:last-child) {
    border-bottom: none
}

#case_product_1 .main .left .left_top .leftMenu .panel-heading {
    padding: .8rem .556rem;
    color: #000;
    position: relative;
    cursor: pointer;
    background-color: #f9f9f9
}

#case_product_1 .main .left .left_top .leftMenu .panel-heading .panel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0167af;
    font-size: 1rem;
    line-height: 2rem
}

#case_product_1 .main .left .left_top .leftMenu .panel-heading .panel-title a {
    color: #222;
    text-decoration: none
}

#case_product_1 .main .left .left_top .leftMenu .panel-heading span {
    position: absolute;
    right: 10px;
    top: 12px
}

#case_product_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
    cursor: pointer;
    padding: .4rem 1.25rem;
    transition: all .5s ease;
    background-color: #f9f9f9;
    border: none;
    border-top: 1px solid #ddd;
    border-radius: 0
}

#case_product_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
    text-decoration: none;
    color: #5c5c5c
}

#case_product_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease
}

#case_product_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
    color: #fff
}

#case_product_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease;
    border-color: transparent
}

#case_product_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
    color: #fff
}

#case_product_1 .main .left .left_bottom {
    /* height: 16.667rem; */
    border: 1px solid #ddd;
    background: url(../images/about_bg2.png) repeat-x bottom
}

#case_product_1 .main .left .left_bottom .bottom_title {
    padding: 1.333rem .556rem;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 1.556rem;
  color: #ffffff;
    background: #0167af;
}

#case_product_1 .main .left .left_bottom .bottom_main {
    width: 100%;
    padding: 1.111rem .556rem;
    font-size: .889rem;
    font-weight: 600
}

#case_product_1 .main .left .left_bottom .bottom_main ul li {
    margin-bottom: .833rem
}

#case_product_1 .main .right .prod_con .item {
    cursor: pointer;
    margin-bottom: 1.111rem
}

#case_product_1 .main .right .prod_con .item .top {
    border: 1px solid #eaeaea
}

#case_product_1 .main .right .prod_con .item .bottom {
    transition: all .5s ease;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .666rem 1.111rem;
    width: 100%;
    border: 1px solid #eaeaea;
    border-top: none
}

#case_product_1 .main .right .prod_con .item .bottom a {
    color: #000;
    text-decoration: none
}

#case_product_1 .main .right .prod_con .item .bottom a .name {
    font-size: 1rem;
    width: 6rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

#case_product_1 .main .right .prod_con .item:hover .bottom {
    transition: all .5s ease;
    margin-bottom: .278rem;
    box-shadow: 0 0.4rem 1.7rem rgba(0,0,0,0.151) !important
}

#case_product_1 .main .right .prod_con .item:hover .bi,#case_product_1 .main .right .prod_con .item:hover .name {
    transition: all .5s ease;
    color: #0167af
}

#case_product_1 .main .page {
    margin-bottom: 1.111rem
}

#case_product_1 .main .pagination {
    display: flex;
    justify-content: center !important
}

#case_product_1 .main .pagination a,#case_product_1 .main .pagination span {
    position: relative;
    display: block;
    padding: .5rem 1.25rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #231815;
    background-color: transparent;
    border: none
}

#case_product_1 .main .pagination li.active a,#case_product_1 .main .pagination li.active span {
    z-index: 1;
    color: #fff;
    background-color: #0167af;
    border: none
}

#case_product_1 .main .pagination a:hover,#case_product_1 .main .pagination span:hover {
    z-index: 2;
    color: #0167af;
    text-decoration: none;
    background-color: #e9ecef;
    border: none
}

#case_product_details_1 .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding: 2.111rem 0 1.556rem 0;
    border-bottom: 1px solid #ddd
}

#case_product_details_1 .title .left p {
    font-size: 1.444rem;
    color: #0167af;
    line-height: 1.444rem
}

#case_product_details_1 .title .right .breadcrumb {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: transparent
}

#case_product_details_1 .title .right .breadcrumb .bi,#case_product_details_1 .title .right .breadcrumb a {
    color: #0167af
}

#case_product_details_1 .main {
    margin: 2.222rem 0 4.444rem
}

#case_product_details_1 .main .left {
    margin-bottom: 1.111rem
}

#case_product_details_1 .main .left .left_top {
    margin-bottom: 1.111rem
}

#case_product_details_1 .main .left .left_top .left_top_title {
    background-color: #0167af;
    padding: 0 10px;
    height: 5.556rem
}

#case_product_details_1 .main .left .left_top .left_top_title p {
    font-size: 1.444rem;
    line-height: 5.556rem;
    color: #fff
}

#case_product_details_1 .main .left .left_top .panel-group {
    /* max-height: 235px; */
    overflow: auto
}

#case_product_details_1 .main .left .left_top .leftMenu {
    border: 1px solid #ddd
}

#case_product_details_1 .main .left .left_top .leftMenu:not(:last-child) {
    border-bottom: none
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-heading {
    padding: .8rem .556rem;
    color: #000;
    position: relative;
    cursor: pointer;
    background-color: #f9f9f9
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-heading .panel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0167af;
    font-size: 1rem;
    line-height: 2rem
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-heading .panel-title a {
    color: #222;
    text-decoration: none
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-heading span {
    position: absolute;
    right: 10px;
    top: 12px
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
    cursor: pointer;
    padding: .4rem 1.25rem;
    transition: all .5s ease;
    background-color: #f9f9f9;
    border: none;
    border-top: 1px solid #ddd;
    border-radius: 0
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
    text-decoration: none;
    color: #5c5c5c
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
    color: #fff
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease;
    border-color: transparent
}

#case_product_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
    color: #fff
}

#case_product_details_1 .main .left .left_bottom {
  /*   height: 16.667rem; */
    border: 1px solid #ddd;
    background: url(../images/about_bg2.png) repeat-x bottom
}

#case_product_details_1 .main .left .left_bottom .bottom_title {
    padding: 1.333rem .556rem;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 1.556rem;
    color: #ffffff;
    background: #0167af;
}

#case_product_details_1 .main .left .left_bottom .bottom_main {
    width: 100%;
    padding: 1.111rem .556rem;
    font-size: .889rem;
    font-weight: 600
}

#case_product_details_1 .main .left .left_bottom .bottom_main ul li {
    margin-bottom: .833rem
}

#case_product_details_1 .main .right .right_main .top_img {
    width: 22.222rem;
    margin: 0 auto;
    text-align: center
}

#case_product_details_1 .main .right .right_main .top_img a img {
    max-width: 100%;
    height: auto
}

#case_product_details_1 .main .right .right_main .top_img a {
    text-decoration: none;
    font-size: 1.111rem;
    color: #222;
    line-height: 3.111rem
}

#case_product_details_1 .main .right .right_main .line {
    margin-top: 3.333rem
}

#case_product_details_1 .main .right .right_main .line .name {
    width: 8.6rem;
    height: 2.222rem;
    background-color: #0167af;
    text-align: center;
    padding: 0 5px
}

#case_product_details_1 .main .right .right_main .line .name span {
    color: #fff;
    line-height: 2.222rem
}

#case_product_details_1 .main .right .right_main .line div {
    width: 100%;
    height: 2px;
    background-color: #0167af
}

#case_product_details_1 .main .right .right_main .cont {
    padding: 1.667rem 0
}

#case_product_details_1 .main .right .right_main .cont img {
    max-width: 100%;
    height: auto
}

#case_product_details_1 .main .right .right_main .page {
    padding: 1.667rem 0
}

#case_product_details_1 .main .right .right_main .page a {
    text-decoration: none;
    color: #0167af
}

#newsCenter_1 .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding: 2.111rem 0 1.556rem 0;
    border-bottom: 1px solid #ddd
}

#newsCenter_1 .title .left p {
    font-size: 1.444rem;
    color: #0167af;
    line-height: 1.444rem
}

#newsCenter_1 .title .right .breadcrumb {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: transparent
}

#newsCenter_1 .title .right .breadcrumb .bi,#newsCenter_1 .title .right .breadcrumb a {
    color: #0167af
}

#newsCenter_1 .main {
    margin: 2.222rem 0 4.444rem
}

#newsCenter_1 .main .left {
    margin-bottom: 1.111rem
}

#newsCenter_1 .main .left .left_top {
    margin-bottom: 1.111rem
}

#newsCenter_1 .main .left .left_top .left_top_title {
    background-color: #0167af;
    padding: 0 10px;
    height: 5.556rem
}

#newsCenter_1 .main .left .left_top .left_top_title p {
    font-size: 1.444rem;
    line-height: 5.556rem;
    color: #fff
}

#newsCenter_1 .main .left .left_top .panel-group {
    /* max-height: 235px; */
    overflow: auto
}

#newsCenter_1 .main .left .left_top .leftMenu {
    border: 1px solid #ddd
}

#newsCenter_1 .main .left .left_top .leftMenu:not(:last-child) {
    border-bottom: none
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-heading {
    padding: .8rem .556rem;
    color: #000;
    position: relative;
    cursor: pointer;
    background-color: #f9f9f9
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-heading .panel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0167af;
    font-size: 1rem;
    line-height: 2rem
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-heading .panel-title a {
    color: #222;
    text-decoration: none
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-heading span {
    position: absolute;
    right: 10px;
    top: 12px
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
    cursor: pointer;
    padding: .4rem 1.25rem;
    transition: all .5s ease;
    background-color: #f9f9f9;
    border: none;
    border-top: 1px solid #ddd;
    border-radius: 0
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
    text-decoration: none;
    color: #5c5c5c
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
    color: #fff
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease;
    border-color: transparent
}

#newsCenter_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
    color: #fff
}

#newsCenter_1 .main .left .left_bottom {
    /* height: 16.667rem; */
    border: 1px solid #ddd;
    background: url(../images/about_bg2.png) repeat-x bottom
}

#newsCenter_1 .main .left .left_bottom .bottom_title {
    padding: 1.333rem .556rem;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 1.556rem;
    color: #ffffff;
    background: #0167af;
}

#newsCenter_1 .main .left .left_bottom .bottom_main {
    width: 100%;
    padding: 1.111rem .556rem;
    font-size: .889rem;
    font-weight: 600
}

#newsCenter_1 .main .left .left_bottom .bottom_main ul li {
    margin-bottom: .833rem
}

#newsCenter_1 .main .right .right_main {
    margin-bottom: 4.444rem
}

#newsCenter_1 .main .right .right_main .wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: 1.111rem
}

#newsCenter_1 .main .right .right_main .wrapper .news_left {
    text-align: center;
    width: 6.667rem;
    height: 7.222rem;
    padding: 1rem;
    color: #222;
    background-color: #f1f3f5;
    border-radius: .278rem;
    margin-right: 1.222rem;
    transition: all .2s ease
}

#newsCenter_1 .main .right .right_main .wrapper .news_left:hover {
    color: #0167af;
    transition: all .2s ease
}

#newsCenter_1 .main .right .right_main .wrapper .news_left .day {
    font-size: 1.778rem;
    font-weight: 700
}

#newsCenter_1 .main .right .right_main .wrapper .news_left .date {
    font-size: 1.111rem
}

#newsCenter_1 .main .right .right_main .wrapper .news_right {
    padding: 1.3rem 1.944rem 1.3rem .889rem;
    background-color: #f7f7f8;
    width: 40.556rem;
    height: 7.222rem;
    border-radius: .278rem;
    color: #222
}

#newsCenter_1 .main .right .right_main .wrapper .news_right:hover {
    color: #0167af;
    transition: all .2s ease
}

#newsCenter_1 .main .right .right_main .wrapper .news_right .news_title {
    text-align: left;
    font-size: 1rem;
    font-weight: bolder;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-bottom: .556rem
}

#newsCenter_1 .main .right .right_main .wrapper .news_right .news_con {
    font-size: .889rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

#newsCenter_1 .main .right .right_main a {
    text-decoration: none;
    color: #222
}

#newsCenter_1 .main .right .page {
    margin-bottom: 1.111rem
}

#newsCenter_1 .main .right .pagination {
    display: flex;
    justify-content: center !important
}

#newsCenter_1 .main .right .pagination a,#newsCenter_1 .main .right .pagination span {
    position: relative;
    display: block;
    padding: .5rem 1.25rem;
    margin-left: -1px;
    line-height: 1.25;
    color: #231815;
    background-color: transparent;
    border: none
}

#newsCenter_1 .main .right .pagination li.active a,#newsCenter_1 .main .right .pagination li.active span {
    z-index: 1;
    color: #fff;
    background-color: #0167af;
    border: none
}

#newsCenter_1 .main .right .pagination a:hover,#newsCenter_1 .main .right .pagination span:hover {
    z-index: 2;
    color: #0167af;
    text-decoration: none;
    background-color: #e9ecef;
    border: none
}

#news_details_1 .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 80px;
    padding: 2.111rem 0 1.556rem 0;
    border-bottom: 1px solid #ddd
}

#news_details_1 .title .left p {
    font-size: 1.444rem;
    color: #0167af;
    line-height: 1.444rem
}

#news_details_1 .title .right .breadcrumb {
    padding: 0;
    margin: 0;
    border-radius: 0;
    background-color: transparent
}

#news_details_1 .title .right .breadcrumb .bi,#news_details_1 .title .right .breadcrumb a {
    color: #0167af
}

#news_details_1 .main {
    margin: 2.222rem 0 4.444rem
}

#news_details_1 .main .left {
    margin-bottom: 1.111rem
}

#news_details_1 .main .left .left_top {
    margin-bottom: 1.111rem
}

#news_details_1 .main .left .left_top .left_top_title {
    background-color: #0167af;
    padding: 0 10px;
    height: 5.556rem
}

#news_details_1 .main .left .left_top .left_top_title p {
    font-size: 1.444rem;
    line-height: 5.556rem;
    color: #fff
}

#news_details_1 .main .left .left_top .panel-group {
    /* max-height: 235px; */
    overflow: auto
}

#news_details_1 .main .left .left_top .leftMenu {
    border: 1px solid #ddd
}

#news_details_1 .main .left .left_top .leftMenu:not(:last-child) {
    border-bottom: none
}

#news_details_1 .main .left .left_top .leftMenu .panel-heading {
    padding: .8rem .556rem;
    color: #000;
    position: relative;
    cursor: pointer;
    background-color: #f9f9f9
}

#news_details_1 .main .left .left_top .leftMenu .panel-heading .panel-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0167af;
    font-size: 1rem;
    line-height: 2rem
}

#news_details_1 .main .left .left_top .leftMenu .panel-heading .panel-title a {
    color: #222;
    text-decoration: none
}

#news_details_1 .main .left .left_top .leftMenu .panel-heading span {
    position: absolute;
    right: 10px;
    top: 12px
}

#news_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item {
    cursor: pointer;
    padding: .4rem 1.25rem;
    transition: all .5s ease;
    background-color: #f9f9f9;
    border: none;
    border-top: 1px solid #ddd;
    border-radius: 0
}

#news_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item a {
    text-decoration: none;
    color: #5c5c5c
}

#news_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease
}

#news_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item:hover a {
    color: #fff
}

#news_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active {
    background-color: var(--theme-color-transparency_7) !important;
    transition: all .5s ease;
    border-color: transparent
}

#news_details_1 .main .left .left_top .leftMenu .panel-collapse .list-group .list-group-item.active a {
    color: #fff
}

#news_details_1 .main .left .left_bottom {
   /*  height: 16.667rem; */
    border: 1px solid #ddd;
    background: url(../images/about_bg2.png) repeat-x bottom
}

#news_details_1 .main .left .left_bottom .bottom_title {
    padding: 1.333rem .556rem;
    width: 100%;
    border-bottom: 1px solid #ddd;
    font-size: 1.556rem;
   color: #ffffff;
    background: #0167af;
}

#news_details_1 .main .left .left_bottom .bottom_main {
    width: 100%;
    padding: 1.111rem .556rem;
    font-size: .889rem;
    font-weight: 600
}

#news_details_1 .main .left .left_bottom .bottom_main ul li {
    margin-bottom: .833rem
}

#news_details_1 .main .right .right_main {
    padding: 0 0 0 20px
}

#news_details_1 .main .right .right_main .top_img {
    text-align: center
}

#news_details_1 .main .right .right_main .top_img a img {
    max-width: 100%;
    height: auto
}

#news_details_1 .main .right .right_main .top_img .news_title {
    font-size: 1.333rem;
    margin-bottom: .556rem;
    font-weight: 700;
    color: #222
}

#news_details_1 .main .right .right_main .top_img .news_desc {
    color: #777;
    font-size: .889rem;
    margin-bottom: 1.667rem;
    line-height: 1.111rem
}

#news_details_1 .main .right .right_main .top_img .news_desc span {
    margin-right: 1.111rem
}

#news_details_1 .main .right .right_main .cont {
    padding: 1.667rem 0
}

#news_details_1 .main .right .right_main .cont img {
    max-width: 100%;
    height: auto
}

#news_details_1 .main .right .right_main .page {
    padding: 1.667rem 0
}

#news_details_1 .main .right .right_main .page a {
    text-decoration: none;
    color: #0167af
}

@media (max-width: 767px) {
    .hidden-xs {
        display:none !important
    }

    .show-xs {
        display: block !important
    }

    .h_con {
        display: none !important
    }
}

@media (max-width: 992px) {
    .hiddex-lg {
        display:none
    }
}

@media (max-width: 1140px) {
    .hiddex-xl {
        display:none
    }
}