@charset "UTF-8";
/*公共*/
/*.commonpdf .commonpdf_list ul li .commonpdf_t .time span, */
.banner_com .banner_c_tit p.eng, .talent .sec_txt .sec_t p.eng, .marketing .marketing_con .marketing_l_con p, .smart .smart_con .smart_list ul li .smart_l p.num, .quaHon .quaHon_txt p {
    font-family: GothamBold;
    line-height: 1.5;
    height: 0.8em;
}

.talent .sec1 .w1440, .pro_details .pro_details_list_con .pro_details_list_er .pro_img ul, .commonpdf .commonpdf_list ul li .commonpdf_b .commonpdf_b_con, .smart .smart_con .smart_list ul li, .smart .smart_con .smart_list ul li .smart_l, .smart .smart_con .smart_list ul li .smart_r .smart_r_txt {
    display: flex;
    display: -webkit-flex;
  /* Safari */
    align-items: flex-end;
    justify-content: space-between;
}

.banner_video .play, .nav_thr_div .nav_thr a, .pro_details .pro_details_list_con .pro_det_nav a, .pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_l .pro_txt_nav a, .commonpdf .commonpdf_list ul li .commonpdf_t, .commonpdf .commonpdf_list ul li .commonpdf_t .time span, .commonpdf .commonpdf_list ul li .commonpdf_t h3, .commonpdf .commonpdf_list ul li .commonpdf_t h3 a, .application .application_b .application_list .application_swiper .swiper-slide .application_txt, .application .application_b .application_list .application_pagination span, .application .application_b .application_list .application_btn, .marketing .marketing_con:hover, .smart .smart_con .smart_list ul li .smart_l, .smart .smart_con .smart_list ul li .smart_l p.num, .smart .smart_con .smart_list ul li .smart_r .smart_r_txt, .quaHon .quaHon_txt .qua_btn .quaHon_btn, .quaHon .honor .honor_swiper .swiper-slide, .quaHon .honor .honor_swiper .honor_pag span, .quaHon .style .style_pag span {
    transition: all 0.3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
}

html body {
    font-size: 16px;
    font-size: 0.16rem;
}

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

.banner_com {
    font-size: 1.5em;
    position: relative;
}

.banner_com img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

.banner_com .banner_c_tit {
    position: absolute;
    width: 32.65%;
    width: 4.98rem;
    left: 0;
    top: 0;
    height: 100%;
    background-color: #0054a7;
    background-color: rgba(0, 84, 167, 0.85);
    color: #fff;
}

.banner_com .banner_c_tit .banner_c_txt {
    position: absolute;
    top: 50%;
      /*margin-top: -32px;*/
    transform: translateY(-50%);
    left: 38.277%;
    left: 2.4rem;
}

.banner_com .banner_c_tit h2 {
    font-size: 1em;
    line-height: 1;
      /*margin-bottom: 16px;*/
}

.banner_com .banner_c_tit p.eng {
    font-size: 1em;
    font-family: GothamBold;
    line-height: 1;
}

.banner_video {
    position: relative;
    overflow: hidden;
}

.banner_video .play {
    cursor: pointer;
    position: absolute;
    width: 109px;
    height: 109px;
    border-radius: 50%;
    background: url(../images/play.png) no-repeat;
    left: 50%;
    top: 50%;
    margin-left: -54.5px;
    margin-top: -54.5px;
    z-index: 2;
    opacity: 0.66;
}

.banner_video .play:hover {
    opacity: 0.9;
}

.banner_video video {
    display: block;
    width: 100%;
    max-height: 556px;
    object-fit: cover;
}

.daxie {
    text-transform: Uppercase;
}

.nav_thr_div {
    position: relative;
    z-index: 2;
}

.nav_thr_div .nav_thr {
    text-align: right;
    letter-spacing: -7px;
    margin-top: -40px;
    margin-top: -0.40rem;
}

.nav_thr_div .nav_thr a {
    letter-spacing: 0;
    font-size: 1.125em;
    display: inline-block;
    text-align: center;
    min-width: 1.50rem;
    padding: 31px 32px;
    padding: 0.31rem 0.32rem;
    line-height: 1;
    background-color: #ededed;
}

.nav_thr_div .nav_thr a.on, .nav_thr_div .nav_thr a:hover {
    background-color: #0054a7;
    color: #fff;
}

@media screen and (max-width: 750px) {
    .nav_thr_div .nav_thr {
    /*display: flex;
    justify-content: center;*/
        margin-top: 0;
    }

    .nav_thr_div .nav_thr a {
        padding: 0.31rem 0.32rem;
    }
}

/*人才战略*/
.talent {
    font-size: 1em;
}

.talent .sec_txt .sec_t {
    position: relative;
    padding: 59px 0 59px 16.987%;
    height: 1.59rem;
    padding: 0.59rem 0 0.59rem 1.05rem;
    background: url(../images/talent_h3_bg.png) -80px center no-repeat #0054a7;
    color: #fff;
    font-size: 1.25em;
    line-height: .41rem;
}

.talent .sec_txt .sec_t h3 {
    font-size: 1em;
    margin-bottom: 8px;
}

.talent .sec_txt .sec_b {
    padding: 58px 11.217%;
    padding: 0.58rem 0.70rem;
    padding-bottom: 0;
    line-height: 1.875;
    font-size: 1em;
    letter-spacing: 2px;
}

.talent .sec_txt .sec_b * {
    margin-bottom: 34px;
    margin-bottom: 0.34rem;
}

.talent .sec_txt .sec_b *:last-child {
    margin-bottom: 0;
}

.talent .sec1 {
    padding-bottom: 10.572%;
    padding-top: 6.875%;
    padding-top: 1.30rem;
    padding-bottom: 1.55rem;
    position: relative;
}

.talent .sec1:after {
    content: '';
    position: absolute;
    width: 67.35%;
    background-color: #fafafa;
    height: 100%;
    z-index: 0;
    right: 0;
    top: 0;
}

