@charset"utf-8";
/* - pc端显示 - */


.pc11 {
    display: block;
}

/* - 手机端隐藏 - */

.mbl {
    display: none;
}

/*

	------------------------------------------------------------------------------------ 移动端导航 - start

	--------------------------------------------------------------------------------------------

*/

.logo {
    float: left;
}

.m_img {
    height: 45px;
    float: right;
    margin-left: 12px;
    align-items: center;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}

.m_img a .m_menuimg {
    width: 24px;
    vertical-align: top;
    display: block;
}

.m_nav {
    display: block;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    overflow: hidden;
    z-index: 10000;
}

.m_nav .closecover {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=0);
    opacity: 0;
    left: 0px;
    top: 0px;
    z-index: 1;
}

.m_nav .m_navList {
    position: absolute;
    width: 80%;
    top: 0px;
    background: #fff;
    height: 100%;
    z-index: 100;
    left: -80%;
    padding-top: 66px;
    overflow-y: auto;
}

.m_nav .closeicon {
    position: absolute;
    width: auto;
    right: 16px;
    top: 22px;
    z-index: 105;
    text-align: center;
    filter: alpha(opacity=0);
    opacity: 0;
}

.m_nav .closeicon a {
    height: 22px;
    display: block;
}

.m_nav .m_navList ul li:first-child {
    border-top: 1px solid #f0f0f0;
}

.m_nav .m_navList ul li {
    border-bottom: 1px solid #f0f0f0;
}

.m_nav .m_navList ul li .m_f_a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.m_nav .m_navList ul li .m_s_nav {
    display: none;
    width: 100%;
    padding-bottom: 8px;
}

.m_nav .m_navList ul li .m_f_a a {
    flex: 1;
}

.m_nav .m_navList ul li .m_f_a i {
    width: 54px;
    height: 35px;
    box-sizing: border-box;
    padding: 0 5px;
    display: block;
}

.m_nav .icon {
    background: url(../images/plus.png) 100% no-repeat;
    background-position: 50% 50%;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}

.m_nav .icon_on {
    background: url(../images/reduce.jpg) 50% no-repeat!important;
    background-position: 50% 50%;
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}

.m_nav .m_navList ul li .m_s_nav a {
    display: block;
    height: 36px;
    line-height: 36px;
    font-size: 14px;
    padding: 0 5%;
    overflow: hidden;
    white-space: nowrap;
    width: 100%;
    text-overflow: ellipsis;
}

.m_nav .m_navList ul li a {
    display: block;
    height: 45px;
    color: #333;
    line-height: 45px;
    padding-left: 4%;
    font-size: 15px;
}

.m_nav .m_navList ul li .m_f_a i {
    width: 54px;
    height: 35px;
    box-sizing: border-box;
    padding: 0 5px;
    display: block;
}

.tophide .header .m_img a.tow, .header .m_img a.one {
    display: block;
}

.tophide .header .m_img a.one, .header .m_img a.tow {
    display: none;
}

.m_nav, .m_img {
    display: none;
}

/*

	------------------------------------------------------------------------------------ 移动端导航 - end

	--------------------------------------------------------------------------------------------

*/

i {
    font-style: normal
}

/*

    ------------------------------------------------------------------------------------ swiper - svg进度条 - end(若设计稿无此效果请删除)

    --------------------------------------------------------------------------------------------

*/

/*开始你的内容创作之旅*/

.warp {
    max-width: 1440px;
    margin: auto;
    width: 75%;
}

.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 99;
    background: #fff;
}

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

.header .nav_logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.header .nav_logo .nav {
    margin-right: 10px;
}

.header .nav_logo .nav li {
    float: left;
    padding: 27px 0;
}

.header .nav_logo .nav li .nav_a a {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
    width: 134px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 36px;
    border-radius: 18px;
    text-align: center;
    border: 1px solid #fff;
    transition: all .4s;
}

.header .nav_logo .nav li .nav_a.active a, .header .nav_logo .nav li:hover .nav_a a {
    border: 1px solid #00134C;
    color: rgba(0, 19, 76, 1);
}

.header .nav_logo .zh_en a {
    font-size: 18px;
    color: #333333;
    line-height: 30px;
}

.banner {
    width: 100%;
    height: 100vh;
    position: relative;
}

.banner .swpBan {
    width: 100%;
    height: 100vh;
}

.banner .swpBan .banner_img {
    width: 100%;
    height: 100vh;
}

.swpBan .swpBan_span {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    bottom: 60px;
    transform: translateX(-50%);
    z-index: 2;
}

.swpBan .swpBan_span .swiper-pagination-bullet {
    width: 18px;
    height: 18px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0);
    position: relative;
    opacity: 1;
    margin: 0 20px;
    transition: all .4s;
}

.swpBan .swpBan_span .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    /* transform: translate(-50%, -50%); */
    width: 6px;
    height: 6px;
    background: #FFFFFF;
    border-radius: 50%;
    overflow: hidden;
}

.swpBan .swpBan_span .swiper-pagination-bullet-active {
    background: #FFFFFF;
}

.swpBan .swpBan_span .swiper-pagination-bullet-active::before {
    background: #2956C9;
}

.swpBan .swpBan-prev, .swpBan .swpBan-next {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 56px;
    height: 56px;
    border: 1px solid #FFFFFF;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
    transform: translateY(-50%);
    cursor: pointer;
}

.swpBan .swpBan-prev {
    left: 66px;
}

.swpBan .swpBan-next {
    right: 66px;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}

.index_Product {
    width: 100%;
}

.indx_pro_top {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.index_h3 h3 {
    font-size: 48px;
    font-weight: bold;
    color: #00134C;
    text-transform: uppercase;
}

.index_h3 p {
    font-size: 24px;
    color: #333333;
    line-height: 30px;
}

.index_pro_ul ul li {
    float: left;
    width: 160px;
    height: 46px;
    border: 1px solid #BFBFBF;
    border-radius: 23px;
    margin-left: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
    cursor: pointer;
    overflow: hidden;
    font-size: 18px;
    color: #333333;
}

.index_pro_ul ul li.on {
    background: #00134C;
    border: 1px solid #00134C;
    color: #fff;
}

.index_pro_ul ul li:first-child {
    margin-left: 0;
}

.idx_proswiper {
    width: 100%;
    margin-top: 40px;
}

.idx_pro_us {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}

.idx_pro_us.act {
    position: relative;
    opacity: 1;
    visibility: visible;
}

.idx_proswiper .gallery-top_ty {
    width: 75%;
    position: relative;
    float: left;
}

.idx_proswiper .gallery-top_ty .img_cont {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.idx_proswiper .gallery-top_ty .img_cont .point {
    position: absolute;
    top: 0;
    left: 50%;
    background: #00134C;
    height: 100%;
    width: 1px;
}

.idx_proswiper .gallery-top_ty .img_cont .point .ipot {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 40px;
    background: url(../images/idx_icon.png) no-repeat center center/100%;
    left: -18px;
    cursor: pointer;
}

.idx_proswiper .gallery-top_ty .img_cont .img_boot {
    width: 100%;
}

.idx_proswiper .gallery-top_ty .img_cont .img_hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    overflow: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.idx_proswiper .gallery-top_ty .img_cont .img_hover img {
    max-width: none !important;
}

.idx_proswiper .idexpro-top_ty {
    width: 25%;
    float: left;
    height: 570px;
    padding-left: 36px;
}

.idx_pro_text {
    position: absolute;
    width: 799px;
    padding: 48px 66px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    border-radius: 0px 0px 30px 0px;
    bottom: 20px;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.idx_pro_text h3 {
    font-size: 24px;
    color: #333333;
    line-height: 30px;
}

.idx_pro_text .index_mor {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
}

.idx_pro_text .index_mor img {
    width: 8px;
    margin-left: 13px;
    position: relative;
    transition: all .4s;
}

.gallery-top_ty .shigTxtLi {
    padding-bottom: 83px;
}

.idx_pro_text:hover .index_mor img {
    transform: translateX(8px);
}

.idexpro-top_ty .img {
    width: 100%;
    cursor: pointer;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 0px 0px 30px 0px;
    overflow: hidden;
    transition: all .4s;
}

.idexpro-top_ty .img img {
    width: 100%;
}

.idexpro-top_ty .swiper-slide-thumb-active .img {
    border: 1px solid #00134C;
}

.idexpro-top_ty .img:hover {
    border: 1px solid #00134C;
}

.idx_center_pro {
    width: 100%;
}

.idx_center_pro .index_pro_ul a.mor {
    width: 150px;
    height: 40px;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    transition: all .4s;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.idx_center_pro .index_h3 h3, .idx_center_pro .index_h3 p {
    color: #fff;
}

.idx_pro_list {
    margin-top: 40px;
    width: 100%;
}

.idx_pro_list ul {
    width: 100%;
    display: flex;
    align-items: stretch;
    /* flex-wrap: wrap; */
}

.idx_pro_list ul li {
    width: calc(100% / 6);
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 72px;
    padding-bottom: 115px;
    position: relative;
    z-index: 1;
    border-radius: 0px 0px 30px 0px;
    overflow: hidden;
}

.idx_pro_list ul li .idx_year {
    display: flex;
    align-items: flex-end;
}

.idx_pro_list ul li .idx_year h3 {
    font-size: 68px;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #fff;
    line-height: 68px;
}

.idx_pro_list ul li .idx_year span {
    font-size: 18px;
    color: #fff;
    line-height: 30px;
}

.idx_pro_list ul li .idx_year small {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
}

.idx_pro_list ul li p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    opacity: 0.8;
    margin-top: 34px;
    transition: all .4s;
    text-align: center;
}

.idx_pro_list ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff url(../images/idx_pr_a.jpg) no-repeat bottom right/100%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    border-radius: 0px 0px 30px 0px;
    overflow: hidden;
}

.idx_appli_cont {
    width: 100%;
}

.idx_appli_cont .index_pro_ul a.mor {
    width: 150px;
    height: 40px;
    border: 1px solid #766A60;
    border-radius: 20px;
    transition: all .4s;
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.idx_aali_swiper {
    width: 100%;
    /* padding-left: 30px; */
}

.idx_aali_swiper .idx_appl_img {
    width: 100%;
    height: 570px;
    border-radius: 30px 0px 30px 0px;
    overflow: hidden;
    position: relative;
    padding-top: 64px;
}

.idx_aali_swiper .idx_appl_img::before {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%;
    content: "";
}

.idx_aali_swiper .swiper-slide {
    /* width: 16.2%; */
    width: 272px;
    float: left;
    transition: all .4s;
}

.idx_aali_swr {
    width: 87.5%;
    float: right;
    margin-top: 40px;
}

/* .idx_aali_swiper .swiper-slide-active {

    width: 558px;

} */

.idx_aali_swiper .idx_appl_img .idx_app_t.dd {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    float: left;
    position: relative;
    padding-top: 28px;
    padding-bottom: 98px;
    transition: all .4s;
}

.idx_aali_swiper .idx_appl_img .idx_app_t.dd::before {
    width: 0;
}

.idx_aali_swiper .idx_appl_img .idx_app_t::before {
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    content: "";
    border-radius: 30px 0px 30px 0px;
    background: rgba(255, 255, 255, 0.2);
}

.idx_aali_swiper .idx_appl_img .idx_app_t .img {
    width: 95px;
    /* height: 106px; */
    margin-bottom: 50px;
}

.idx_aali_swiper .idx_appl_img .idx_app_t h3 {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 36px;
}

.idx_aali_swiper .idx_appl_img .idx_app_t .icon_more {
    display: flex;
    align-items: center;
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 120px;
}

.idx_aali_swiper .idx_appl_img .idx_app_t .icon_more img {
    width: 8px;
    margin-left: 13px;
}

.idx_aali_swiper .idx_appl_img .idx_app_right {
    width: 50%;
    float: left;
    padding-top: 28px;
    padding-left: 50px;
    /* opacity: 0;

    visibility: hidden; */
}

.idx_aali_swiper .idx_appl_img .idx_app_right h3 {
    font-size: 22px;
    color: #FFFFFF;
    margin-bottom: 50px;
}

.idx_aali_swiper .idx_appl_img .idx_app_right ul {
    width: 100%;
}

.idx_aali_swiper .idx_appl_img .idx_app_right ul li {
    width: 100%;
    overflow: hidden;
    margin-bottom: 40px;
}

.idx_aali_swiper .idx_appl_img .idx_app_right ul li:last-child {
    margin-bottom: 0;
}

.idx_aali_swiper .idx_appl_img .idx_app_right ul li .icon {
    width: 32px;
    float: left;
}

.idx_aali_swiper .idx_appl_img .idx_app_right ul li p {
    width: calc(100% - 32px);
    float: left;
    padding-left: 13px;
    font-size: 18px;
    color: #F5F5F5;
    padding-top: 2px;
}

.idx_aali_swiper .swiper-slide .idx_appl_img .divd_app .idx_app_t {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    float: left;
    position: relative;
    padding-top: 28px;
    padding-bottom: 98px;
    transition: all .4s;
}

/* .idx_aali_swiper .swiper-slide-active .idx_appl_img .idx_app_right {

    opacity: 1;

    visibility: visible;

} */

.idx_appl_span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.idx_appl_span .idx_app_prev, .idx_appl_span .idx_app_next {
    width: 36px;
    height: 36px;
    border: 1px solid #666666;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
}

.idx_appl_span .idx_app_span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 13px;
}

.idx_appl_span .idx_app_span .swiper-pagination-bullet {
    margin: 0 7px;
    width: 6px;
    height: 6px;
    background: #666666;
    border: 1px solid #666666;
    border-radius: 50%;
    overflow: hidden;
}

.idx_appl_span .idx_app_span .swiper-pagination-bullet-active {
    background: rgba(0, 19, 76, 1);
}

.idx_appl_span .idx_app_prev i {
    width: 8px;
    height: 13px;
    background: url(../images/idx_app_l.png) no-repeat center center/100%;
    display: inline-block;
    transition: all .4s;
}

.idx_appl_span .idx_app_next i {
    width: 7px;
    height: 12px;
    background: url(../images/idx_app_rr.png) no-repeat center center/100%;
    display: inline-block;
    transition: all .4s;
}

.divd_app {
    width: 558px;
    position: absolute;
    top: 0px;
    left: 0;
    /* height: 100%; */
    opacity: 0;
    visibility: hidden;
    padding-top: 64px;
    display: flex;
    justify-content: center;
    transition: all .4s;
}

/* .idx_aali_swiper .swiper-slide-active .divd_app {

    opacity: 1;

    visibility: visible;

} */

/* .idx_aali_swiper .swiper-slide-active .dd {

    opacity: 0;

    visibility: hidden;

} */

/* .idx_aali_swiper .swiper-slide.act {

    width: 16.2%;

} */

/* .idx_aali_swiper .swiper-slide.on {

    width: 558px;

} */

/* .idx_aali_swiper .swiper-slide.on .divd_app {

    opacity: 1;

    visibility: visible;

} */

/* .idx_aali_swiper .swiper-slide.on .dd {

    opacity: 0;

    visibility: hidden;

} */

.idx_partner {
    width: 100%;
    background: #F5F5F5;
}

.idx_part_swiper {
    width: 100%;
    margin-top: 40px;
    padding-bottom: 140px;
}

.idxpart_swiper {
    width: 100%;
}

.idxpart_swiper .idx_par_cont {
    background: #FFFFFF;
    border-radius: 26px 0px 26px 0px;
    width: 100%;
    overflow: hidden;
}

.idxpart_swiper .idx_par_cont .idx_par_img {
    width: 100%;
    overflow: hidden;
}

.idxpart_swiper .idx_par_cont .idx_par_text {
    width: 100%;
    padding: 14px 0;
    border-top: 1px solid #DBDBDB;
    transition: all .4s;
}

.idxpart_swiper .idx_par_cont .idx_par_text p {
    font-size: 16px;
    color: #333333;
    text-align: center;
}

.idx_part_span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 40px;
}

.idx_part_span .idx_part_prev, .idx_part_span .idx_part_next {
    width: 36px;
    height: 36px;
    border: 1px solid #666666;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
}

.idx_part_span .idx_part_span1 {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 13px;
}

.idx_part_span .idx_part_span1 .swiper-pagination-bullet {
    margin: 0 7px;
    width: 6px;
    height: 6px;
    background: #666666;
    border: 1px solid #666666;
    border-radius: 50%;
    overflow: hidden;
}

.idx_part_span .idx_part_span1 .swiper-pagination-bullet-active {
    background: rgba(0, 19, 76, 1);
}

.idx_part_span .idx_part_prev i {
    width: 8px;
    height: 13px;
    background: url(../images/idx_app_l.png) no-repeat center center/100%;
    display: inline-block;
    transition: all .4s;
}

.idx_part_span .idx_part_next i {
    width: 7px;
    height: 12px;
    background: url(../images/idx_app_rr.png) no-repeat center center/100%;
    display: inline-block;
    transition: all .4s;
}

.idx_czja {
    width: 100%;
}

.idx_hz_cont {
    width: 100%;
    height: 280px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px 0px 30px 0px;
    position: relative;
    margin-top: -140px;
}

.idx_hz_cont h3 {
    font-size: 36px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 18px;
}

.idx_hz_cont p {
    font-size: 16px;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 30px;
}

.idx_partner .warp {
    position: relative;
}

.idx_news_cont {
    width: 100%;
}

.idx_news_list {
    margin-top: 40px;
    width: 100%;
}

.idx_news_list ul {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    overflow: hidden;
}

.idx_news_list ul.act {
    position: relative;
    display: block;
}

.idx_news_list ul li {
    width: 31.52%;
    float: left;
    margin-right: 2.7%;
}

.idx_news_list ul li:nth-child(3n) {
    margin-right: 0;
}

.idx_news_list ul li .img {
    width: 100%;
    overflow: hidden;
    margin-bottom: 30px;
}

.idx_news_list ul li .img img {
    transition: all .4s;
    width: 100%;
}

.idx_news_list ul li .text {
    width: 100%;
}

.idx_news_list ul li .text h3 {
    font-size: 24px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333333;
    line-height: 30px;
    margin-bottom: 20px;
    transition: all .4s;
}

.idx_news_list ul li .text p {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 60px;
}

.idx_news_list ul li .text .motr {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 20px;
    margin-top: 30px;
}

.idx_news_list ul li .text .motr span {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
}

.idx_news_list ul li .text .motr span.more {
    color: #666666;
    display: flex;
    align-items: center;
    justify-content: center;
}

.idx_news_list ul li .text .motr span.more img {
    margin-left: 13px;
}

.idexpro_span {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    top: -50px;
}

.idexpro_span .idexpro_app_prev, .idexpro_span .idexpro_app_next {
    width: 36px;
    height: 36px;
    border: 1px solid #666666;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
}

.idexpro_span .idexpro_app_span {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 13px;
}

.idexpro_span .idexpro_app_span .swiper-pagination-bullet {
    margin: 0 7px;
    width: 6px;
    height: 6px;
    background: #666666;
    border: 1px solid #666666;
    border-radius: 50%;
    overflow: hidden;
}

.idexpro_span .idexpro_app_span .swiper-pagination-bullet-active {
    background: rgba(0, 19, 76, 1);
}

.idexpro_span .idexpro_app_prev i {
    width: 8px;
    height: 13px;
    background: url(../images/idx_app_l.png) no-repeat center center/100%;
    display: inline-block;
    transition: all .4s;
}

.idexpro_span .idexpro_app_next i {
    width: 7px;
    height: 12px;
    background: url(../images/idx_app_rr.png) no-repeat center center/100%;
    display: inline-block;
    transition: all .4s;
}

.footer {
    width: 100%;
    background: #333333;
    padding-top: 80px;
}

.footer .footer_left {
    width: 50%;
    float: left;
}

.footer .footer_left ul {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer .footer_left ul li h3 {
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    margin-bottom: 20px;
}

.footer .footer_left ul li dl {
    width: 100%;
}

.footer .footer_left ul li dl dt {
    width: 100%;
    font-weight: 400;
    padding: 4px 0;
}

.footer .footer_left ul li dl dt a {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.3);
    line-height: 30px;
    transition: all .4s;
}

.footer_right {
    width: 50%;
    float: left;
    padding-left: 18%;
}

.footer_right .footer_form {
    width: 100%;
}

.footer_right .footer_form .foote_inpt {
    width: 100%;
}

.footer_right .footer_form .foote_inpt .foot_input {
    width: 47.72%;
    float: left;
    margin-right: 4.5%;
    margin-bottom: 20px;
    position: relative;
    z-index: 1;
}

.footer_right .footer_form .foote_inpt .foot_input label {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    color: #fff;
    font-weight: 400;
    font-size: 16px;
    z-index: -1;
}

.footer_right .footer_form .foote_inpt .foot_input label i {
    color: rgba(255, 0, 0, 1);
    font-size: 16px;
}

.footer_right .footer_form .foote_inpt .foot_input:nth-child(2n) {
    margin-right: 0;
}

.footer_right .footer_form .foote_inpt .foot_input .layui-input {
    border: 1px solid rgba(255, 255, 255, 0.1);
    height: 40px;
    border-radius: 2px;
    background: rgba(0, 0, 0, 0);
    font-size: 16px;
    color: #FFFFFF;
    padding-left: 20px;
}

.footer_right .footer_form .footer_teamer {
    width: 100%;
    margin-bottom: 20px;
}

.footer_right .footer_form .footer_teamer .layui-textarea {
    width: 100%;
    height: 66px;
    background: rgba(0, 0, 0, 0);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 2px;
    overflow: hidden;
    resize: none;
    font-size: 16px;
    color: #FFFFFF;
    padding-top: 12px;
    padding-left: 20px;
}

.footer_right .footer_form .footer_bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_right .footer_form .footer_bottom .layui-btn {
    width: 140px;
    height: 40px;
    background: #00134C;
    border-radius: 2px;
    font-size: 16px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}

.footer_right .footer_form .foote_inpt .foot_input .layui-input:-moz-placeholder, .footer_right .footer_form .footer_teamer .layui-textarea:-moz-placeholder {
    color: #fff;
}

.footer_right .footer_form .foote_inpt .foot_input .layui-input::-moz-placeholder, .footer_right .footer_form .footer_teamer .layui-textarea::-moz-placeholder {
    color: #fff;
    /* line-height: normal !important; */
}

.footer_right .footer_form .foote_inpt .foot_input .layui-input:-ms-input-placeholder, .footer_right .footer_form .footer_teamer .layui-textarea:-ms-input-placeholder {
    color: #fff;
}

.footer_right .footer_form .foote_inpt .foot_input .layui-input::-webkit-input-placeholder, .footer_right .footer_form .footer_teamer .layui-textarea::-webkit-input-placeholder {
    color: #fff;
}

.footer_top {
    width: 100%;
    padding-bottom: 60px;
}

.footer_bott {
    width: 100%;
    overflow: hidden;
    border-top: 1px solid rgba(255, 255, 255, .1);
    padding: 26px 0;
}

.footer_bott p, .footer_bott p a {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 38px;
    text-align: center;
    transition: all .4s;
}

.xuanfu_right {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 2;
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
}

.xuanfu_right.active {
    opacity: 1;
    visibility: visible;
}

.xuanfu_right ul li {
    width: 94px;
    height: 94px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    cursor: pointer;
    transition: all .4s;
}

.xuanfu_right ul {
    width: 94px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgba(4, 0, 0, 0.1);
}

.xuanfu_right ul li .xun_div {
    display: flex;
    align-items: center;
    width: 100%;
    flex-direction: column;
}

.xuanfu_right ul li .xun_div p {
    font-size: 14px;
    color: #323333;
    margin-top: 12px;
}

.xuanfu_right ul li .xun_div_hover {
    position: absolute;
    right: 90%;
    top: 50%;
    transform: translateY(-50%);
    padding-right: 16px;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.xuanfu_right ul li:hover .xun_div_hover {
    visibility: visible;
    opacity: 1;
    right: 100%;
}

.xuanfu_right ul li .xun_div_hover .erwima_t {
    width: 120px;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 10%);
    padding: 10px;
}

.xuanfu_right ul li .xun_div_hover .erwima_t .img {
    width: 100px;
    height: 100px;
    border: 1px solid #D2D2D2;
    background: #fff;
    position: relative;
    margin-bottom: 10px;
}

.xuanfu_right ul li .xun_div_hover .erwima_t p {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    text-align: center;
}

.xuanfu_right ul li::before {
    position: absolute;
    content: "";
    bottom: 0;
    width: 54px;
    height: 1px;
    background: #DDDDDD;
    left: 50%;
    transform: translateX(-50%);
}

.xuanfu_right ul li:last-child::before {
    width: 0;
}

.xuanfu_right ul li .xun_div_hover .iph_div {
    padding: 10px 16px;
    background: #fff;
    width: 150px;
}

.xuanfu_right ul li .xun_div_hover .iph_div p {
    color: #00134C;
    font-size: 18px;
    font-weight: bold;
}

.layui-form-select .layui-input {
    padding-left: 20px;
}

.idx_bd_cont {
    width: 100%;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.5);
    z-index: 999;
    display: none;
}