.talent .sec1 .w1440 {
    position: relative;
    z-index: 2;
}

.talent .sec1 .sec_img {
    width: 56.66%;
    width: 8.16rem;
}

.talent .sec1 .sec_txt {
    width: 43.34%;
}

.talent .sec1 .sec_txt .sec_t {
    width: 109.45%;
    width: 6.83rem;
    margin-left: -9.45%;
    margin-left: -0.59rem;
}

.talent .sec2 {
    position: relative;
    padding-bottom: 10.572%;
    padding-bottom: 1.55rem;
    margin-top: -2.4479%;
    margin-top: -0.47rem;
}

.talent .sec2:after {
    content: '';
    position: absolute;
    width: 71.61%;
    left: 0;
    bottom: 0;
    height: 77.75%;
    background-color: #fafafa;
    z-index: 0;
}

.talent .sec2 .w1440 {
    position: relative;
    z-index: 2;
}

.talent .sec2 .sec2_img {
    width: 92.7%;
    margin-left: auto;
}

.talent .sec2 .sec_txt {
    width: 78.82%;
    margin-top: -162px;
    margin-top: -1.59rem;
}

.talent .sec2 .sec_txt .sec_t {
    padding-left: 9.339%;
}

.talent .sec2 .sec_txt .sec_b {
    padding-left: 9.339%;
    padding-right: 9.339%;
    line-height: 30px;
}

.talent .sec2 .sec_txt .sec_b h4 {
    font-size: 1.125em;
    color: #0054a7;
    font-weight: normal;
}

.talent .sec2 .sec_txt .sec_b p {
    font-size: 1em;
}

.talent .sec3 {
    position: relative;
    padding-bottom: 7.5%;
    z-index: 2;
}

.talent .sec3:after {
    content: '';
    position: absolute;
    width: 62.5%;
    height: 63.86%;
    right: 0;
    bottom: 0;
    background-color: #fafafa;
    z-index: 0;
}

.talent .sec3 .sec3_img {
    position: relative;
    z-index: 2;
    width: 71.61%;
}

.talent .sec3 .w1440 {
    position: relative;
    z-index: 2;
}

.talent .sec3 .sec3_txt {
    width: 66.59%;
    margin-left: auto;
    margin-top: -60px;
    margin-top: -0.60rem;
    font-size: 1em;
}

.talent .sec3 .sec3_txt span {
    font-size: 1.125em;
}

.talent .sec3 .sec3_txt ol li {
    position: relative;
    padding-left: 50px;
}

.talent .sec3 .sec3_txt ol li span {
    font-size: 1.125em;
    color: #0054a7;
    position: absolute;
    left: 0;
    top: 0;
}

@media screen and (max-width: 1440px) {
    .talent .sec2:after {
        width: 77.61%;
    }

    .talent .sec3:after {
        width: 65.9%;
        height: 71.86%;
    }
}

@media screen and (max-width: 750px) {
    body {
        font-size: 0.24rem;
    }

    .banner_com .banner_c_tit {
        display: none;
    /*position: static;
    width: 100%;
    padding: 0.24rem 0;
    text-align: center;*/
    }

    .banner_com .banner_c_tit .banner_c_txt {
      /*position: static;*/
        transform: translateY(-50%);
        margin-top: 0;
    }

    .talent {
        padding-top: 1px;
    }

    .talent .sec1 .sec_txt .sec_t {
        width: 100%;
        margin-left: 0;
    }

    .talent .sec {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }

    .talent .sec .sec_img, .talent .sec .sec_txt {
        width: 100% !important;
        margin-top: 0 !important;
        margin-bottom: 0 !important;
    }

    .talent .sec .sec_txt .sec_b {
        padding: 0.58rem 8.217%;
    }

    .talent .sec .sec_txt .sec_b * {
        margin-bottom: 0.34rem;
    }

    .talent .sec .sec_txt .sec_b *:last-child {
        margin-bottom: 0;
    }

    .talent .sec1 .w1440 {
        display: block;
    }

    .talent .sec1:after, .talent .sec2:after, .talent .sec3:after {
        display: none;
    }

    .talent .sec3 .sec3_txt ol li {
        padding-left: 0.60rem;
    }
}

/*石油专用管*/
.pro_details {
    position: relative;
    margin-bottom: 7.222%;
}

.pro_details .pro_details_list_con {
    padding-bottom: 1.05rem;
    padding-top: 2.5%;
}

.pro_details .pro_details_list_con .pro_det_nav {
    letter-spacing: -7px;
    text-align: center;
    padding-bottom: 2px;
    border-bottom: 1px solid #dddddd;
    margin-bottom: 3.47%;
}

.pro_details .pro_details_list_con .pro_det_nav a {
    font-size: 1.125em;
    padding: 0 18px;
    display: inline-block;
    line-height: 3;
    letter-spacing: 0;
    margin: 0 5.3%;
    position: relative;
    border-bottom: 4px solid transparent;
}