.idx_form {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1200px;
    background: #FFFFFF;
    border-radius: 60px;
    padding: 97px 80px 60px 80px;
    max-width: 80%;
}

.idx_form .idx_codes {
    position: absolute;
    top: 40px;
    right: 40px;
    width: 20px;
    cursor: pointer;
}

.idx_form_cont {
    width: 100%;
}

.idx_form_cont .idx_input {
    width: 48.55%;
    margin-right: 2.9%;
    float: left;
    margin-bottom: 30px;
    position: relative;
    background: #F9F9F9;
}

.idx_form_cont .idx_input:nth-child(2n) {
    margin-right: 0;
}

.idx_form_cont .idx_input .layui-input {
    height: 60px;
    width: 100%;
    border-radius: 31px;
    border: 0;
    padding-left: 110px;
    position: relative;
    font-size: 16px;
    color: rgba(170, 170, 170, 1);
}

.idx_form_cont .idx_input::before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    width: 1px;
    height: 30px;
    background: #E5E5E5;
    content: "";
    left: 82px;
    z-index: 1;
}

.idx_form_cont .idx_input:nth-child(1) .layui-input {
    background: url(../images/icon_user.png) no-repeat center left 30px;
}

.idx_form_cont .idx_input:nth-child(2) .layui-input {
    background: url(../images/icon_iph.png) no-repeat center left 30px;
}

.idx_form_cont .idx_input:nth-child(3) .layui-input {
    background: url(../images/icon_gs.png) no-repeat center left 30px;
}

.idx_form_cont .idx_input:nth-child(4) .layui-input {
    background: url(../images/icon_hy.png) no-repeat center left 30px;
}

.idx_form_cont .idx_input label {
    position: absolute;
    top: 50%;
    left: 110px;
    transform: translateY(-50%);
    /* z-index: 1; */
    font-weight: 200;
    font-size: 16px;
    color: rgba(170, 170, 170, 1);
}

.idx_form_cont .idx_input label i {
    color: #E40000;
    margin-right: 4px;
}

.idx_form_cont .idx_input .layui-form-select .layui-edge {
    right: 40px;
    border-top-color: rgba(0, 19, 76, 1);
}

.idx_ream {
    width: 100%;
    position: relative;
    overflow: hidden;
    background: #F9F9F9;
    border-radius: 70px;
    height: 140px;
}

.idx_ream label {
    position: absolute;
    top: 25px;
    left: 50px;
    font-size: 16px;
    color: rgba(170, 170, 170, 1);
    font-weight: 200;
    font-style: italic;
}

.idx_form .idx_ream .layui-textarea {
    height: 140px;
    background-color: rgba(0, 0, 0, 0);
    border-radius: 70px;
    border: 0;
    padding-left: 50px;
    padding-top: 25px;
    overflow: hidden;
    resize: none;
    font-size: 16px;
    color: rgba(170, 170, 170, 1);
    font-size: 16px;
    color: rgba(170, 170, 170, 1);
}

.idx_botton {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 45px;
}

.idx_botton .layui-btn {
    width: 150px;
    height: 56px;
    background: #00134C;
    border-radius: 28px;
    margin: 0 15px;
    font-size: 18px;
    color: #FFFFFF;
    border: 0;
}

.idx_botton .layui-btn.layui-btn-primary {
    background: #F9F9F9;
    color: #333333;
}

.nav_hover, .nav_hover_tow {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #fff;
    background: #FFFFFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    z-index: 1;
    display: none;
}

.nav_hover_tow {
    padding: 50px 0;
}

.nav_hover_tow dl {}

.nav_hover_tow dl dt {
    float: left;
    margin: 0 30px;
}

.nav_hover_tow dl dt a {
    color: rgba(51, 51, 51, 1);
    font-size: 18px;
}

.nav_hover_tow .dl_t {
    display: flex;
    justify-content: center;
    width: 100%;
}

.nav_hover_tow dl dt.act a, .nav_hover_tow dl dt:hover a {
    color: rgba(0, 19, 76, 1);
}

.header .nav_logo .nav li:hover .nav_hover, .header .nav_logo .nav li:hover .nav_hover_tow {
    display: block;
}

.nav_hover .warp {
    padding: 0 120px;
    display: block;
    overflow: hidden;
}

.nav_hover .nav_hover_left {
    width: 170px;
    float: left;
    padding: 5px 0;
}

.nav_hover .nav_hover_left ul {
    width: 100%;
    padding-top: 45px;
    overflow: hidden;
}

.nav_hover .nav_hover_left ul li {
    width: 100%;
    padding: 20px 0 !important;
    float: left;
    border-bottom: 1px solid #D2D2D2;
    padding-left: 25px !important;
    cursor: pointer;
}

.nav_hover .nav_hover_left ul li:first-child {
    padding-top: 0 !important;
}

.nav_hover .nav_hover_left ul li p {
    font-size: 18px;
    color: rgba(51, 51, 51, 1);
    width: calc(100% - 18px);
    padding-left: 15px;
    float: left;
}

.nav_hover .nav_hover_left ul li i {
    width: 18px;
    height: 18px;
    border: 1px solid #666666;
    border-radius: 50%;
    display: block;
    position: relative;
    float: left;
    margin-top: 3px;
}

.nav_hover .nav_hover_left ul li i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #666666;
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
}

.nav_hover .nav_hover_right {
    width: calc(100% - 170px);
    float: left;
    display: flex;
    justify-content: space-between;
    padding: 5px 0;
    padding-left: 60px;
}

.nav_hover .nav_hover_right .nav_hover_top ul li {
    color: rgba(51, 51, 51, 1);
    font-size: 16px;
    display: block;
    float: left;
    width: 100%;
    padding: 15px 0;
    cursor: pointer;
}

.nav_hover .nav_hover_right .nav_hover_top ul li:first-child {
    padding-top: 0;
}

.nav_hover_bot ul li {
    display: none;
    padding: 0 !important;
    cursor: pointer;
}

.nav_hover_bot ul li.act {
    display: block;
}

.nav_hover_top {
    padding-top: 45px;
}

.nav_hover::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 27.8%;
    background: #F5F5F5;
    content: "";
    height: 100%;
    z-index: -1;
}

.nav_hover .nav_hover_left ul li.act i, .nav_hover .nav_hover_left ul li:hover i {
    border-color: rgba(0, 19, 76, 1);
}

.nav_hover .nav_hover_left ul li.act i::before, .nav_hover .nav_hover_left ul li:hover i::before {
    background: rgba(0, 19, 76, 1);
}

.nav_hover .nav_hover_left ul li.act p, .nav_hover .nav_hover_right .nav_hover_top ul li.act, .nav_hover .nav_hover_left ul li:hover p, .nav_hover .nav_hover_right .nav_hover_top ul li:hover {
    color: rgba(0, 19, 76, 1);
}

.nav_hover_list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.nav_hover_list.act {
    opacity: 1;
    visibility: visible;
    position: relative;
}

.banner_ny_text {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}

.banner_ny_text h3 {
    font-size: 46px;
    font-weight: bold;
    color: #FFFFFF;
    margin-bottom: 25px;
}

.banner_ny_text p {
    font-size: 30px;
    color: #FFFFFF;
    text-transform: uppercase;
}

.banner_ny_text .ban_text {
    padding-left: 44px;
    position: relative;
}

.banner_ny_text .ban_text::before {
    position: absolute;
    top: 50%;
    left: 0;
    height: 89%;
    content: '';
    width: 3px;
    background-color: #fff;
    transform: translateY(-50%);
}

.warp_a {
    width: 1200px;
    margin: auto;
}

.banner_ny {
    position: relative;
    width: 100%;
    margin-top: 90px;
}

.Bread_crumbs {
    width: 100%;
    border-bottom: 1px solid #E0E0E0;
    box-shadow: 0px 0px 8px 0px rgba(26, 26, 26, 0.1);
    height: 80px;
}

.brea_right ul {
    display: flex;
    align-items: center;
}

.brea_right ul li {
    float: left;
}

.brea_right ul li a {
    font-size: 16px;
    color: #888888;
    display: flex;
    align-items: center;
    transition: all .4s;
}

.brea_right ul span {
    display: block;
    margin: 0 6px;
}

.brea_right ul li a img {
    margin-right: 15px;
}

.brea_li {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.brea_tt ul li {
    position: relative;
    float: left;
    padding: 0 38px;
    border-left: 1px solid #EEEEEE;
    width: 220px;
    background: url(../images/b1_iconx.png) no-repeat center right 38px;
    height: 80px;
    z-index: 4;
    cursor: pointer;
}

.brea_tt ul li:last-child {
    border-right: 1px solid #eee;
    height: 80px;
}

.brea_tt ul li .tit {
    font-size: 18px;
    color: #333333;
    line-height: 80px;
}

.brea_tt ul li .tit_hover {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    background: #F5F5F5;
    border: 1px solid #E5E5E5;
    padding: 10px 39px;
    border-top-color: #071951;
    display: none;
}

.brea_tt ul li.act .tit_hover {
    display: block;
}

.brea_tt ul li.act .tit {
    color: #00134C;
}

.brea_tt ul li.act {
    background: url(../images/b1_icons.png) no-repeat center right 38px;
}

.brea_tt ul li .tit_hover dl dt a {
    color: rgba(102, 102, 102, 1);
    font-size: 16px;
    line-height: 36px;
    padding: 8px 0;
    display: inline-block;
    transition: all .4s;
}

.brea_tt ul li .tit_hover dl dt.act a {
    color: rgba(0, 19, 76, 1);
}

.brea_tt ul li .tit_hover dl dt {
    border-bottom: 1px dashed rgba(229, 229, 229, 1);
}

.brea_tt ul li .tit_hover dl dt:last-child {
    border: 0;
}

.b1_pro_list {
    width: 100%;
}

.pt-80 {
    padding-top: 80px;
}

.pb-87 {
    padding-bottom: 87px;
}

.b1_pro_ui ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
}

.b1_pro_ui ul li {
    width: 32.16%;
    float: left;
    margin-right: 1.76%;
    border-radius: 0px 0px 30px 0px;
    background: #F9F9F9;
    position: relative;
    margin-top: 40px;
    z-index: 1;
    border: 2px solid rgba(0, 0, 0, 0);
    transition: all .4s;
}

.b1_pro_ui ul li:nth-child(1), .b1_pro_ui ul li:nth-child(2), .b1_pro_ui ul li:nth-child(3) {
    margin-top: 0;
}

.b1_pro_ui ul li:nth-child(3n) {
    margin-right: 0;
}