.pro_details .pro_details_list_con .pro_det_nav a:hover, .pro_details .pro_details_list_con .pro_det_nav a.on {
    border-color: #0054a7;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_con {
    display: none;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_img {
    position: relative;
    margin-bottom: 7.222%;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_img img {
    display: block;
    width: 100%;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_img ul li {
    width: 26.1%;
    height: 2.57rem;
    overflow: hidden;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_img ul li:first-child {
    width: 45.13%;
    height: 5.46rem;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_img .pro_img_r {
    width: 58.611%;
    position: absolute;
    right: 0;
        /*top: 15%;*/
    bottom: 3.04rem;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_img .pro_img_r p {
    background-color: #0054a7;
    color: #fff;
    padding: 53px 7.93%;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt {
    position: relative;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_l {
    width: 29.4%;
    height: 640px;
    height: 6.40rem;
    background-color: #0054a7;
    color: #fff;
    padding: 2.7% 3.4%;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_l .pro_txt_nav {
    letter-spacing: -7px;
    margin-bottom: 40px;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_l .pro_txt_nav a {
    display: inline-block;
    padding: 0px 23px;
    border-right: 1px solid #fff;
    letter-spacing: 0;
    font-size: 1.125em;
    line-height: 1.1111;
    color: #80aad3;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_l .pro_txt_nav a:first-child {
    padding-left: 0;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_l .pro_txt_nav a:last-child {
    border-right: 0;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_l .pro_txt_nav a.on, .pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_l .pro_txt_nav a:hover {
    color: #fff;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_l .pro_txt_con {
    line-height: 1.875;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_r {
    height: 640px;
    height: 6.40rem;
    width: 70.6%;
    overflow: scroll;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_r .pro_table_con {
    display: none;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_r .pro_table_con table, .pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_r .pro_table_con table td, .pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_r .pro_table_con table th {
    border: 1px solid #c0bebe;
    text-align: center;
}

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_r .pro_table_con table td, .pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_r .pro_table_con table th {
    padding: 0 0.10rem;
}

@media screen and (max-width: 750px) {
    .pro_details .pro_details_list_con .pro_details_list_er .pro_img .pro_img_r {
        position: static;
        width: 100%;
    }

    .pro_details .pro_details_list_con .pro_details_list_er .pro_img ul {
        display: block;
    }

    .pro_details .pro_details_list_con .pro_details_list_er .pro_img ul li {
      /*width: 100% !important;
      margin-bottom: 0.3rem;*/
    }

    .pro_details .pro_details_list_con .pro_details_list_er .pro_img .pro_img_r p {
        padding: 0.53rem 7.93%;
    }

    .pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_l {
        width: 100%;
        height: auto;
        padding: 4.7% 6.4%;
        transition: height 0.3s ease-in-out;
    }

    .pro_details .pro_details_list_con .pro_details_list_er .pro_img ul {
        letter-spacing: -7px;
    }

    .pro_details .pro_details_list_con .pro_details_list_er .pro_img ul li {
        height: auto;
        letter-spacing: 0px;
        width: 50%;
        display: inline-block;
        padding-right: 0.5px;
    }

    .pro_details .pro_details_list_con .pro_details_list_er .pro_img ul li:last-child {
        padding-right: 0;
        padding-left: 0.5px;
    }

    .pro_details .pro_details_list_con .pro_details_list_er .pro_img ul li:first-child {
        height: auto;
        width: 100%;
        padding-right: 0;
        margin-bottom: 1px;
        display: block;
    }

    .pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_r {
        width: 100%;
    }

    .pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_l .pro_txt_nav {
        margin-bottom: 0.40rem;
    }
}
  }
  }

.pro_details .pro_details_list_con .pro_details_list_er .pro_txt .pro_txt_r {
    width: 100%;
    height: 6.00rem;
} }

/*投资者公司资料*/
.enterprise_profile {
    /*padding-bottom: 1.60rem;*/
    position: relative;
    background-color: #fafaf9;
}

.enterprise_profile {
    /*padding-bottom: 1.60rem;*/
}

.enterprise_profile .ent_t {
  display: none;
    margin-bottom: 6.354%;
    position: relative;
    margin-bottom: 1.30rem;
}

.enterprise_profile .ent_t:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 3.05rem;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    background-color: #fafafa;
    display: none;
}

.enterprise_profile .ent_t .ent_t_con {
    width: 88.8%;
    width: 12.79rem;
    position: relative;
    z-index: 2;
    margin: 0 auto;
}

.enterprise_profile .ent_t .ent_t_con .ent_t_tit {
    text-align: center;
    padding: 5.16% 0;
    height: 1.81rem;
    padding: 0.68rem 0 0.70rem;
}

.enterprise_profile .ent_t .ent_t_con .ent_t_tit h3 {
    font-size: 1.25em;
    line-height: 1;
    margin-bottom: 8px;
}

.enterprise_profile .ent_t .ent_t_con .ent_t_tit p {
    font-size: 1.125em;
}

.enterprise_profile .ent_t .ent_t_con .ent_t_list .ent_t_list_ul .ent_t_list_li {
    float: left;
    width: 15.7%;
    width: 2.006rem;
    margin-right: 5.375%;
    margin-right: 0.69rem;
}

.enterprise_profile .ent_t .ent_t_con .ent_t_list .ent_t_list_ul .ent_t_list_li:last-child {
    margin-right: 0;
}

.enterprise_profile .ent_t .ent_t_con .ent_t_list .ent_t_list_ul .ent_t_list_li .ent_t_list_t {
    background-color: #f3f3f3;
    padding: 15.9% 10.9%;
    margin-bottom: 20px;
    margin-bottom: 0.20rem;
    height: 1.24rem;
        /*min-height: 124px;*/
}

.enterprise_profile .ent_t .ent_t_con .ent_t_list .ent_t_list_ul .ent_t_list_li .ent_t_list_t h5 {
    font-size: 1.125em;
    line-height: 1.3;
    font-weight: normal;
}

.enterprise_profile .ent_t .ent_t_con .ent_t_list .ent_t_list_ul .ent_t_list_li .ent_t_list_t p {
    font-size: 0.875em;
    color: #8e9096;
    line-height: 1.3;
}

.enterprise_profile .ent_t .ent_t_con .ent_t_list .ent_t_list_ul .ent_t_list_li .ent_t_list_b ul {
    border-left: 1px solid #d2d2d2;
    line-height: 1.666;
    font-size: 1.125em;
    color: #0054a7;
    padding-left: 18px;
    padding-left: 0.18rem;
}

.enterprise_profile .ent_b .ent_b_con_list {
    /*width: 88.8%;
    width: 12.79rem;*/
    width: 11.82rem;
    padding: 0.45rem 0 0 1.10rem;
    margin: 0 auto;
}

.enterprise_profile .ent_b .ent_b_con_list .ent_b_con {
    width: 45.1%;
    width: 5.77rem;
    width: 5.07rem;
    box-shadow: 0px 9px 40px 0px rgba(134, 133, 133, 0.09);
    box-shadow: 0px 0.09rem 0.40rem 0px rgba(134, 133, 133, 0.09);
    padding: 3.9% 3.2%;
    padding: 0.50rem 0.40rem;
    height: 385px;
    height: 3.85rem;
}

.enterprise_profile .ent_b .ent_b_con_list .ent_b_con ul li {
    position: relative;
    padding-left: 44px;
    padding-left: 0.44rem;
    margin-bottom: 25px;
    margin-bottom: 0.25rem;
    font-size: 0.16rem;
    line-height: 1.5;
}

.enterprise_profile .ent_b .ent_b_con_list .ent_b_con ul li i {
    font-size: 20px;
    font-size: 0.20rem;
    color: #0054a7;
    position: absolute;
    left: 0;
    top: 0;
}

.enterprise_profile .ent_b .ent_b_con_list .ent_b_con ul li h5 {
    font-weight: normal;
    color: #0054a7;
}

@media screen and (max-width: 750px) {
    .enterprise_profile .ent_t .ent_t_con .ent_t_list .ent_t_list_ul .ent_t_list_li {
        width: 100%;
        display: flex;
        align-items: center;
        overflow: hidden;
        margin-bottom: 0.20rem;
    }

    .enterprise_profile .ent_t .ent_t_con, .enterprise_profile .ent_b .ent_b_con_list {
        width: 100%;
    }

    .enterprise_profile .ent_t .ent_t_con .ent_t_list .ent_t_list_ul .ent_t_list_li .ent_t_list_t {
        padding: 8.9% 8.9%;
        width: 50%;
        min-height: auto;
        height: auto;
        margin-bottom: 0;
    }

    .enterprise_profile .ent_t .ent_t_con .ent_t_list .ent_t_list_ul .ent_t_list_li .ent_t_list_b {
        width: 50%;
    }

    .enterprise_profile .ent_t .ent_t_con .ent_t_list .ent_t_list_ul .ent_t_list_li .ent_t_list_b ul {
        border-left: none;
    }

    .enterprise_profile .ent_b .ent_b_con_list .ent_b_con {
        width: 100%;
        float: none;
        margin-bottom: 0.2rem;
        height: auto;
    }
}

/*投资者委员会*/
.commonpdf {
    background-color: #f4f3f0;
    position: relative;
    z-index: 5;
    padding: 1.53rem 3.19rem;
    /*margin-top: -0.75rem;*/
/*    display: flex;*/
}

.commonpdf.w1440 {
    margin-top: -0.75rem;
}


.secLeftNav{
  position: relative;
  background-color: #fafaf9;
  display: flex;
  padding-right: 2.4rem;
}
.leftNav_section{
  min-height: 4.8rem;
  position: relative;
  width: 11.82rem;
}
.leftNav_section .w1440{
    width: 100%;
}
.commonpdf.w1440.leftNav_section{
  margin-top: 0;
  padding: 0.45rem 0 0 1.1rem;
  background: transparent;
  width: 11.82rem;
}
.commonpdf.w1440.leftNav_section .committee-view{
  padding: 0;
}
.p_blue, .p_blue a{
  color: #17438a;
  line-height: 2;
}

.committee-view {
    width: 100%;
    padding-left: 1rem;
    padding-top: .5rem;
    padding-right: 2.4rem;
}

.commonpdf .changeYear{
  position: relative;
  width: 2.61rem;
  background-color: #fff;
  margin-bottom: 0.40rem;
z-index: 4;
}
.commonpdf .changeYear .selected{
  display: block;
  line-height: 0.65rem;
  height: 0.65rem;
  font-size: 0.16rem;
  color: #323338;
    padding-left: 0.38rem;
}
.commonpdf .changeYear .selected i{
  font-size: 0.22rem;
  vertical-align: middle;
  color: #0054a7;
  margin-left: 0.33rem;
}
.commonpdf .changeYear ul{
  position: absolute;
  width: 100%;
  top: 100%;
  background-color: #fff;
  transition: transform 0.3s ease-in-out;
  transform: scale(0);
}
.commonpdf .changeYear:hover ul{
  transform: scale(1);
}
.commonpdf .changeYear ul li a{
  display: block;
  font-size: 0.16rem;
  line-height: 0.65rem;
  height: 0.65rem;
  color: #323338;
  padding-left: 0.38rem;
}
.commonpdf .changeYear ul li a:hover, .commonpdf .changeYear ul li.on a{
  background-color: #0054a7;
  color: #fff;
}
.commonpdf .changeYear ul li a{
  color: #0054a7;
}

.commonpdf .commonpdf_list ul li {
    background-color: #fff;
    margin-bottom: 11px;
    margin-bottom: 0.11rem;
}

.commonpdf .commonpdf_list ul li:last-child {
    margin-bottom: 0;
}

.commonpdf .commonpdf_list ul li.on .commonpdf_t, .commonpdf .commonpdf_list ul li:hover .commonpdf_t {
    background-color: #1365b6;
}

.commonpdf .commonpdf_list ul li.on .commonpdf_t .time, .commonpdf .commonpdf_list ul li:hover .commonpdf_t .time {
    color: #fff;
}

.commonpdf .commonpdf_list ul li.on .commonpdf_t .time span.year, .commonpdf .commonpdf_list ul li:hover .commonpdf_t .time span.year {
    border-left-color: #fff;
}

.commonpdf .commonpdf_list ul li.on .commonpdf_t h3, .commonpdf .commonpdf_list ul li:hover .commonpdf_t h3 {
    color: #fff;
}

.commonpdf .commonpdf_list ul li.on .commonpdf_t {
    box-shadow: 0px 26px 35px 0px rgba(107, 106, 128, 0.41);
    box-shadow: 0px 0.26rem 0.35rem 0px rgba(107, 106, 128, 0.41);
}

.commonpdf .commonpdf_list ul li .commonpdf_t {
    height: 100px;
    line-height: 100px;
    height: 1.00rem;
    line-height: 1.00rem;
    overflow: hidden;
    cursor: pointer;
      /*transition: background-color 0.3s ease-in-out;*/
    position: relative;
}
.commonpdf .commonpdf_list ul li .commonpdf_t .lookmore{
  position: absolute;
  right: 0.38rem;
  top: 0;
}
.commonpdf .commonpdf_list ul li:hover .commonpdf_t .lookmore{
  color: #fff;
}

.commonpdf .commonpdf_list ul li .commonpdf_t .pdf {
    width: 38px;
    width: 0.38rem;
    height: 100px;
    height: 1.00rem;
    writing-mode: tb-rl;
    background-color: #807f85;
    color: #fff;
    text-align: center;
    line-height: 38px;
    line-height: 0.38rem;
    letter-spacing: 2px;
    letter-spacing: 0.02rem;
}

.commonpdf .commonpdf_list ul li .commonpdf_t .time {
    width: 230px;
    width: 2.30rem;
    color: #1365b6;
    height: 100px;
    height: 1.00rem;
    font-size: 1.5em;
    padding: 40px 20px;
    padding: 0.38rem 0rem;
    line-height: 1;
    text-align: center;
        /*@extend %transi;*/
}

.commonpdf .commonpdf_list ul li .commonpdf_t .time span {
    display: inline-block;
    height: 24px;
    height: 0.24rem;
    padding: 0 5px;
    padding: 0 0.05rem;
    font-weight: bold;
    line-height: 24px;
    line-height: 0.24rem;
}

.commonpdf .commonpdf_list ul li .commonpdf_t .time span.mon {
    margin-left: -0.15rem;
}

.commonpdf .commonpdf_list ul li .commonpdf_t .time span.day {
    letter-spacing: 5px;
    letter-spacing: 0.05rem;
    padding-left: 0;
}

.commonpdf .commonpdf_list ul li .commonpdf_t .time span.year {
    border-left: 1px solid #1365b6;
    padding-right: 0;
}

.commonpdf .commonpdf_list ul li .commonpdf_t h3 {
    margin-left: 268px;
    padding-left: 19px;
    margin-left: 2.68rem;
    padding-left: 0.19rem;
    border-left: 1px solid #d2d2d2;
    border-left: 0.01rem solid #d2d2d2;
    font-weight: normal;
    font-size: 1em;
}
.commonpdf .commonpdf_list ul li .commonpdf_t h3.notime {
   margin-left: 0;
}

.commonpdf .commonpdf_list ul li .commonpdf_t h3 a {
    color: #323338;
}

.commonpdf .commonpdf_list ul li .commonpdf_t:hover h3 a {
    color: #fff;
}

.commonpdf .commonpdf_list ul li .commonpdf_b {
    display: none;
}

.commonpdf .commonpdf_list ul li .commonpdf_b .commonpdf_b_con {
    padding: 32px 59px;
    padding: 0.32rem 0.59rem;
    align-items: center;
}

.commonpdf .commonpdf_list ul li .commonpdf_b .commonpdf_b_con .download a {
    display: block;
    width: 209px;
    width: 2.09rem;
    color: #1365b6;
    padding-right: 20px;
    padding-right: 0.20rem;
}

.commonpdf .commonpdf_list ul li .commonpdf_b .commonpdf_b_con .download a i {
    margin-right: 14px;
    margin-right: 0.14rem;
}

.commonpdf .commonpdf_list ul li .commonpdf_b .commonpdf_b_con .download_txt {
    padding-left: 49px;
    padding-left: 0.49rem;
    border-left: 1px solid #d8d8d8;
    border-left: 0.01rem solid #d8d8d8;
}

@media screen and (max-width: 1440px) {
    .commonpdf {
    /*padding: 7.98% 16.6%; */
    }
}

@media screen and (max-width: 750px) {
    .commonpdf {
        padding: 6.98% 6.6%;
        margin-top: 0px;
    }

    .commonpdf .commonpdf_list ul li.on .commonpdf_t {
        box-shadow: 0px 0.26rem 0.35rem 0px rgba(107, 106, 128, 0.41);
    }/*
    .commonpdf .commonpdf_list ul li .commonpdf_t {
      padding-left: 38px;
      height: auto;
      position: relative; }
      .commonpdf .commonpdf_list ul li .commonpdf_t .pdf {
        position: absolute;
        height: 100%;
        left: 0;
        top: 0; }
      .commonpdf .commonpdf_list ul li .commonpdf_t .time {
        width: 100%;
        float: none;
        padding: 0.20rem 0.40rem;
        height: auto;
        text-align: left; }
      .commonpdf .commonpdf_list ul li .commonpdf_t h3 {
        display: block;
        margin-left: 0;
        border-top: 1px solid #d2d2d2;
        border-left: 0px;
        padding: 0.20rem 0.40rem;
        line-height: 2; }*/
    .commonpdf .commonpdf_list ul li .commonpdf_b .commonpdf_b_con {
        display: block;
        padding: 0.4rem 0.4rem;
    }

    .commonpdf .commonpdf_list ul li .commonpdf_b .commonpdf_b_con .download {
        margin-bottom: 0.2rem;
    }

    .commonpdf .commonpdf_list ul li .commonpdf_b .commonpdf_b_con .download_txt {
        padding-left: 0.6rem;
    }
}

/*投资者招股书*/
.prospecyus .prospecyus_list ul li .prospecyus_t {
    cursor: auto;
  /*h3 a{
    color: #323338;
    @extend %transi;
  }
  &:hover h3 a{
    color: #fff;
  }*/
}

/*行业应用*/
.application {
    margin-top: -65px;
    position: relative;
    z-index: 2;
}

.application .sec {
    padding: 4.86% 6.9%;
    text-align: center;
    background-color: #f4f3f0;
}

.application .sec h3 {
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 25px;
}

.application .sec p {
    font-size: 1.125em;
    line-height: 1.66;
}

.application .application_b .sec {
    background-color: #0054a7;
    padding-bottom: 12.5%;
    color: #fff;
}

.application .application_b .application_list {
    margin-top: -6.9%;
    padding: 0 148px;
    padding: 0 7.7%;
    position: relative;
}

.application .application_b .application_list .application_swiper .swiper-slide {
    position: relative;
    cursor: pointer;
}

.application .application_b .application_list .application_swiper .swiper-slide:hover .application_txt {
    opacity: 1;
}

.application .application_b .application_list .application_swiper .swiper-slide .application_txt {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    background: url(../images/txt_bg_lan.png) no-repeat;
    background-size: cover;
}

.application .application_b .application_list .application_swiper .swiper-slide .application_txt p {
    position: absolute;
    width: 78%;
    left: 11%;
    bottom: 7.7%;
    color: #fff;
    font-size: 1.125em;
}

.application .application_b .application_list .application_pagination {
    text-align: center;
    padding: 2.08% 0 3.54%;
}

.application .application_b .application_list .application_pagination span {
    width: 18px;
    height: 18px;
    background-color: #dddddd;
    border-radius: 9px;
    margin: 0px 6px;
    opacity: 1;
}

.application .application_b .application_list .application_pagination span.swiper-pagination-bullet-active {
    width: 50px;
    background-color: #0054a7;
}

.application .application_b .application_list .application_btn {
    width: 98px;
    height: 98px;
    background-color: #dddddd;
    color: #0054a7;
    text-align: center;
    line-height: 98px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    margin-top: -100px;
    left: 0;
    outline: none;
    z-index: 2;
}

.application .application_b .application_list .application_btn:hover {
    color: #fff;
    background-color: #0054a7;
}

.application .application_b .application_list .application_btn.application_next {
    left: auto;
    right: 0;
}

.application .application_b .application_list .application_btn i {
    font-size: 1.25em;
}

@media screen and (max-width: 750px) {
    .application {
        margin-top: 0;
    }

    .application .application_b .application_list .application_btn {
        width: 0.98rem;
        height: 0.98rem;
        line-height: 0.98rem;
        margin-top: -0.69rem;
    }

    .application .application_b .application_list .application_pagination span {
        width: 0.18rem;
        height: 0.18rem;
        border-radius: 0.09rem;
    }

    .application .application_b .application_list .application_pagination span.swiper-pagination-bullet-active {
        width: 0.50rem;
    }
}

/*销售平台*/
.marketing {
    padding: 4.947% 0;
}

.marketing .marketing_con {
    width: 45.48%;
    background: center center no-repeat #0054a7;
    background-size: cover;
    color: #fff;
    padding: 17.5% 5.4% 3.75%;
    position: relative;
    overflow: hidden;
}

.marketing .marketing_con:hover {
    box-shadow: 0px 26px 35px 0px rgba(107, 106, 128, 0.47);
}

.marketing .marketing_con .bg_r {
    position: absolute;
    width: 56.64%;
    padding-bottom: 51.64%;
    right: 0;
    top: 0;
    background: url(../images/internet_bg.png) left bottom no-repeat;
    background-size: 101% auto;
}

.marketing .marketing_con .marketing_l_con {
    position: relative;
    display: none;
    z-index: 2;
}

.marketing .marketing_con .marketing_l_con h3 {
    font-size: 1.5em;
    line-height: 1.4;
    margin-bottom: 13px;
    width: 35.49%;
    min-width: 170px;
    font-weight: normal;
    min-width: auto;
    width: 100%;
}

.marketing .marketing_con .marketing_l_con p {
    font-size: 1.5em;
    line-height: 1.4;
    height: auto;
    margin-bottom: 20px;
    width: 53.44%;
    min-width: 256px;
}

.marketing .marketing_con .marketing_l_con a {
    color: #fff;
    font-size: 0.875em;
}

.marketing .marketing_con .marketing_l_con a i {
    font-size: 1.7em;
    vertical-align: middle;
    margin-right: 10px;
}

.marketing .marketing_con:last-child .bg_r {
    background-image: url(../images/packaging_bg.png);
}

.marketing .marketing_con:last-child {
    float: right;
}

@media screen and (max-width: 750px) {
    .marketing .marketing_con {
        width: 100%;display: block;height: 4rem;
        float: none;
        margin-bottom: 0.4rem;
    }
}

/*智能 - 公共*/
.w1440.smart {
    margin-bottom: 5.2%;
}

.smart {
    margin-bottom: 5.2%;
}

.smart .smart_con {
    letter-spacing: 0.2em;
}

.smart .smart_con .smart_tit {
    padding: 4.51% 0  3.05% 0;
    border-bottom: 1px solid #d2d2d2;
    text-align: center;
    margin-bottom: 4.16%;
}

.smart .smart_con .smart_tit h3 {
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 18px;
    letter-spacing: 0.2em;
}

.smart .smart_con .smart_tit p {
    font-size: 1.125em;
    line-height: 1.66;
    letter-spacing: 0.2em;
    width: 100%;
    text-align: left;
}

.smart .smart_con .smart_list {
    padding-top: 0.5rem;
}

.smart .smart_con .smart_list ul li {
    margin-bottom: 1.04%;
    align-items: inherit;
}

.smart .smart_con .smart_list ul li:last-child {
    margin-bottom: 0;
}

.smart .smart_con .smart_list ul li:hover .smart_l {
    color: #fff;
    background-color: transparent;
}

.smart .smart_con .smart_list ul li:hover .smart_l p {
    color: #fff;
    transform: translateX(20px);
    transition: all .5s ease-in-out;
}

.smart .smart_con .smart_list ul li:hover .smart_l p.num {
    color: #fff;
    transition: all .5s ease-in-out;
}

.smart .smart_con .smart_list ul li:hover .smart_r .smart_r_txt {
    opacity: 1;
    transform: translateX(20px);
    transition: all .1s ease-in-out;
}

.smart .smart_con .smart_list ul li .smart_l {
    width: 22.08%;
    padding: 0 3.4%;
    background-color: rgba(159,162,165,.4);
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}

.smart .smart_con .smart_list ul li .smart_l p {
    width: 100%;
    font-size: 1.5em;
    letter-spacing: 0.2em;
    color: #fff;
}

.smart .smart_con .smart_list ul li .smart_l p.num {
    font-size: 3.5em;
    color: #0054a7;
    margin-bottom: 23px;
    letter-spacing: 0.2em;
}

.smart .smart_con .smart_list ul li .smart_r {
    width: 77.92%;
    position: relative;
}

.smart .smart_con .smart_list ul li .smart_r img {
    display: block;
}

.smart .smart_con .smart_list ul li .smart_r .smart_r_txt {
    opacity: 0;
    position: absolute;
    padding: 0 10.51%;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #f9f9f9;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}

.smart .smart_con .smart_list ul li .smart_r .smart_r_txt p {
    font-size: 0.16rem!important;
    line-height: 0.30rem!important;
    margin-bottom: 3.2%;
}

.smart .smart_con .smart_list ul li .smart_r .smart_r_txt p > * {
    font-size: 0.16rem!important;
    line-height: 0.30rem!important;
}

.smart .smart_con .smart_list ul li .smart_r .smart_r_txt p:last-child {
    margin-bottom: 0;
}

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

    .smart .smart_con .smart_tit {
        padding: 4.51% 2%  3.05% 2%;
    }

    .smart .smart_con .smart_list ul li {
        display: block;
        margin-bottom: 0.4rem;
    }

    .smart .smart_con .smart_list ul li:hover .smart_l {
        background: none;
        color: #323338;
    }

    .smart .smart_con .smart_list ul li:hover .smart_l p.num {
        color: #0054a7;
    }

    .smart .smart_con .smart_list ul li .smart_l {
        width: 100%;
        display: block;
        margin-bottom: 0.2rem;
        background: none;
    }

    .smart .smart_con .smart_list ul li .smart_l p {
        display: inline-block;
        width: auto;
    }

    .smart .smart_con .smart_list ul li .smart_l p.num {
        margin-bottom: 0;
    }

    .smart .smart_con .smart_list ul li .smart_r {
        width: 100%;
    }

    .smart .smart_con .smart_list ul li .smart_r .smart_r_txt {
        display: block;
        opacity: 1;
        position: static;
        padding: 6.51% 4.51%;
    }
}

/*资质与荣誉*/
.quaHon .quaHon_txt {
    border-bottom: 1px solid #d2d2d2;
    padding-bottom: 0.05rem;
    position: relative;
}

.quaHon .quaHon_txt h3 {
    font-size: 1.25em;
    font-weight: normal;
}

.quaHon .quaHon_txt p {
    font-size: 1.125em;
    color: #0054a7;
}

.quaHon .quaHon_txt .qua_btn {
    position: absolute;
    right: 0;
    bottom: 0;
}

.quaHon .quaHon_txt .qua_btn .quaHon_btn {
    width: 50px;
    height: 50px;
    float: left;
    background-color: #959595;
    margin-left: 1px;
    color: #fff;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    outline: none;
}

.quaHon .quaHon_txt .qua_btn .quaHon_btn:hover {
    background-color: #0054a7;
}

.quaHon .quaHon_txt .qua_btn .quaHon_btn i {
    font-size: 1em;
}

.quaHon .qua {
    height: 6.45rem;
    height: 7.45rem;
}

.quaHon .qua .qua_l {
    width: 6.74rem;
    height: 7.45rem;
    background-color: #0054a7;
    position: relative;
    float: left;
}

.quaHon .qua .qua_l .qua_l_con {
    position: absolute;
    width: 4.32rem;
    right: -0.60rem;
    top: 50%;
    transform: translateY(-50%);
}

.quaHon .qua .qua_l .qua_l_con img {
    display: block;
    margin-bottom: 0.37rem;
    box-shadow: 0.12rem 0.12rem 0.4rem rgba(107, 106, 128, 0.3);
    width: 100%;
}

.quaHon .qua .qua_l .qua_l_con p {
    color: #fff;
    font-size: 1.125em;
}

.quaHon .qua .qua_r {
    margin-left: 8.35rem;
    width: 8.46rem;
  /*height: 7.45rem;*/
    padding-top: 0.75rem;
}

.quaHon .qua .qua_r .quaHon_txt {
    margin-bottom: 0.30rem;
}

.quaHon .qua .qua_r .qua_swiper {
    overflow: hidden;
    position: relative;
}

.quaHon .qua .qua_r .qua_swiper .swiper-wrapper {
    align-items: stretch;
}

.quaHon .qua .qua_r .qua_swiper .swiper-wrapper .con div {
    width: 1.70rem;
    margin-right: 0.54rem;
    float: left;
    margin-bottom: 0.24rem;
    cursor: pointer;
}

.quaHon .qua .qua_r .qua_swiper .swiper-wrapper .con div:nth-of-type(5+n) {
    margin-bottom: 0;
}

.quaHon .qua .qua_r .qua_swiper .swiper-wrapper .con div:nth-of-type(4) {
    margin-right: 0;
}

.quaHon .qua .qua_r .qua_swiper .swiper-wrapper .con div:nth-of-type(6), .quaHon .qua .qua_r .qua_swiper .swiper-wrapper .con div:nth-of-type(7) {
    width: 2.82rem;
}

.quaHon .qua .qua_r .qua_swiper .swiper-wrapper .con div:nth-of-type(7) {
    width: 2.84rem;
    margin-right: 0;
}

.quaHon .qua .qua_r .qua_swiper .swiper-wrapper .swiper-slide {
    height: 100%;
    width: auto;
}

.quaHon .qua .qua_r .qua_swiper .swiper-wrapper .swiper-slide img {
          /*height: 2.33rem;*/
    display: block;
}

.quaHon .qua .qua_r .qua_swiper .swiper-wrapper .swiper-slide p {
    display: none;
}

.quaHon .honor {
    padding-top: 1.74rem;
    padding-top: .47rem;
    padding-bottom: 0.47rem;
    background-color: #f7f7f8;
}

.quaHon .honor .honor_swiper {
    /*padding: 0.70rem 0 0.65rem;*/
    /*overflow: hidden;*/
    position: relative;
}

.quaHon .honor .honor_swiper ul {
      /*overflow: hidden;*/
}

.quaHon .honor .honor_swiper ul li {
    float: left;
    width: 24%;
    margin-right: 1.333333333%;
    margin-bottom: 0.47rem;
}

.quaHon .honor .honor_swiper ul li:nth-of-type(4n) {
    margin-right: 0;
    ;
      float: right;
}

.quaHon .honor .honor_swiper .swiper-slide img:hover {
    box-shadow: 0px 0.26rem 0.35rem 0px rgba(107, 106, 128, 0.47);
    transform: translateY(-0.3rem);
}

.quaHon .honor .honor_swiper .honor_pag {
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
}

.quaHon .honor .honor_swiper .honor_pag span {
    width: 12px;
    height: 12px;
    border-radius: 0px;
    opacity: 1;
    margin: 0 10px;
    background-color: #807f85;
}

.quaHon .honor .honor_swiper .honor_pag span.swiper-pagination-bullet-active {
    width: 50px;
    background-color: #0054a7;
}

.quaHon .style {
    padding: 0.64rem 0 0.76rem;
}

.quaHon .style .quaHon_txt {
    text-align: center;
    margin-bottom: 0.38rem;
    border-bottom: none;
}

.quaHon .style .style_swiper {
    padding: 0 2.40rem;
    position: relative;
    overflow: hidden;
}

.quaHon .style .style_swiper:after, .quaHon .style .style_swiper:before {
    content: '';
    position: absolute;
    width: 2.40rem;
    height: 100%;
    background-color: #fff;
    opacity: 0.7;
    left: 0;
    top: 0;
    z-index: 3;
}

.quaHon .style .style_swiper:before {
    left: auto;
    right: 0;
}

.quaHon .style .style_swiper .quaHon_btn {
    width: 50px;
    height: 50px;
    background-color: #0054a7;
    color: #fff;
    text-align: center;
    line-height: 50px;
    position: absolute;
    left: 2.40rem;
    margin-left: -74px;
    z-index: 9;
    top: 50%;
    margin-top: -0.25rem;
}

.quaHon .style .style_swiper .quaHon_btn.style_btn_r {
    left: auto;
    right: 2.40rem;
    margin-right: -74px;
}

.quaHon .style .style_pag {
    text-align: center;
    padding-top: 0.45rem;
}

.quaHon .style .style_pag span {
    width: 12px;
    height: 12px;
    border-radius: 0px;
    opacity: 1;
    background-color: #807f85;
    margin: 0 10px;
}

.quaHon .style .style_pag span.swiper-pagination-bullet-active {
    width: 50px;
    background-color: #0054a7;
}

@media screen and (max-width: 750px) {
    .quaHon .quaHon_txt {
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        padding-bottom: 0.2rem;
    }

    .quaHon .qua .qua_l {
        display: none;
    }

    .quaHon .qua .qua_r {
        margin: 0 auto;
        width: 100%;
    }

    .quaHon .style .style_swiper {
        padding: 0 0.5rem;
    }

    .quaHon .style .style_swiper:after, .quaHon .style .style_swiper:before {
        display: none;
    }

    .quaHon .style .style_swiper .quaHon_btn {
        left: 0;
      /*width: 0.50rem;
        height: 0.50rem;
        text-align: center;
        line-height: 0.50rem;*/
        margin-left: 0;
    }

    .quaHon .style .style_swiper .quaHon_btn.style_btn_r {
        left: auto;
        right: 0;
        margin-right: 0;
    }




    .quaHon .style .style_pag span{
        width: 0.12rem;
        height: 0.12rem;
        margin: 0 0.10rem;
    }
    .quaHon .style .style_pag span.swiper-pagination-bullet-active{
        width: 0.50rem;
    }




    .quaHon .honor .honor_swiper{
        padding: 0 0.3rem;
    }
    .quaHon .honor .honor_swiper ul li{
        width: 49%;
        margin-right: 2%:;
    }
    .quaHon .honor .honor_swiper ul li:nth-of-type(2n){
        margin-right: 0;
    }




    .smart .smart_con .smart_tit h3{
        font-size: 0.30rem;
    }
    .smart .smart_con .smart_tit p{
        font-size: 0.24rem;
    }
    .smart .smart_con .smart_list ul li .smart_l{
        position: static!important;
    }
    .smart .smart_con .smart_list ul li .smart_l p, .smart .smart_con .smart_list ul li:hover .smart_l p{
        color: #323338;
        transform: translateX(0);
        font-size: 0.28rem;
    }

    .secLeftNav{
        display: block;
        padding: 0.45rem 0.3rem;
    }
    .commonpdf.w1440.leftNav_section{
        width: 100%;
        padding: 0;
    }

    .leftNav_section{
        width: 100%;
    }
    .enterprise_profile .ent_b .ent_b_con_list{
        padding: 0;
    }
}

.chu {
    float: right;
    margin-top: 40px;
    margin-right: 20px;
    font-size: 0.20rem;
}

.chu:hover {
    color: #0054a7;
}

.zb_note{
    font-size: 0.18rem;
    line-height: 1.5;
    text-align: left;
    margin: 0.2rem 0;
}

.zb_piclist{
    margin: 0.2rem;
}

.zb_piclist ul {
    text-align: left;
}

.zb_piclist ul li{
    display: inline-table;
    text-align: center;
    margin-left: 0.1rem;
    margin-top: 0.15rem;
}

.zb_piclist ul li img{
    vertical-align: middle;
    text-align: center;
}