.b1_pro_ui ul li .img {
    width: 100%;
    overflow: hidden;
    background: linear-gradient(-23deg, #E6E8F1 0%, #F6F7FB 100%);
}

.b1_pro_ui ul li .img img {
    width: 100%;
    transition: all .4s;
}

.b1_pro_ui ul li .text {
    width: 100%;
    padding: 38px 34px;
}

.b1_pro_ui ul li .text h3 {
    font-size: 24px;
    color: #333333;
    line-height: 38px;
    margin-bottom: 8px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.b1_pro_ui ul li .text p {
    font-size: 20px;
    color: #666666;
    line-height: 36px;
}

.pages {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pages ul li {
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pages ul li a {
    color: #333;
    font-size: 18px;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 10px;
}

.b1_pro_ui {
    width: 100%;
    margin-bottom: 65px;
}

.pages ul li.act a {
    font-size: 22px;
    font-weight: bold;
}

.pages ul li.pages_prev a, .pages ul li.pages_next a {
    border: 1px solid #666666;
    margin: 0 30px;
}

.pages ul li.pages_prev a i {
    transition: all .4s;
    width: 8px;
    height: 13px;
    display: inline-block;
    background: url(../images/idx_app_l.png) no-repeat center center/100%;
}

.pages ul li.pages_next a i {
    transition: all .4s;
    width: 7px;
    height: 11px;
    display: inline-block;
    background: url(../images/idx_app_rr.png) no-repeat center center/100%;
}

.b2_banner {
    width: 100%;
    margin-top: 90px;
    padding: 60px 0;
    overflow: hidden;
}

.b2_banner .b2_baner_left {
    width: 50%;
    float: left;
    padding-right: 11.8%;
}

.b2_banner .b2_baner_right {
    width: 50%;
    float: left;
    padding-left: 3%;
}

.b2_baner_swiper {
    width: 100%;
}

.b2_baner_swiper .swiper-slide img {
    width: 100%;
}

.b2_banner .b2_baner_left h3 {
    font-size: 32px;
    font-weight: bold;
    color: #00134C;
    margin-bottom: 14px;
}

.b2_banner .b2_baner_left h4 {
    font-size: 18px;
    color: #00134C;
    line-height: 30px;
    margin-bottom: 10px;
}

.b2_banner .b2_baner_left .tit {
    width: 100%;
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    margin-bottom: 28px;
}

.b2_banner .b2_baner_left h5 {
    font-size: 24px;
    font-weight: bold;
    color: #00134C;
    line-height: 30px;
}

.b2_banner .b2_baner_left .b2_bar_lsi {
    width: 100%;
    margin-top: 30px;
}

.b2_banner .b2_baner_left .b2_bar_lsi ul li {
    width: 25%;
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.b2_banner .b2_baner_left .b2_bar_lsi ul li .icon {
    width: 76px;
}

.b2_banner .b2_baner_left .b2_bar_lsi ul li p {
    font-size: 16px;
    color: #333333;
    line-height: 36px;
    margin-top: 18px;
}

.b2_bra_top {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 50px;
}

.b2_bra_top .b2_top1, .b2_bra_top .b2_top2 {
    margin-right: 10px;
}

.b2_bra_top .b2_top1 a, .b2_bra_top .b2_top2 a {
    width: 175px;
    height: 50px;
    border: 1px solid #00134C;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: rgba(0, 19, 76, 1);
    transition: all .4s;
}

.b2_bra_top .b2_top1 a i {
    margin-left: 16px;
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/icon_xz.png) no-repeat center center/100%;
    transition: all .4s;
}

.b2_bra_top .b2_top2 a i {
    margin-left: 16px;
    display: inline-block;
    width: 23px;
    height: 23px;
    background: url(../images/icon_zx.png) no-repeat center center/100%;
    transition: all .4s;
}

.b2_bra_top .b2_top3 {
    width: 175px;
    height: 50px;
    border: 1px solid #00134C;
    border-radius: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: rgba(0, 19, 76, 1);
    cursor: pointer;
    transition: all .4s;
}

.b2_bra_top .b2_top3 i {
    margin-left: 16px;
    display: inline-block;
    width: 19px;
    height: 22px;
    background: url(../images/icon_bf.png) no-repeat center center/100%;
    transition: all .4s;
}

.b2_ber_sapn {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.b2_ber_sapn .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #666666;
    border-radius: 50%;
    opacity: 1;
    margin: 0 7px;
}

.b2_ber_sapn .swiper-pagination-bullet-active {
    background: #00134C;
}

.pb-80 {
    padding-bottom: 80px;
}

.b2_pro_list {
    width: 100%;
}

.b2_pro_list .b2_pro_Features {
    width: 100%;
}

.b2_h3 {
    width: 100%;
}

.b2_h3 h3 {
    font-size: 30px;
    font-weight: bold;
    color: #00134C;
    display: flex;
    align-items: center;
    line-height: 32px;
}

.b2_h3 h3 img {
    margin-right: 17px;
}

.b2_pro_list .b2_pro_Features .b2_rest_lis {
    width: 100%;
    margin-top: 40px;
}

.b2_pro_list .b2_pro_Features .b2_rest_lis ul li {
    width: 100%;
    position: relative;
    padding: 4px 0;
    overflow: hidden;
}

.b2_pro_list .b2_pro_Features .b2_rest_lis ul li span {
    font-size: 18px;
    color: #333333;
    line-height: 32px;
    display: inline-block;
    width: 44px;
    position: relative;
    float: left;
}

.b2_pro_list .b2_pro_Features .b2_rest_lis ul li span::before {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    content: "";
    width: 25px;
    height: 7px;
    background: url(../images/b2_cp_icon2.png) no-repeat center center/100%;
}

.b2_pro_list .b2_pro_Features .b2_rest_lis ul li p {
    font-size: 18px;
    color: #333333;
    line-height: 32px;
    float: left;
    width: calc(100% - 44px);
    padding-left: 10px;
}

.b2_Applications {
    width: 100%;
    background: #F9F9F9;
}

.b2_appli_list {
    margin-top: 40px;
    width: 100%;
}

.b2_appli_list ul li {
    width: 48.33%;
    float: left;
    margin-right: 3.34%;
    border-radius: 0px 0px 30px 0px;
    overflow: hidden;
}

.b2_appli_list ul li:nth-child(2n) {
    margin-right: 0;
}

.b2_appli_list ul li .img {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.b2_appli_list ul li .img img {
    width: 100%;
    transition: all .4s;
}

.b2_appli_list ul li .img .b2_img_text {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 50px;
}

.b2_appli_list ul li .img .b2_img_text p {
    font-size: 22px;
    color: #FFFFFF;
    line-height: 30px;
}

.b2_par_table {
    margin-top: 40px;
    width: 100%;
}

.b2_par_table ul {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.b2_par_table ul li {
    width: 49.91%;
    float: left;
    margin-right: .18%;
    margin-top: 1px;
    padding: 10px 0;
    background: #F9F9F9;
    position: relative;
    min-height: 65px;
    display: flex;
    align-items: center;
}

.b2_par_table ul li:nth-child(2n) {
    margin-right: 0;
}

.b2_par_table ul li::before {
    position: absolute;
    top: 0;
    left: 180px;
    width: 1px;
    height: 100%;
    background: #fff;
    content: "";
}

.b2_par_table ul li .b2_par_li {
    width: 180px;
    padding: 0 68px 0 40px;
    float: left;
    font-size: 18px;
    color: #00134C;
}

.b2_par_table ul li .b2_par_lrt.sty {
    font-size: 24px;
    color: rgba(0, 19, 76, 1);
}

.b2_par_table ul li .b2_par_lrt {
    width: calc(100% - 180px);
    background: #F9F9F9;
    float: left;
    padding: 0 40px;
    font-size: 18px;
    color: #333333;
    line-height: 26px;
}

.b2_word {
    width: 100%;
    background: #F9F9F9;
}

.b2_word_text {
    margin-top: 30px;
    width: 100%;
    font-size: 18px;
    color: #333333;
    line-height: 36px;
}

.b2_word_text img {
    max-width: 100%;
    height: auto !important;
    margin-top: 10px;
}

.b2_effect {
    width: 100%;
}

.b2_dtt_left {
    /* width: calc(100% - 248px); */
    float: left;
    padding-right: 40px;
}

.b2_dtt_left .b2_dee_list {
    width: 100%;
    margin-top: 38px;
}

.b2_dtt_left .b2_dee_list ul li {
    font-size: 18px;
    color: #333333;
    line-height: 36px;
    padding: 8px 0;
}

.b2_eff_right {
    width: 450px;
    float: right;
}

.b2_pro_siimg {
    width: 100%;
    margin-top: 40px;
    padding-top: 20px;
}

.b2_Product_Size {
    width: 100%;
    background: #F9F9F9;
}

.b2_pro_siimg img {
    height: auto !important;
    max-width: 100%;
}

.left_menu {
    position: fixed;
    top: 50%;
    left: 0px;
    z-index: 2;
    transform: translateY(-50%);
    opacity: 0;
    visibility: hidden;
    transition: all .4s;
    background: #FFFFFF;
    box-shadow: 0px 0px 20px 0px rgb(4 0 0 / 10%);
    border-radius: 0px 4px 4px 0;
    padding: 10px 20px 10px 10px;
}

.left_menu.act {
    opacity: 1;
    visibility: visible;
}

.left_menu ul li {
    font-size: 14px;
    color: #333333;
    line-height: 30px;
    position: relative;
    cursor: pointer;
    height: 44px;
    display: flex;
    align-items: center;
    padding-left: 16px;
    transition: all .4s;
}

.left_menu ul li.active {
    color: rgba(0, 19, 76, 1);
}

.left_menu ul li.active::before {
    background: #00134C;
}

.left_menu ul li::before {
    width: 8px;
    height: 8px;
    background: #F2F3F6;
    border-radius: 50%;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.left_menu ul li::after {
    position: absolute;
    top: 50%;
    left: 4px;
    width: 1px;
    height: 100%;
    content: "";
    background: #F2F3F6;
    z-index: -1;
    transition: all .4s;
}

.left_menu ul li:last-child::after {
    height: 0;
}

.submenu {
    height: 80px;
    width: 60%;
    align-items: center;
    display: flex;
    display: -webkit-flex;
    display: -ms-flex;
}

.submenu .swiper-container {
    width: 100%;
}

.submenu .swiper-slide {
    width: auto;
    display: inline-block;
}

.submenu .swiper-slide {
    text-align: center;
}

.submenu .swiper-slide a {
    font-size: 18px;
    color: #333333;
    margin: 0 27px;
    transition: all .4s;
    line-height: 80px;
    display: inline-block;
    position: relative;
}

.submenu .swiper-slide a::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: rgba(0, 0, 0, 0);
    content: "";
    transition: all .4s;
}

.submenu .swiper-slide.cur03 a {
    color: rgba(0, 19, 76, 1);
}

.submenu .swiper-slide.cur03 a::before {
    background: #00134C;
}

.submenu .swiper-slide:first-child a {
    margin-left: 0;
}

.c1_pro_list {
    width: 100%;
}

.c1_pro_ui {
    width: 100%;
    margin-bottom: 60px;
}

.c1_pro_ui ul {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
    width: 100%;
}

.c1_pro_ui ul li {
    width: 31.66%;
    float: left;
    margin-right: 2.5%;
    background: #F9F9F9;
    border: 1px solid #EEEEEE;
    border-radius: 0px 0px 30px 0px;
    overflow: hidden;
    border-top: 2px solid rgba(0, 19, 76, 1);
    margin-top: 40px;
}

.c1_pro_ui ul li:nth-child(1), .c1_pro_ui ul li:nth-child(2), .c1_pro_ui ul li:nth-child(3) {
    margin-top: 0;
}

.c1_pro_ui ul li:nth-child(3n) {
    margin-right: 0;
}

.c1_pro_ui ul li a {
    display: inline-block;
    width: 100%;
    padding: 22px 20px;
}

.c1_pro_ui ul li .img {
    width: 100%;
    overflow: hidden;
}

.c1_pro_ui ul li .img img {
    width: 100%;
    transition: all .4s;
}

.c1_pro_ui ul li .text {
    width: 100%;
    padding: 34px 0 10px 0;
}

.c1_pro_ui ul li .text h3 {
    font-size: 20px;
    color: #333333;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
    transition: all .4s;
}

.c1_pro_ui ul li .text p {
    font-size: 16px;
    color: #666666;
    line-height: 26px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 10px;
    height: 52px;
}

.c1_pro_ui ul li .text .more {
    display: flex;
    width: 100%;
    align-items: center;
    font-size: 16px;
    color: #00134C;
    line-height: 30px;
}

.c1_pro_ui ul li .text .more img {
    margin-left: 10px;
}

.c1_bir_bott {
    width: 100%;
    border-radius: 30px 0px 30px 0px;
    margin-top: 60px;
    overflow: hidden;
    padding: 80px 100px 85px 100px;
}

.c1_bir_bott .c1_bir_lsft {
    width: calc(100% - 260px);
    float: left;
    padding-right: 80px;
    border-right: 1px solid rgba(255, 255, 255, .2);
}

.c1_bir_bott .c1_bir_lsft h3 {
    font-size: 24px;
    color: #FFFFFF;
    line-height: 30px;
    position: relative;
    padding-bottom: 24px;
    margin-bottom: 28px;
}

.c1_bir_bott .c1_bir_lsft h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 35px;
    height: 2px;
    background: #FFFFFF;
}

.c1_bir_bott .c1_bir_lsft p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 36px;
}

.c1_bir_bott .c1_bir_right {
    width: 260px;
    float: left;
    padding-left: 85px;
}

.c1_bir_bott .c1_bir_right h3 {
    font-size: 18px;
    color: #fff;
    line-height: 32px;
}

.c1_bir_bott .c1_bir_right h4 {
    font-size: 24px;
    color: #fff;
    line-height: 36px;
}

.c1_bir_bott .c1_bir_right .c1_zxzx {
    width: 100%;
    margin-top: 34px;
}

.c1_bir_bott .c1_bir_right .c1_zxzx a {
    width: 175px;
    height: 50px;
    background: #FFFFFF;
    border-radius: 25px;
    font-size: 18px;
    color: #00134C;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .4s;
}

.D1_News_list {
    width: 100%;
    overflow: hidden;
}

.d1_news_ui {
    width: 100%;
    margin-bottom: 50px;
}

.d1_news_ui ul li {
    width: 100%;
    margin-top: 30px;
    background: #F9F9F9;
    border-radius: 0px 0px 30px 0px;
    overflow: hidden;
    border: 2px solid rgba(0, 0, 0, 0);
    transition: all .4s;
}

.d1_news_ui ul li:first-child {
    margin-top: 0;
}

.d1_news_ui ul li a {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.d1_news_ui ul li a .d1_text {
    width: calc(100% - 175px);
    display: flex;
    align-items: center;
}

.d1_news_ui ul li a .d1_text .img {
    width: 340px;
    overflow: hidden;
    float: left;
}

.d1_news_ui ul li a .d1_text .img img {
    width: 100%;
    transition: all .4s;
}

.d1_news_ui ul li a .d1_text .text {
    width: calc(100% - 340px);
    float: left;
    padding-left: 60px;
    padding-right: 60px;
    border-right: 1px solid #ddd;
}

.d1_news_ui ul li a .d1_text .text h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all .4s;
    margin-bottom: 20px;
}

.d1_news_ui ul li a .d1_text .text p {
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 72px;
}

.d1_news_ui ul li a .d1_year {
    width: 175px;
    float: left;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.d1_news_ui ul li a .d1_year p {
    color: rgba(153, 153, 153, 1);
    font-size: 16px;
    line-height: 24px;
}

.d1_news_ui ul li a .d1_year h3 {
    color: rgba(153, 153, 153, 1);
    font-size: 26px;
    line-height: 36px;
}

.d1_news_ui ul li a .d1_year .yse_der {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
}

.d2_diser {
    width: 100%;
}

.d2_diser_title {
    width: 100%;
    padding-bottom: 30px;
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    margin-bottom: 48px;
}

.d2_diser_title h3 {
    font-size: 30px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 24px;
}

.d2_diser_title p {
    font-size: 16px;
    color: #888888;
    line-height: 30px;
}

.d2_diser_title p span {
    margin-right: 30px;
}

.d2_diser_cotn {
    width: 100%;
    font-size: 16px;
    color: #333333;
    line-height: 36px;
}

.d2_diser_cotn img {
    max-width: 100%;
    height: auto !important;
}

.d2_sisd_pager {
    width: 100%;
    margin-top: 64px;
    background: #F9F9F9;
    border-radius: 30px 0px 30px 0px;
    padding: 40px 60px;
}

.d2_sisd_pager {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.d2_sisd_pager .d2_sisd_prev, .d2_sisd_pager .d2_sisd_next {
    width: 50%;
    float: left;
}

.d2_sisd_pager .d2_sisd_prev a, .d2_sisd_pager .d2_sisd_next a {
    width: 150px;
    height: 45px;
    border: 1px solid #00134C;
    border-radius: 23px;
    font-size: 16px;
    color: #00134C;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;
    transition: all .4s;
}

.d2_sisd_pager .d2_sisd_prev a i {
    transition: all .4s;
    margin-right: 6px;
    display: inline-block;
    width: 8px;
    height: 13px;
    background: url(../images/idx_app_l_h.png) no-repeat center center /100%;
}

.d2_sisd_pager .d2_sisd_next a {
    float: right;
}

.d2_sisd_pager .d2_sisd_next i {
    transition: all .4s;
    margin-left: 6px;
    display: inline-block;
    width: 7px;
    height: 11px;
    background: url(../images/idx_app_r_h.png) no-repeat center center /100%;
}

.d2_sisd_pager .d2_sisd_cont {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.d2_sisd_pager .d2_sisd_cont a {
    transition: all .4s;
    width: 150px;
    height: 45px;
    border: 1px solid #F9F9F9;
    border-radius: 23px;
    font-size: 16px;
    color: #00134C;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 30px;
}

.d2_sisd_pager .d2_sisd_cont a img {
    margin-right: 20px;
}

.c2_disr_top {
    width: 100%;
    overflow: hidden;
}

.c2_disr_top .c2_sidr_titl {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 60px;
}

.c2_disr_top .c2_sidr_titl h3 {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
    width: calc(100% - 160px);
    float: left;
}

.c2_disr_top .c2_sidr_titl a {
    width: 160px;
    height: 46px;
    border: 1px solid #00134C;
    border-radius: 23px;
    font-size: 18px;
    color: #00134C;
    display: flex;
    align-items: center;
    float: left;
    justify-content: center;
    transition: all .4s;
}

.c2_sider_nac {
    width: 100%;
}

.c2_sider_nac .c2_nd_left {
    width: 50%;
    float: left;
    padding-right: 79px;
}

.c2_sider_nac .c2_nd_right {
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
    border-radius: 0px 0px 30px 0px;
    cursor: pointer;
}

.c2_sider_nac .c2_nd_right img {
    width: 100%;
}

.c2_sider_nac .c2_nd_right .bf_icom {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c2_sider_nac .c2_nd_right .bf_icom img {
    width: 71px;
}

.c2_sider_nac .c2_nd_right .bf_icom p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 20px;
}

.c2_sider_nac .c2_nd_right::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    content: "";
}

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

.vdoBg.vis, .vdoBox.vis, .banvdoBox.vis {
    display: block;
}

.vdoBox {
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 9999;
    display: none;
    max-width: 90%;
    min-width: 300px;
    width: 906px;
}

.tanXx {
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    font-size: 0;
    position: absolute;
    bottom: 100%;
    right: 0;
    margin-bottom: 15px;
    cursor: pointer;
    font-size: 30px;
    color: #FFF;
}

.c2_nd_left .li_c2 {
    width: 100%;
    margin-bottom: 50px;
}

.c2_nd_left .li_c2 h3 {
    font-size: 24px;
    font-weight: bold;
    color: #00134C;
    margin-bottom: 10px;
    line-height: 30px;
}

.c2_nd_left .li_c2 p {
    font-size: 18px;
    color: #333333;
    line-height: 40px;
}

.c2_nd_left .jjfa_c2 {
    width: 100%;
}

.c2_nd_left .jjfa_c2 p {
    width: 175px;
    height: 50px;
    background: #00134C;
    border-radius: 25px;
    font-size: 18px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
}

.Related_Products {
    width: 100%;
}

.Related_Products .rela_left {
    width: 50%;
    float: left;
    margin-bottom: 100px;
}

.Related_Products .rela_left h3 {
    font-size: 36px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 50px;
    margin-top: 80px;
}

.Related_Products .rela_left .reel_tit {
    width: 100%;
}

.Related_Products .rela_left .reel_tit h4 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 40px;
    margin-bottom: 10px;
}

.Related_Products .rela_left .reel_tit p {
    font-size: 24px;
    color: #333333;
    line-height: 40px;
}

.Related_Products .rela_right {
    width: 50%;
    float: left;
    padding-left: 30px;
}

.Related_Products .rela_right .img {
    width: 387px;
}

.Related_Products .warp_a {
    display: flex;
    align-items: center;
}

.f1_conter {
    width: 100%;
}

.f1_conter .f1_title {
    width: 100%;
}

.f1_conter .f1_title h3 {
    font-size: 48px;
    font-weight: bold;
    color: #00134C;
    line-height: 56px;
    text-align: center;
    margin-bottom: 10px;
}

.f1_conter .f1_title p {
    font-size: 30px;
    color: #333333;
    line-height: 40px;
    text-align: center;
}

.f1_cont_list {
    width: 100%;
    margin-top: 80px;
}

.f1_cont_list ul {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.f1_cont_list ul li {
    width: 49.16%;
    float: left;
    margin-right: 1.68%;
    background: #FFFFFF;
    box-shadow: -4px 7px 17px 2px rgba(0, 0, 0, 0.1);
    padding: 40px 30px;
}

.f1_cont_list ul li:nth-child(2n) {
    margin-right: 0;
}

.f1_cont_list ul li .f1_cont_li {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-bottom: 19px;
    border-bottom: 1px solid rgba(84, 83, 89, 0.18);
    margin-bottom: 30px;
}

.f1_cont_list ul li .f1_cont_li .img {
    width: 157px;
    margin-bottom: 10px;
}

.f1_cont_list ul li .f1_cont_li h3 {
    font-size: 24px;
    color: #00134C;
    line-height: 56px;
}

.f1_cont_list ul li .f1_cont_text {
    width: 100%;
    font-size: 16px;
    color: #666666;
    line-height: 36px;
    text-align: center;
}

.f1_map {
    width: 100%;
    overflow: hidden;
    height: 650px;
}

.e1_about {
    width: 100%;
    z-index: 1;
    position: relative;
}

.e1_about .e1_about_top {
    width: 100%;
    margin-bottom: 88px;
}

.e1_about .e1_about_top .e1_about_left {
    width: 45.84%;
    float: left;
    padding-right: 30px;
}

.e1_about .e1_about_top .e1_about_right {
    width: 54.16%;
    float: left;
    font-size: 18px;
    color: #333333;
    line-height: 42px;
}

.e1_about .e1_about_top .e1_about_left h3 {
    font-size: 24px;
    color: #333333;
    line-height: 42px;
}

.e1_about .e1_about_top .e1_about_left h2 {
    font-size: 56px;
    font-weight: bold;
    color: #00134C;
    margin-bottom: 5px;
    text-transform: uppercase;
}

.e1_about .e1_about_top .e1_about_left p {
    font-size: 18px;
    color: #666666;
    margin-top: 8px;
}

.e1_about_lis {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 32px 6px rgba(0, 19, 76, 0.06);
    border-radius: 30px 0px 30px 0px;
    overflow: hidden;
    padding: 90px 59px 70px 59px;
}

.e1_about_lis ul {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.e1_about_lis ul li {
    float: left;
    width: calc(100% / 6);
}

.e1_about_lis ul li .year_e1 {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.e1_about_lis ul li .year_e1 h3 {
    font-size: 48px;
    font-weight: bold;
    color: #00134C;
    line-height: 48px;
}

.e1_about_lis ul li .year_e1 small {
    font-size: 36px;
}

.e1_about_lis ul li p {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
}

.shipin_about {
    width: 100%;
    height: 580px;
    position: relative;
    cursor: pointer;
    margin-top: -124px;
}

.shipin_about .about_bf {
    position: absolute;
    top: 60%;
    left: 50%;
    transform: translate(-50%, -60%);
    display: flex;
    flex-direction: column;
    align-items: center;
}

.shipin_about .about_bf img {
    width: 71px;
}

.shipin_about .about_bf p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 20px;
}

.shipin_about::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
    background: rgba(0, 0, 0, 0.5);
}

.company_culture {
    width: 100%;
    background: #F9F9F9;
}

.e1_title {
    width: 100%;
}

.e1_title h3 {
    font-size: 48px;
    font-weight: bold;
    color: #00134C;
    line-height: 48px;
}

.comply_ul {
    width: 100%;
    margin-top: 40px;
}

.comply_ul ul li {
    width: calc(100% / 3);
    float: left;
    height: 560px;
    position: relative;
}

.comply_ul ul li .e1_li_one {
    width: 100%;
    height: 50%;
    position: relative;
    z-index: 1;
}

.comply_ul ul li .comr_hover {
    padding: 60px 60px 0 60px;
    width: 100%;
}

.comply_ul ul li .comr_hover .icon {
    transition: all .4s;
    position: relative;
}

.comply_ul ul li:nth-child(1):hover .comr_hover .icon {
    transform: translateY(-4px);
}
.comply_ul ul li .e1_li_one:hover .comr_hover .icon {
    transform: translateY(-4px);
}
.comply_ul ul li .comr_hover h3 {
    font-size: 20px;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 40px;
    margin-top: 20px;
}

.comply_ul ul li .comr_hover p {
    font-size: 16px;
    color: #FFFFFF;
    line-height: 30px;
    margin-top: 10px;
}

.comply_ul ul li:nth-child(2) .e1_li_one:nth-child(1) h3 {
    color: #333333;
}

.comply_ul ul li:nth-child(3) .e1_li_one:nth-child(2) h3 {
    color: #333333;
}

.comply_ul ul li:nth-child(2) .e1_li_one:nth-child(1) p {
    color: #666666;
}

.comply_ul ul li:nth-child(3) .e1_li_one:nth-child(2) p {
    color: #666666;
}

.comply_ul ul li:nth-child(2) .e1_li_one:nth-child(2)::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    content: "";
    z-index: -1;
    transition: all .4s;
}

.comply_ul ul li:nth-child(3) .e1_li_one:nth-child(1)::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    content: "";
    z-index: -1;
    transition: all .4s;
}

.comply_ul ul li:nth-child(3) .e1_li_one:nth-child(1):hover:before {
    background: rgba(0, 19, 76, 0.6);
}

.comply_ul ul li:nth-child(2) .e1_li_one:nth-child(2):hover:before {
    background: rgba(0, 19, 76, 0.6);
}

.development_path {
    width: 100%;
    overflow: hidden;
}

.e1_about_srt {
    width: 100%;
    margin-top: 80px;
}

.e1_about_tow {
    width: 100%;
    padding-bottom: 100px;
    position: relative;
    display: flex;
    align-items: center;
}

.e1_about_tow .ssje_t {}

.e1_about_tow .ssje_t .ssje-prev, .e1_about_tow .ssje_t .ssje-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    background: #F9F9F9;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: all 0.4s;
}

.e1_about_tow .ssje_t .ssje-next {
    right: -106px;
}

.e1_about_tow .ssje_t .ssje-prev {
    left: -106px;
}

.e1_about_tow .ssje_t .ssje-prev i {
    width: 11px;
    height: 19px;
    background: url(../images/ban_l_l.png) no-repeat center center/100%;
    transition: all 0.4s;
    display: inline-block;
}

.e1_about_tow .ssje_t .ssje-next i {
    width: 10px;
    height: 18px;
    background: url(../images/ban_r_l.png) no-repeat center center/100%;
    transition: all 0.4s;
    display: inline-block;
}

.e1_about_tow .e1_about_top {
    width: calc(100% - 400px);
    overflow: hidden;
    float: left;
}

.e1_about_tow .aboutT-rt {
    width: 400px;
    overflow: hidden;
    float: left;
}

.e1_about_top .texy {
    width: 100%;
}

.e1_about_top .texy h3 {
    font-size: 38px;
    font-family: Arial;
    font-weight: bold;
    color: #00134C;
    line-height: 40px;
    position: relative;
    padding-bottom: 28px;
}

.e1_about_top .texy h3::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 55px;
    height: 2px;
    background: #00134C;
    content: "";
}

.e1_about_top .texy .re_abr_ul {
    width: 66%;
    margin-top: 28px;
    max-height: 260px;
}

.e1_about_top .texy .re_abr_ul li {
    width: 100%;
    position: relative;
    font-size: 18px;
    color: #333333;
    line-height: 36px;
    position: relative;
    padding-left: 18px;
    margin: 8px 0;
    max-height: 260px;
}

.e1_about_top .texy .re_abr_ul li::before {
    position: absolute;
    top: 14px;
    left: 0;
    width: 6px;
    height: 6px;
    background: #CDD3E4;
    border-radius: 50%;
    content: "";
    overflow: hidden;
}

.aboutT-rt .imgs {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: auto;
}

.abotu_sdd {
    width: 100%;
    position: relative;
    border-top: 1px solid rgba(229, 229, 229, 1);
    padding-top: 33px;
}

.about-twoSwp {
    width: 100%;
}

.about-twoSwp .year {
    font-size: 16px;
    font-family: Arial;
    color: #333333;
    line-height: 40px;
    transition: all .4s;
    cursor: pointer;
}

.about-twoSwp .swiper-slide-thumb-active .year {
    font-size: 20px;
    color: #00134C;
}

.e2_about_ctt {
    width: 100%;
}

.e2_about_ctt .title {
    width: 100%;
}

.e2_about_ctt .title h3 {
    font-size: 48px;
    font-family: Arial;
    font-weight: bold;
    color: #00134C;
    margin-bottom: 10px;
}

.e2_about_ctt .title p {
    font-size: 30px;
    color: #333333;
    line-height: 40px;
}

.e2_abotu_ss {
    width: 100%;
    margin-top: 80px;
    position: relative;
}

.e2_abotu_ss::before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    content: "";
    background: #F5F5F5;
    height: 60%;
}

.e2_abotu_ss .G_cor_swiper {
    width: 100%;
}

.G_cor_prev, .G_cor_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    background: #F9F9F9;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: all 0.4s;
}

.G_cor_next {
    right: -106px;
}

.G_cor_prev {
    left: -106px;
}

.G_cor_prev i {
    width: 11px;
    height: 19px;
    background: url(../images/ban_l_l.png) no-repeat center center/100%;
    transition: all 0.4s;
    display: inline-block;
}

.G_cor_next i {
    width: 10px;
    height: 18px;
    background: url(../images/ban_r_l.png) no-repeat center center/100%;
    transition: all 0.4s;
    display: inline-block;
}

.e2_abotu_ss .warp_a {
    position: relative;
}

.G_cor_swiper .img {
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 11px 14px 1px rgba(6, 0, 1, 0.1);
}

.G_cor_swiper .img img {
    width: 100%;
}

.e3_about_zs {
    width: 100%;
}

.e3_about_zs .e3_about_shuk {
    width: 100%;
    border-bottom: 1px solid #EEEEEE;
    padding-bottom: 80px;
}

.e3_about_zs .e3_about_shuk ul {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.e3_about_zs .e3_about_shuk ul li {
    width: calc(100% / 3);
    float: left;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.e3_about_zs .e3_about_shuk ul li h3 {
    font-size: 72px;
    color: #fff;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke: 1px #00134C;
}

.e3_about_zs .e3_about_shuk ul li h4 {
    font-size: 18px;
    color: #00134C;
    margin-top: 5px;
}

.e3_about_zs .e3_about_shuk ul li p {
    font-size: 16px;
    color: #666666;
    margin-top: 14px;
    text-align: center;
}

.e3_pri_riort {
    width: 100%;
    position: relative;
}

.re_div_tit {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.re_div_tit .titl h3 {
    font-size: 48px;
    font-family: Arial;
    font-weight: bold;
    color: #00134C;
}

.re_div_tit .titl p {
    font-size: 30px;
    color: #333333;
    margin-top: 5px;
}

.re_div_tit .ul ul li {
    float: left;
    margin-left: 25px;
}

.re_div_tit .ul ul li:nth-child(1) {
    margin-left: 0;
}

.re_div_tit .ul ul li a {
    width: 150px;
    height: 50px;
    border: 1px solid #00134C;
    border-radius: 25px;
    font-size: 18px;
    color: #00134C;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    transition: all .4s;
}

.re_div_tit .ul ul li.act a {
    background: #00134C;
    color: #fff;
}

.qsa_top {
    width: 100%;
    padding-top: 100px;
}

.qsa_top .div_aq {
    width: 50%;
    background: url(../images/HONOR.png) no-repeat center center;
    padding-right: 90px;
    min-height: 125px;
}

.qsa_top .div_aq p {
    font-size: 18px;
    color: #00134C;
    margin-bottom: 20px;
}

.qsa_top .div_aq h3 {
    font-size: 24px;
    font-weight: bold;
    color: #333333;
    line-height: 40px;
}

.e3_aburtt {
    width: 100%;
    background: #F9F9F9;
    padding: 60px 0 100px 0;
    margin-top: 110px;
}

.qer_swiper {
    width: 100%;
    display: flex;
    align-items: flex-end;
    position: relative;
}

.qer_left {
    width: calc(100% - 390px);
    padding-right: 60px;
    float: left;
}

.qer_right {
    width: 390px;
    float: left;
    position: absolute;
    right: 0;
    bottom: 0;
}

.qer_right .qer_right_swiper {
    width: 100%;
}

.qer_right .qer_right_swiper .img {
    width: 100%;
    border: 2px solid #EEEEEE;
}

.qer_right .qer_right .img img {
    width: 100%;
}

.e_cor_swiper {
    width: 100%;
}

.e_cor_swiper .img {
    border: 2px solid #EEEEEE;
    transition: all .4s;
    cursor: pointer;
}

.e_cor_swiper .swiper-slide-thumb-active .img {
    border-color: #00134C;
}

.e3_cor_prev, .e3_cor_next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 56px;
    height: 56px;
    background: #FFFFFF;
    ;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    z-index: 1;
    transition: all 0.4s;
    border: 1px solid #E5E5E5;
}

.e3_cor_next {
    right: -106px;
}

.e3_cor_prev {
    left: -106px;
}

.e3_cor_prev i {
    width: 11px;
    height: 19px;
    background: url(../images/ban_l_l.png) no-repeat center center/100%;
    transition: all 0.4s;
    display: inline-block;
}

.e3_cor_next i {
    width: 10px;
    height: 18px;
    background: url(../images/ban_r_l.png) no-repeat center center/100%;
    transition: all 0.4s;
    display: inline-block;
}

.e3_about_zs_list {
    width: 100%;
}

.a3_asbout_uo {
    width: 100%;
    margin-bottom: 60px;
}

.a3_asbout_uo ul {
    width: 100%;
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.a3_asbout_uo ul li {
    width: 23.33%;
    float: left;
    margin-right: 2.2%;
    margin-top: 50px;
}

.a3_asbout_uo ul li:nth-child(1), .a3_asbout_uo ul li:nth-child(3), .a3_asbout_uo ul li:nth-child(2), .a3_asbout_uo ul li:nth-child(4) {
    margin-top: 0;
}

.a3_asbout_uo ul li:nth-child(4n) {
    margin-right: 0;
}

.a3_asbout_uo ul li .img {
    width: 100%;
    border: 2px solid #EEEEEE;
    overflow: hidden;
}

.a3_asbout_uo ul li .img img {
    width: 100%;
}

.a3_asbout_uo ul li p {
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    margin-top: 20px;
    text-align: center;
}

.nav_hover_bot {
    width: 387px;
}

/* IE浏览器版本兼容调试 */

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    ::-ms-clear, ::-ms-reveal {
        display: none;
    }
    .idx_pro_list ul li .idx_year h3 {
        text-shadow: rgba(0, 19, 76, 1) 1px 0 0, rgba(0, 19, 76, 1) 0 1px 0, rgba(0, 19, 76, 1) -1px 0 0, rgba(0, 19, 76, 1) 0 -1px 0;
        color: #fff;
    }
    .idx_pro_list ul li:hover .idx_year h3 {
        text-shadow: rgba(0, 19, 76, 1) 1px 0 0, rgba(0, 19, 76, 1) 0 1px 0, rgba(0, 19, 76, 1) -1px 0 0, rgba(0, 19, 76, 1) 0 -1px 0;
        color: #fff;
    }
    .e3_about_zs .e3_about_shuk ul li h3 {
        text-shadow: rgba(0, 19, 76, 1) 1px 0 0, rgba(0, 19, 76, 1) 0 1px 0, rgba(0, 19, 76, 1) -1px 0 0, rgba(0, 19, 76, 1) 0 -1px 0;
        color: #fff;
    }
    .G_cor_swiper .swiper-slide-active {}
}

/* 放置全部hover效果 */

@media screen and (min-width: 1200px) {
    .idexpro_span .idexpro_app_prev:hover, .idexpro_span .idexpro_app_next:hover {
        border-color: #00134C;
    }
    .idexpro_span .idexpro_app_prev:hover i {
        background: url(../images/idx_app_l_h.png) no-repeat center center/100%;
    }
    .idexpro_span .idexpro_app_next:hover i {
        background: url(../images/idx_app_r_h.png) no-repeat center center/100%;
    }
    .re_div_tit .ul ul li:hover a {
        background: #00134C;
        color: #fff;
    }
    .e1_about_tow .ssje_t .ssje-prev:hover, .G_cor_prev:hover {
        background: #00134C;
    }
    .e1_about_tow .ssje_t .ssje-prev:hover i, .G_cor_prev:hover i {
        background: url(../images/ban_l.png) no-repeat center center/100%;
    }
    .e1_about_tow .ssje_t .ssje-next:hover, .G_cor_next:hover {
        background: #00134C;
    }
    .e1_about_tow .ssje_t .ssje-next:hover i, .G_cor_next:hover i {
        background: url(../images/ban_r.png) no-repeat center center/100%;
    }
    .c2_disr_top .c2_sidr_titl a:hover {
        color: #fff;
        background: #00134C;
    }
    .e3_cor_next:hover, .e3_cor_prev:hover {
        background: #00134C;
        border: 1px solid #00134C;
    }
    .e3_cor_next:hover i {
        background: url(../images/ban_r.png) no-repeat center center/100%;
    }
    .e3_cor_prev:hover i {
        background: url(../images/ban_l.png) no-repeat center center/100%;
    }
    .c2_disr_top .c2_sidr_titl a:hover {
        color: #fff;
        background: #00134C;
    }
    .d2_sisd_pager .d2_sisd_prev a:hover i {
        transform: translateX(-4px);
    }
    .d2_sisd_pager .d2_sisd_next a:hover i {
        transform: translateX(4px);
    }
    .d2_sisd_pager .d2_sisd_cont a:hover {
        border-color: #00134C;
    }
    .submenu .swiper-slide a:hover::before {
        background: #00134C;
    }
    .d1_news_ui ul li:hover a .img img {
        transform: scale(1.1);
    }
    .d1_news_ui ul li:hover a .text h3 {
        color: rgba(0, 19, 76, 1);
    }
    .d1_news_ui ul li:hover {
        border-color: rgba(0, 19, 76, 1);
    }
    .c1_bir_bott .c1_bir_right .c1_zxzx a:hover {
        background: #00134C;
        color: #fff;
    }
    .c1_pro_ui ul li:hover .img img {
        transform: scale(1.1);
    }
    .c1_pro_ui ul li:hover .text h3 {
        color: #00134C;
        font-weight: bold;
    }
    .submenu .swiper-slide a:hover {
        color: #00134C;
    }
    .b2_bra_top .b2_top1 a:hover, .b2_bra_top .b2_top3:hover {
        background: #0071CE;
        color: #fff;
        border: 1px solid #0071CE;
    }
    .b2_bra_top .b2_top2 a:hover{
        background: #ffc526;
        color: #fff;
        border: 1px solid #ffc526;
    }
    .b2_bra_top .b2_top1 a:hover i {
        background: url(../images/icon_xz_h.png) no-repeat center center/100%;
    }
    .b2_bra_top .b2_top2 a:hover i {
        background: url(../images/icon_zx_h.png) no-repeat center center/100%;
    }
    .b2_bra_top .b2_top3:hover i {
        background: url(../images/icon_bf_h.png) no-repeat center center/100%;
    }
    .pages ul li.pages_prev a:hover, .pages ul li.pages_next a:hover {
        border-color: #00134C;
    }
    .pages ul li.pages_prev a:hover i {
        background: url(../images/idx_app_l_h.png) no-repeat center center/100%;
    }
    .pages ul li.pages_next a:hover i {
        background: url(../images/idx_app_r_h.png) no-repeat center center/100%;
    }
    .b1_pro_ui ul li:hover {
        border-color: #00134C;
    }
    .b1_pro_ui ul li:hover .img img {
        transform: scale(1.1);
    }
    .brea_right ul li a:hover {
        color: #00134C;
    }
    .brea_tt ul li .tit_hover dl dt a:hover {
        color: #00134C;
    }
    .footer_bottom p a:hover {
        color: rgba(0, 19, 76, 1);
    }
    .footer .footer_left ul li dl dt a:hover {
        color: #fff;
    }
    .idx_news_list ul li:hover .text h3 {
        color: rgba(0, 19, 76, 1);
    }
    .idx_news_list ul li:hover .img img {
        transform: scale(1.1);
    }
    .idxpart_swiper .idx_par_cont:hover .idx_par_text {
        background: #00134C;
        border-top: 1px solid #00134C;
    }
    .idxpart_swiper .idx_par_cont:hover .idx_par_text p {
        color: #fff;
    }
    .idx_appl_span .idx_app_prev:hover, .idx_appl_span .idx_app_next:hover {
        border: 1px solid #00134C;
    }
    .idx_appl_span .idx_app_prev:hover i {
        background: url(../images/idx_app_l_h.png) no-repeat center center/100%;
    }
    .idx_appl_span .idx_app_next:hover i {
        background: url(../images/idx_app_r_h.png) no-repeat center center/100%;
    }
    .idx_part_span .idx_part_prev:hover, .idx_part_span .idx_part_next:hover {
        border: 1px solid #00134C;
    }
    .idx_part_span .idx_part_prev:hover i {
        background: url(../images/idx_app_l_h.png) no-repeat center center/100%;
    }
    .idx_part_span .idx_part_next:hover i {
        background: url(../images/idx_app_r_h.png) no-repeat center center/100%;
    }
    .idx_pro_list ul li:hover .idx_year span, .idx_pro_list ul li:hover .idx_year small {
        color: #666666;
    }
    .idx_pro_list ul li:hover .idx_year h3 {
        -webkit-text-stroke: 1px rgba(0, 19, 76, 1);
    }
    .idx_pro_list ul li:hover p {
        color: rgba(102, 102, 102, 1);
    }
    .idx_pro_list ul li:hover::before {
        opacity: 1;
        visibility: visible;
    }
    .idx_center_pro .index_pro_ul a.mor:hover, .idx_appli_cont .index_pro_ul a.mor:hover {
        background: #00134C;
        border-color: #00134C;
        color: #fff;
    }
    .index_pro_ul ul li:hover {
        background: #00134C;
        border: 1px solid #00134C;
        color: #fff;
    }
    .swpBan .swpBan-prev:hover, .swpBan .swpBan-next:hover {
        background: rgba(0, 19, 76, 1);
        border-color: rgba(0, 19, 76, 1);
    }
    .idx_aali_swiper .swiper-slide:hover {
        width: 558px;
    }
    .idx_aali_swiper .swiper-slide:hover .divd_app {
        opacity: 1;
        visibility: visible;
    }
    .idx_aali_swiper .swiper-slide:hover .dd {
        opacity: 0;
        visibility: hidden;
    }
    .b2_appli_list ul li:hover .img img {
        transform: scale(1.1);
    }
}

.codex_top{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: #fff;box-shadow: 0px 0px 20px 0px rgb(4 0 0 / 10%);
    right: calc(100% - 40px);
   
    z-index: -1;
    display: flex;
    align-items: center; cursor: pointer;
}.codex_top img{
    margin-left: 20px;
    cursor: pointer;
}
.xuanfu_right.act{
    right: -94px;
}

.xuanfu_right.act .codex_top img {
    transform: rotate(
181deg
);}