@charset "utf-8";

.header {

    height: 120px;

    position: fixed;

    width: 100%;

    left: 0;

    top: 0;

    justify-content: space-between;

    z-index: 999;

    background: transparent;

    padding: 0 5%;

    transition: all .5s;

}

.header_hd_wrap {

    background: var(--theme-color);

    height: 40px;

}

.header_hd_wrap .wrapper {

    height: 100%;

}

.header_hd_hd {

    flex: 1;

}

.header_hd_hd .con a {

    color: #fff;

    display: flex;

    align-items: center;

    margin-right: 40px;

    cursor: pointer;

}

.header_hd_hd .con a i {

    font-size: 20px;

    margin-right: 5px;

}

.header_hd_hd .con a span {

    font-family: 'MontserratLight';

    font-size: 14px;

}

.header_hd_hd .con a:hover span {

    text-decoration: underline;

}

.header_hd_bd .follow_list a {

    width: 24px;

    height: 24px;

}

.header_hd_bd .follow_list a svg {

    width: 14px;

    height: 14px;

}

.header_bd {

    justify-content: space-between;

}

.header_bd .logo .logo2 {

    display: none;

}

.header_bd .logo img {

    max-height: 101px;

}

.nav .nav_li {

    margin: 0 26px;

    position: relative;

}

.nav .nav_li:last-child {

    margin-right: 0;

}

.nav .nav_li .nav1 a {

    color: #fff;

    display: block;

    font-size: 19px;

    line-height: 72px;

    position: relative;

    text-transform: uppercase;

    transition: all 0s;

    font-family: 'Arial';

}

.nav .nav_li .nav2 {

    list-style-type: none;

    position: absolute;

    top: 62px;

    line-height: 40px;

    width: 340px;

    background: #fff;

    display: none;

    border-radius: 5px;

    padding: 20px 0 40px;

    color: #3a3a3a;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

}

.nav .nav_li:nth-child(7) .nav2 {
    left: -50px;
    width: 200px;
}

.nav .nav_li .nav2 h4 {

    font-size: 18px;

    border-bottom: 1px solid #eee;

    padding: 10px 30px;

    margin-bottom: 10px;

    text-transform: capitalize;

}

.nav .nav_li .nav2 a {

    display: flex;

    align-items: center;

    font-family: 'MontserratLight';

    font-size: 15px;

    padding: 15px 30px 0;

}

.nav .nav_li .nav2 a span {

    flex: 1;

    line-height: 1;

}

.nav .nav_li .nav2 a i {

    font-size: 12px;

}

.nav .nav_li .nav2 .nav2_item {

    position: relative;

}

.nav .nav_li .nav2 .nav2_item .nav3 {

    position: absolute;

    line-height: 40px;

    width: 300px;

    background: #fff;

    border-radius: 5px;

    padding: 20px 0 40px;

    color: #3a3a3a;

    box-shadow: 0 0 10px rgba(0, 0, 0, .1);

    visibility: hidden;

    opacity: 0;

    transition: all .4s;

    left: calc(100% + 10px);

    bottom: -40px;

}

.nav .nav_li .nav2 a:hover {

    color: var(--theme-color);
	text-decoration:underline;

}

.nav .nav_li:hover .nav1 a:after,
.nav .nav_li.cur .nav1 a:after {

    width: 100%;

}

.nav .nav_li .nav2 .nav2_item:hover .nav3 {

    visibility: visible;

    opacity: 1;

}

.nav .nav_li .nav2 .nav2_item:hover .nav3 {

    left: 100%;

}

.header_info {

    height: 48px;

    align-items: center;

    justify-content: flex-end;

}

.header_info .tel {

    padding-right: 30px;

}

.header_info .tel .search {

    cursor: pointer;

}

.header_info .tel .search i {

    color: #fff;

}

.header_info .tel a {

    color: #fff;

    font-family: 'MontserratLight';

    font-size: 15px;

    display: flex;

    margin-left: 18px;

    padding-left: 18px;

    align-items: center;

    cursor: pointer;

    position: relative;

    transition: 0s;

}

.header_info .tel a:before {

    position: absolute;

    left: 0;

    top: 6px;

    content: '';

    display: block;

    width: 1px;

    height: 12px;

    background: rgba(255, 255, 255, .6);

}

.header_info .tel a i {

    font-size: 14px;

    margin-right: 5px;

    color: #fff;

    display: block;

    display: flex;

    justify-content: center;

    align-items: center;

}

.header_info .lang_box .lang {

    display: flex;

    align-items: center;

    height: 28px;

    background: rgba(255, 255, 255, .3);

    padding: 0 20px;

    font-size: 14px;

    border-radius: 100px;

    cursor: pointer;

    transition: all .3s;

    color: #fff;

    font-family: 'DINProLight';

}

.header_info .lang_box .lang .img {

    width: 16px;

    margin-right: 3px;

}

.header_info .lang_box .lang .img2 {

    display: none;

}

.header_info .lang_box .lang i {

    margin-right: 3px;

}

.header_info .lang_box .lang i.iconjt {

    margin-right: 0;

    font-size: 12px;

    margin-left: 3px;

    transform: rotate(180deg);

    transition: all .3s;

    color: #fff;

}

.header_info .lang_box:hover .lang i.iconjt {

    transform: rotate(0deg);

}

.header_info .lang_box {

    position: relative;

    z-index: 100;

    margin-left: 15px;

}

.header_info .lang_box .dlang {

    position: absolute;

    left: 0;

    top: 28px;

    width: 145px;

    background: #fff;

    padding: 10px 15px;

    display: none;

    border-radius: 5px;

    box-shadow: 0 3px 15px rgba(0, 0, 0, .1);

}

.header_info .lang_box .dlang a {

    display: flex;

    align-items: center;

    color: #666;

}

.header_info .lang_box .dlang a:hover {

    color: var(--theme-color);

}

.header_info .lang_box .dlang a img {

    height: 16px;

    margin-right: 6px;

}

.header_info .lang_box:hover .dlang {

    display: block;

}

.header.header_on {

    background: #fff;

    border-color: rgba(0, 0, 0, .08);

}

.header_on .header_bd .logo .logo1 {

    display: none;

}

.header_on .header_bd .logo .logo2 {

    display: block;

}

.header_on .nav .nav_li .nav1 a {

    color: #333;

}

.header_on .header_info .tel .search i {

    color: #333;

}

.header_on .header_info .tel a {

    color: #333;

}

.header_on .header_info .tel a i {

    color: #333;

}

.header_on .header_info .tel a:before {

    background: rgba(0, 0, 0, .6);

}

.header_on .header_info .lang_box .lang {

    background: #efefef;

    color: #666;

}

.header_on .header_info .lang_box .lang .img1 {

    display: none;

}

.header_on .header_info .lang_box .lang .img2 {

    display: block;

}

.header_on .header_info .lang_box .lang i.iconjt {

    color: #333;

}

.header_on .header_info .lang_box:hover .lang i.iconjt {

    color: #fff;

}

.header_on .nav .nav_li .nav1 a:after {

    background: var(--theme-color);

}

.header_on .header_info .lang_box:hover .lang .img1 {

    display: block;

}

.header_on .header_info .lang_box:hover .lang .img2 {

    display: none;

}

.header_on .nav .nav_li .nav1 a:hover,
.header_on .nav .nav_li.cur .nav1 a {

    color: var(--theme-color);

}

/*chanpin*/

.header.header_cp {

    background: #004098;

    border-color: rgba(0, 0, 0, .08);

}

.header_cp .header_bd .logo .logo1 {

    display: block;

}

.header_cp .header_bd .logo .logo2 {

    display: none;

}

.header_cp .nav .nav_li .nav1 a {

    color: #fff;

}

.header_cp .header_info .tel .search i {

    color: #fff;

}

.header_cp .header_info .tel a {

    color: #fff;

}

.header_cp .header_info .tel a i {

    color: #fff;

}

.header_cp .header_info .tel a:before {

    background: rgba(255, 255, 255, .6);

}

.header_cp .header_info .lang_box .lang {

    background: #fff;

    color: #000;

}

.header_cp .header_info .lang_box .lang .img1 {

    display: none;

}

.header_cp .header_info .lang_box .lang .img2 {

    display: block;

}

.header_cp .header_info .lang_box .lang i.iconjt {

    color: #fff;

}

.header_cp .header_info .lang_box:hover .lang i.iconjt {

    color: #fff;

}

.header_cp .nav .nav_li .nav1 a:after {

    background: var(--theme-color);

}

.header_cp .header_info .lang_box:hover .lang .img1 {

    display: block;

}

.header_cp .header_info .lang_box:hover .lang .img2 {

    display: none;

}

.header_cp .nav .nav_li .nav1 a:hover,
.header_cp .nav .nav_li.cur .nav1 a {

    color: #fff;

}

/***/

.header_info .lang_box:hover .lang {

    background: var(--theme-color);

    color: #fff;

}

.banner {

    position: relative;

    overflow: hidden;

}

.banner:after {

    content: '';

    display: block;

    width: 100%;

    height: 30%;

    background: linear-gradient(to bottom, rgba(0, 0, 0, .6), transparent);

    display: block;

    position: absolute;

    left: 0;

    top: 0;

    z-index: 2;

}

.banner .item_img img {

    width: 100%;

    height: 100vh;

    object-fit: cover;

}

.banner .item .item_con {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    padding-bottom: 5vh;

}

.banner .item .item_con .wrapper {

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.banner .item .item_con .info {

    display: flex;

    flex-direction: column;

}

.banner .item .item_con h4 {

    font-size: 42px;

    font-weight: bold;

    line-height: 1.8;

    color: #fff;

    padding-bottom: 25px;

    text-shadow: 2px 2px 4px rgba(0, 0, 0, .3);

}

.banner .item .item_con p {

    font-size: 18px;

    margin: 30px 0 100px;

}

.banner .swiper-pagination {

    text-align: center;

    bottom: 40px;

    left: 0;

    width: 100%;

}

.banner .swiper-pagination .swiper-pagination-bullet {

    width: 6px;

    height: 6px;

    background: #fff;

    margin: 0 17px;

    opacity: 1;

    position: relative;

}

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    width: 8px;

    height: 8px;

    background: var(--theme-color);

}

.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {

    content: '';

    display: block;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    border: 1px solid var(--theme-color);

    position: absolute;

    left: -9px;

    top: -9px;

}

/* tit_box1 */

.tit_box1 {

    padding: 70px 0 0;

    display: flex;

    align-items: flex-end;

    position: relative;

    z-index: 2;

}

.tit_box1 .tit {

    flex: 1;

}

.tit_box1 .tit h4 {

    font-size: 43px;

    color: #333;

    text-transform: uppercase;
    font-weight: bold;

    font-family: 'MontserratBold';

    line-height: 1.3;

}

.tit_box1 .tit p {

    font-size: 16px;

    color: var(--theme-color);

    font-family: 'MontserratLight';

    text-transform: uppercase;

    font-style: italic;

    margin-bottom: 10px;

}

.tit_box1 .tit span {

    display: block;

    font-size: 18px;

    font-family: 'MontserratLight';

}

.tit_box1 .menu {

    display: flex;

    border-bottom: 1px solid #e2e2e2;

    margin-bottom: 15px;

}

.tit_box1 .menu a {

    display: block;

    margin-right: 50px;

    padding-bottom: 15px;

    position: relative;

    font-size: 18px;

    font-family: 'MontserratLight';

}

.tit_box1 .menu a:after {

    width: 0;

    display: block;

    content: '';

    position: absolute;

    height: 2px;

    bottom: -1px;

    transition: all .3s;

    background: var(--theme-color);

}

.tit_box1 .menu a:last-child {

    margin-right: 0;

    color: var(--theme-color);

}

.tit_box1 .menu a:last-child:after {

    width: 100%;

}

.tit_box1 .menu a:hover {

    color: var(--theme-color);

}

.tit_box1 .menu a:hover:after {

    width: 100%;

}

.tit_box1 .tel {

    display: flex;

    justify-content: flex-end;

    align-items: center;

}

.tit_box1 .tel .icon {

    width: 90px;

    height: 90px;

    border: 1px solid rgba(34, 66, 153, .3);

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.tit_box1 .tel .icon i {

    width: 60px;

    height: 60px;

    background: rgba(34, 66, 153, .1);

    border-radius: 50%;

    color: var(--theme-color);

    font-size: 24px;

    display: flex;

    justify-content: center;

    align-items: center;

}

.tit_box1 .tel .info {

    margin-left: 15px;

}

.tit_box1 .tel .info p {

    color: #666;

}

.tit_box1 .tel .info h4 {

    font-size: 26px;

    color: #333;

    font-family: 'MontserratSemiBold';

}

.tit_box2 .tit {

    text-align: center;

}

.tit_box2 .tit p {

    margin-bottom: 10px;

}

.tit_box2 .tit h4 {

    font-size: 42px;

}

.tit_box2 .tit span {

    font-size: 16px;

    margin-top: 15px;

}

.bg0 {

    position: relative;

    background: #fff;

    z-index: 2;

}

.bg1 {

    background: #f8f8f8;

}

.bg2 {

    background: #f6f6f6;

}

/* product */

.product_big_wrap {

    background: url("../images/product_wrap.webp") no-repeat center top #fff;

    position: relative;

    z-index: 2;

    border-radius: 50px 50px 0 0;

    background-size: cover;

}

.product_wrap {

    position: relative;

    width: 1800px;

    margin: auto;

    padding: 0 0 90px;

}

.product_con {

    overflow: hidden;

    position: relative;

    padding: 45px 0 40px;

}

.product_con .item {

    display: block;

    overflow: hidden;

    transition: all 0.36s ease;

}

.product_con .item .img {

    background: var(--theme-color);

    position: relative;

}

.product_con .item .img:before {

    content: "";

    width: 32px;

    height: 2px;

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: -10%;

    transition: all 0.36s ease-out;

    z-index: 1;

}

.product_con .item .img:after {

    content: "";

    width: 2px;

    height: 32px;

    background-color: #fff;

    position: absolute;

    top: -20%;

    left: 50%;

    transition: all 0.36s ease-out;

}

.product_con .item .img .mark {

    background: rgba(0, 0, 0, 0);

    transition: all 0.36s ease;

    position: absolute;

    width: 100%;

    height: 100%;

    border: 2px solid transparent;

    top: 0;

    left: 0;

}

.product_con .item .img img {

    width: 100%;

    transition: all 0.36s ease;

    object-fit: contain;

}

.product_con .item .info {

    background: #004098;

    padding: 20px 30px;

    color: #fff;

    align-items: center;

    transition: all 0.36s ease;

}

.product_con .item .info .con {

    flex: 1;

    min-width: 0;

    padding-right: 20px;

}

.product_con .item .info p {

    font-size: 16px;

    font-family: 'MontserratLight';

    text-overflow: ellipsis;

    overflow: hidden;

    /* word-break: break-all; */

    -webkit-line-clamp: 2;

}

.product_con .item .info h4 {

    font-weight: bold;

    font-family: 'MontserratSemiBold';

    font-size: 18px;

}

.product_con .item .info .more {

    border: 1px solid #fff;

    font-size: 12px;

    height: 38px;

    line-height: 36px;

    padding: 0 10px;

    transition: all 0.36s ease;

    text-transform: uppercase;

    font-family: 'MontserratLight';

}

.product_con .item:hover .info {

    background: var(--theme-color);

}

.product_con .item:hover .info .more {

    background: #fff;

    color: var(--theme-color);

}

.product_con .item:hover .img img {

    transform: scale(0.95);

}

.product_con .item:hover .img .mark {

    background: rgba(0, 0, 0, .5);

}

.product_con .item:hover .img:before {

    top: calc(50% - 0px);

    left: calc(50% - 16px);

    opacity: 0.9;

}

.product_con .item:hover .img:after {

    top: calc(50% - 15px);

    left: calc(50% - 1px);

    opacity: 0.9;

}

.product_wrap .swiper-button-next,
.product_wrap .swiper-button-prev {

    width: 55px;

    height: 55px;

    border-radius: 3px;

    border: 1px solid #d5d5d5;

    top: 40%;

    font-size: 24px;

    color: #6e6e6e;

    transition: all .3s;

    background: #fff;

}

.product_wrap .swiper-button-next i,
.product_wrap .swiper-button-prev i {

    font-size: 20px;

}

.product_wrap .swiper-button-prev i {

    transform: rotate(180deg);

}

.product_wrap .swiper-button-next:after,
.product_wrap .swiper-button-prev:after {

    display: none;

}

.product_wrap .swiper-button-next:hover,
.product_wrap .swiper-button-prev:hover {

    background: var(--theme-color);

    color: #fff;

    border-color: var(--theme-color);

}

.product_more {

    display: flex;

    justify-content: center;

}

.product_more a {

    font-size: 18px;

    color: #333;

    transition: all 0.36s ease;

    font-family: 'MontserratSemiBold';

}

.product_more a i {

    font-size: 12px;

    color: #999;

    padding-left: 5px;

    transition: all .3s;

}

.product_more a:after {

    content: '';

    display: block;

    width: 100%;

    height: 2px;

    background: #666;

}

.product_more a:hover {

    color: var(--theme-color);

}

.product_more a:hover i {

    padding-left: 15px;

    color: var(--theme-color);

}

/* public_message */

.public_message_con {

    background: #fff;

    margin-top: 70px;

    padding: 70px;

}

.public_message_con .cover {

    width: 40%;

    height: 420px;

    background: #f6f6f6;

}

.public_message_con .cover img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.public_message_con .page_contact2_form {

    background: transparent;

    padding: 0;

}

.public_message_con .page_contact2_form .input_box .input input,
.public_message_con .page_contact2_form textarea {

    border: 1px solid #eee;

}

.page_product_related {

    padding: 70px 0 0;

}

.page_product_related_tit {

    font-size: 40px;

    color: #333;

    text-align: center;

    font-family: 'MontserratSemiBold';

}

/* about */

.about_wrap {

    position: relative;

    z-index: 2;

}

.about_tit {

    max-width: 1240px;

    margin: auto;

}

.about_list {

    margin: 45px -6px 0;

}

.about_list .item {

    display: block;

    padding: 0 6px;

    position: relative;

    flex: 1;

}

.about_list .item .img img {

    width: 100%;

}

.about_list .item .tit {

    font-size: 24px;

    color: #fff;

    white-space: nowrap;

    z-index: 10;

    padding: 0 60px 40px 0;

    width: calc(100% - 12px);

    height: 100%;

    display: flex;

    justify-content: flex-end;

    align-items: flex-end;

    position: absolute;

    right: 0;

    bottom: 0;

    transition: all .4s;

}

.about_list .item .tit:after {

    content: '';

    display: block;

    width: 34px;

    height: 2px;

    background: #fff;

}

.about_list .item .mark {

    width: 150px;

    height: 90px;

    background: rgba(0, 86, 165, .8);

    content: '';

    display: block;

    position: absolute;

    bottom: 0;

    right: 6px;

    transition: all .4s;

    z-index: 9;

}

.about_list .item:hover .mark {

    width: calc(100% - 12px);

    height: 100%;

}

.about_list .item:hover .tit {

    justify-content: center;

    align-items: center;

    padding: 0;

}

.about_list .item:hover .tit:after {

    position: absolute;

    margin-top: 50px;

}

/**sch***/

.listapp {
    margin-top: 30px
}

.listapp li {
    margin-bottom: 20px;
    color: #fff;
    position: relative;
    height: 686px;
}

.listapp li .imgfd {
    border-radius: 10px;
    border: 3px solid var(--theme-color);
    box-sizing: border-box;
    overflow: hidden;
    margin-bottom: 20px;
}

.listapp li .imgfd img {
    height: 330px;
    width: 100%;
}

.listapp li .txt {
    border-radius: 10px;
    height: 330px;
    background: var(--theme-color);
    padding: 40px;
    padding-bottom: 0;
}

.listapp li b {
    font-size: 24px;
    /*height: 27px;*/
    line-height: 27px;
    overflow: hidden;
    display: block;
    margin-bottom: 20px
}

.listapp li .des {
    height: 204px;
}

.listapp li .des,
.listapp li .des p {
    color: #fff;
    line-height: 34px;
    overflow: hidden;
}

.listapp li:nth-child(2) .imgfd,
.listapp li:nth-child(5) .imgfd {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 0;
}

@media (max-width: 1024px) {

    .listapp li:nth-child(2) .imgfd,
    .listapp li:nth-child(5) .imgfd {
        position: inherit;
        margin-bottom: 20px;
    }

    .listapp li {
        height: auto;
    }

}

@media (max-width: 960px) {

    .listapp li .imgfd img {
        height: 240px;
    }

    .listapp li .txt {
        height: auto;
        padding: 20px;
    }

    .listapp li .des {
        line-height: 24px;
        height: 144px;
    }

    .listapp li b {
        font-size: 19px;
        margin-bottom: 10px;
    }

    .listapp li,
    .listapp li .imgfd,
    .listapp li:nth-child(2) .imgfd,
    .listapp li:nth-child(5) .imgfd {
        margin-bottom: 15px;
    }

}

@media (max-width: 540px) {

    .listapp li .des {
        height: auto;
    }

    .listapp li b {
        font-size: 17px;
        margin-bottom: 5px;
    }

}

.center2 .list-three li {
    width: 32%;
    float: left;
    margin-right: 2%;
}

.center2 .list-three li:nth-child(3n) {
    margin-right: 0;
}

@media (max-width: 1024px) {

    .center2 .list-three li:nth-child(2n) {
        margin-right: 0;
    }

}

@media (max-width: 540px) {

    .center2 .list-three li,
    .list-three li:nth-child(3n) {
        width: 100%;
    }

    .center2 .list-three li:last-child {
        margin-bottom: 0;
    }

}

.center2 .page_about_tit {
    padding: 0;
}

.center2 .page_about_tit h4 {

    text-align: center;
    color: #000;

    padding: 10px 0 10px;

}

/* application_tit */

.application_tit {

    display: flex;

}

.application_tit .tit_box1 {

    width: 44%;

}

.application_tit .tit_box1 .tit h4 {

    font-size: 42px;

}

.application_tit .desc {

    flex: 1;

    min-width: 0;

    padding-top: 80px;

    padding-left: 12%;

}

.application_tit .desc p {

    font-size: 16px;

}

.application_tit .product_more {

    margin-top: 20px;

    justify-content: flex-start;

}

.application_list {

    overflow: hidden;

    margin-top: 50px;

}

.application_list .swiper-slide {

    width: 25% !important;

}

.application_list .swiper-slide.swiper-slide-active {

    width: 50% !important;

}

.application_list .item .img img {

    width: 100%;

    height: 435px;

    object-fit: cover;

}

.application_list .item .info {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    padding: 20px 30px;

    color: #fff;

    display: flex;

    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, .8));

    align-items: center;

}

.application_list .item .info .con {

    flex: 1;

}

.application_list .item .info .con h4 {

    font-size: 20px;

    font-family: 'MontserratSemiBold';

    line-height: 1;

}

.application_list .item .info .con p {

    font-size: 16px;

    font-family: 'MontserratLight';

    line-height: 1.4;

    margin-top: 12px;

    display: none;

}

.application_list .item .info .more {

    border: 1px solid #fff;

    font-size: 12px;

    height: 38px;

    line-height: 36px;

    padding: 0 10px;

    transition: all 0.36s ease;

    text-transform: uppercase;

    font-family: 'MontserratLight';

    display: none;

}

.application_list .swiper-slide.swiper-slide-active .item .info .con p {

    display: block;

}

.application_list .swiper-slide.swiper-slide-active .item .info .more {

    display: block;

}

.application_list .swiper-slide.swiper-slide-active .item .info .con h4 {

    position: relative;

    transition: all .3s;

}

.application_list .swiper-slide.swiper-slide-active .item .info .con h4:after {

    content: '';

    width: 0;

    height: 1px;

    background: #fff;

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    transition: all .3s;

}

.application_list .swiper-slide.swiper-slide-active .item:hover .info .con h4 {

    padding-bottom: 15px;

}

.application_list .swiper-slide.swiper-slide-active .item:hover .info .con h4:after {

    width: 50px;

}

.application_list .item:hover .info .more {

    background: #fff;

    color: var(--theme-color);

}

.fixed_name {

    position: relative;

    z-index: 1;

}

.fixed_name_txt {

    font-size: 165px;

    font-family: 'MontserratSemiBold';

    color: #f8f8f8;

    position: absolute;

    right: -14%;

    top: 145px;

    text-transform: uppercase;

    text-shadow: 0 0 4px #e6e6e6;

}

/* advantage_wrap */

.advantage_wrap {

    background: url("../images/advantage_wrap.png") no-repeat center bottom #ebeff2;

    padding-bottom: 180px;

}

.advantage_con {

    background: url("../images/advantage_bg.png") no-repeat center;

    height: 480px;

    margin: 55px 0 0;

    padding: 0 10px;

}

.advantage_con .item_wrap {

    flex: 1;

    padding: 10px 5px;

}

.advantage_con .item {

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    padding: 80px 55px;

    height: 100%;

    transition: all .4s;

    position: relative;

    z-index: 1;

}

.advantage_con .item_wrap .item:after {

    content: '';

    width: 100%;

    height: 0;

    position: absolute;

    background: #fff;

    box-shadow: 0 0 15px rgba(44, 187, 228, .1);

    border-radius: 200px;

    display: block;

    z-index: -1;

    transition: all .3s;

}

.advantage_con .item_wrap .item .ico {

    transition: all 2s;

    transition-delay: .2s;

}

.advantage_con .item_wrap .item .tit {

    font-size: 24px;

    color: #333;

    margin: 25px 0;

}

.advantage_con .item_wrap .item .desc {

    text-align: center;

}

.advantage_con .item_wrap .item:hover:after {

    height: 100%;

}

.advantage_con .item_wrap .item:hover .tit {

    color: var(--theme-color);

}

.advantage_con .item_wrap .item:hover .ico {

    transform: rotatey(360deg);

}

/* ani_demo */

.ani_demo .image-holder {

    margin-top: 45px;

}

.ani_demo .twentytwenty-handle {

    width: 80px;

    height: 80px;

    background: rgba(0, 0, 0, 0.25);

    border: 1px dashed #fff;

    margin-left: -41px;

    margin-top: -40px;

}

.ani_demo .twentytwenty-left-arrow {

    border: none;

    width: 50%;

    display: block;

    margin: 0;

    text-align: right;

    left: 0;

    height: 20px;

    line-height: 20px;

    margin-top: -10px;

}

.ani_demo .twentytwenty-right-arrow {

    margin: 0;

    border: none;

    width: 50%;

    display: block;

    text-align: left;

    right: 0;

    height: 20px;

    line-height: 20px;

    margin-top: -10px;

}

.ani_demo .twentytwenty-container img {

    width: 100%;

}

.ani_demo .twentytwenty-handle {

    width: 80px;

    height: 80px;

    background: rgba(0, 0, 0, 0.25);

    border: 1px dashed #fff;

    margin-left: -41px;

    margin-top: -40px;

}

.ani_demo .twentytwenty-horizontal .twentytwenty-handle:before {

    margin-bottom: 43px;

}

.ani_demo .twentytwenty-horizontal .twentytwenty-handle:after {

    margin-top: 43px;

}

.ani_demo .twentytwenty-horizontal .twentytwenty-handle:before,
.ani_demo .twentytwenty-horizontal .twentytwenty-handle:after {

    width: 2px;

}

.ani_demo .twentytwenty-left-arrow {

    border: none;

    width: 50%;

    display: block;

    margin: 0;

    text-align: right;

    left: 0;

    height: 20px;

    line-height: 20px;

    margin-top: -10px;

}

.ani_demo .twentytwenty-right-arrow {

    margin: 0;

    border: none;

    width: 50%;

    display: block;

    text-align: left;

    right: 0;

    height: 20px;

    line-height: 20px;

    margin-top: -10px;

}

.ani_demo .twentytwenty-left-arrow:before {

    content: "←";

    font-size: 24px;

    color: #fff;

    padding-right: 5px;

    font-family: math;

}

.ani_demo .twentytwenty-right-arrow:before {

    content: "→";

    font-size: 24px;

    color: #fff;

    padding-left: 5px;

    font-family: math;

}

/* case */

.case .tit_box1 {

    justify-content: space-between;

}

.case .tit_box1 .tit {

    max-width: 50%;

}

.case .tit_box1 .tit h4 {

    font-size: 46px;

}

.case_con {

    position: relative;

    overflow: hidden;

    padding-top: 30px;

}

.case_con .img {

    overflow: hidden;

    border-radius: 15px;

}

.case_con .info h4 {

    margin-top: 10px;

    text-align: center;

    color: #333;

    font-size: 18px;

}

.case_con a:hover .info h4 {

    color: var(--theme-color);

}

/* choose */

.choose_wrap {

    position: relative;

    background: url(../images/whybg.webp) top center no-repeat;

    background-size: cover;

    margin: 60px 0 30px 0;

}

.choose_wrap .choose {
    padding: 50px;
}

.choose_img {

    width: 50%;

    position: absolute;

    right: 0;

    top: 0;

    height: 680px;

}

.choose_img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.choose_con {

    width: 100%;
    padding: 4.2%;
    background: rgba(0, 0, 0, .19);
    border-radius: 10px;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    position: relative;

    z-index: 50;

}

.choose_con .tit_box1 .tit h4 {
    color: #fff;
}

.choose_con .tit_box1 {

    flex-direction: column;

    align-items: flex-start;

    padding-top: 0;

}

.choose_con .tit_box1 .desc {

    font-size: 16px;

    margin-top: 15px;

    padding-top: 10px;

    border-top: 1px solid #fff;

    color: rgba(255, 255, 255, .7);

}

.choose_con .list {

    margin: 0 -20px;

}

.choose_con .list .item {

    width: 50%;

    display: flex;

    padding: 40px 20px 0;

}

.choose_con .list .item .ico {

    width: 76px;

    height: 76px;

    border-radius: 50%;

    background: #fff;

    display: flex;

    justify-content: center;

    align-items: center;

}

.choose_con .list .item .con {

    flex: 1;

    min-width: 0;

    padding-left: 23px;

}

.choose_con .list .item:nth-child(2n) {

    padding-right: 0;

}

.choose_con .list .item .con h4 {

    font-size: 22px;

    text-transform: uppercase;

    color: #fff;

}

.choose_con .list .item .con p {

    font-size: 16px;

    font-family: 'MontserratLight';

    color: rgba(255, 255, 255, .7);

}

/* news */

.news .tit_box1 {

    margin-bottom: 40px;

}

.news_list .list {

    margin: 40px -60px 0;

    padding-bottom: 70px;

}

.news_list .list a {

    width: 50%;

    padding: 15px 60px;

}

.news_list .list .item .img {

    width: 310px;

    height: 205px;

    position: relative;

}

.news_list .list .item .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.news_list .list .item .con {

    flex: 1;

    padding-left: 30px;

    min-width: 0;

    transition: all .6s;

}

.news_list .list .item .con h4 {

    font-size: 24px;

    font-family: 'MontserratSemiBold';

    font-weight: bold;

    color: #333;

    line-height: 1.4;

}

.news_list .list .item .con .time {

    font-family: 'MontserratLight';

    color: var(--theme-color);

    margin: 10px 0 15px;

}

.news_list .list .item .con .desc {

    font-size: 16px;

    line-height: 1.5;

}

.news_list .list .item:hover .con {

    padding-left: 40px;

}

.news_list .list .item:hover .con h4 {

    color: var(--theme-color);

}

.news_list .list .item .img .mark {

    background: rgba(0, 0, 0, 0);

    transition: all 0.36s ease;

    position: absolute;

    width: 100%;

    height: 100%;

    border: 2px solid transparent;

    top: 0;

    left: 0;

}

.news_list .list .item .img:before {

    content: "";

    width: 32px;

    height: 2px;

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: -20%;

    transition: all 0.36s ease-out;

    z-index: 1;

}

.news_list .list .item .img:after {

    content: "";

    width: 2px;

    height: 32px;

    background-color: #fff;

    position: absolute;

    top: -20%;

    left: 50%;

    transition: all 0.36s ease-out;

}

.news_list .list .item:hover .img .mark {

    background: rgba(0, 0, 0, .4);

}

.news_list .list .item:hover .img:before {

    top: calc(50% - 0px);

    left: calc(50% - 16px);

    opacity: 0.9;

}

.news_list .list .item:hover .img:after {

    top: calc(50% - 15px);

    left: calc(50% - 1px);

    opacity: 0.9;

}

/* get_quote_wrap */

.get_quote_wrap {

    background: url("../images/bg3.jpg") no-repeat center;

    background-size: cover;

    position: relative;

    z-index: 2;

    padding: 80px 0 105px;

}

.get_quote_con {

    width: 70%;

}

.get_quote_con p {

    font-size: 18px;

    color: #333;

    margin-bottom: 5px;

}

.get_quote_con h4 {

    font-size: 50px;

    font-family: 'MontserratSemiBold';

    color: #333;

    line-height: 1.3;

}

.get_quote_con .btn {

    width: 240px;

    height: 53px;

    background: var(--theme-color);

    display: flex;

    justify-content: center;

    align-items: center;

    margin-top: 40px;

    color: #fff;

    font-family: 'MontserratLight';

    font-style: italic;

    position: relative;

    cursor: pointer;

}

.get_quote_con .btn:before {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    background-color: rgba(255, 255, 255, 0.25);

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

}

.get_quote_con .btn:hover:before {

    opacity: 0;

    -webkit-transform: scale(0.5, 0.5);

    transform: scale(0.5, 0.5);

}

.get_quote_con .btn:after {

    content: '';

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 1;

    opacity: 0;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    -o-transition: all 0.3s;

    transition: all 0.3s;

    border: 1px solid rgba(255, 255, 255, 0.5);

    -webkit-transform: scale(1.2, 1.2);

    transform: scale(1.2, 1.2);

}

.get_quote_con .btn:hover:after {

    opacity: 1;

    -webkit-transform: scale(1, 1);

    transform: scale(1, 1);

}

.get_quote_con .btn i {

    margin-right: 10px;

}

.get_quote_con .btn:hover {

    font-family: 'MontserratSemiBold';

}

/* our_customer */

.our_customer {

    padding-bottom: 60px;

}

.our_customer_tit {

    width: 36%;

    padding-right: 4%;

}

.our_customer_tit .tit_box1 .tit span {

    font-size: 16px;

    margin-top: 10px;

}

.our_customer_list {

    flex: 1;

    min-width: 0;

    height: 356px;

    overflow: hidden;

    margin-top: 80px;

    padding-bottom: 40px;

    position: relative;

}

.our_customer_list .swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;

    height: calc((100% - 30px) / 2) !important;

    display: flex;

    justify-content: center;

    align-items: center;

}

.our_customer_list .img {

    border: 1px solid #e5e5e5;

    height: 140px;

    width: 100%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.our_customer_list .img img {

    max-height: 100%;

    max-width: 100%;

    object-fit: contain;

}

.our_customer_list .swiper-pagination-bullet {

    width: 30px;

    height: 4px;

    border-radius: 0;

}

/* footer_message */

.footer_message {

    background: url("../images/bg3.jpg") no-repeat center;

    background-size: cover;

    text-align: center;

    padding: 70px 0;

    position: relative;

}

.footer_message .con {

    text-align: center;

    color: #fff;

}

.footer_message .con p {

    font-size: 18px;

}

.footer_message .con h4 {

    font-size: 48px;

    font-family: 'MontserratBold';

    line-height: 1.4;

}

.footer_message .form {

    margin-top: 20px;

}

.footer_message .form input {

    width: 320px;

    border-radius: 200px;

    background: #fff;

    height: 54px;

    outline: none;

    border: none;

    margin: 0 8px;

    font-size: 16px;

    padding: 0 20px;

}

.footer_message .form input.content {

    flex: 1;

}

.footer_message .form button {

    border: none;

    outline: none;

    width: 240px;

    height: 54px;

    border-radius: 100px;

    background: var(--theme-color);

    color: #fff;

    cursor: pointer;

    font-size: 18px;

    transition: all .3s;

}

.footer_message .form button:hover {

    background: var(--subtheme-color);

}

.footer_message .form button i {

    font-size: 20px;

    margin-right: 10px;

    font-family: 'MontserratLight';

}

.footer_message .share {

    height: 48px;

    padding: 0 30px;

    background: rgba(176, 181, 203, .3);

    display: inline-block;

    margin-top: 48px;

    border-radius: 100px;

}

.footer_message .share_wrap {

    align-items: center;

    height: 100%;

}

.footer_message .share_wrap .tit {

    font-size: 16px;

    color: #fff;

    margin-right: 15px;

}

.footer_message .b_top {

    position: absolute;

    bottom: -25px;

    left: 50%;

    width: 50px;

    height: 50px;

    line-height: 42px;

    text-align: center;

    background: var(--theme-color);

    color: #0064b3;

    border: 4px solid #fff;

    border-radius: 100%;

    margin-left: -25px;

    z-index: 99;

}

.footer_message .b_top:hover {

    background: var(--subtheme-color);

}

.footer_message .b_top span {

    font-size: 14px;

    color: #fff;

    width: 42px;

    height: 42px;

    line-height: 42px;

    display: block;

}

/* footer */

.footer {

    background: url("../images/footer_bg.webp") no-repeat center top;

    background-size: cover;

    padding: 70px 0 0;

    color: #fff;

}

.footer_con {

    justify-content: space-between;

}

.footer_hd {

    width: 20%;

}

.footer_hd p {

    color: #d7d7d7;

    margin: 10px 0 40px;

    font-family: 'MontserratLight';

}

.footer_hd h4 {

    font-size: 18px;

}

.footer_hd .form {

    margin-top: 20px;

}

.footer_hd .form input {

    height: 52px;

    background: #616b8c;

    width: 100%;

    border: none;

    outline: none;

    padding: 0 16px;

    color: #bdc0ca;

}

.footer_hd .form button {

    height: 52px;

    background: #092fa3;

    outline: none;

    font-weight: bold;

    border: none;

    margin-left: 8px;

    padding: 0 20px;

    color: #fff;

    font-family: 'MontserratSemiBold';

    cursor: pointer;

    font-style: italic;

}

.footer_hd .form button:hover {

    font-style: normal;

}

.footer_md {

    display: flex;

}

.footer_md .item {

    padding-left: 70px;

    width: 240px;

}

.footer_md .item .tit {

    font-size: 20px;

    font-weight: bold;

    font-family: 'MontserratSemiBold';

    margin-bottom: 10px;

}

.footer_md .item .menu a {

    display: block;

    padding-top: 8px;

    font-family: 'MontserratLight';

    color: #b9b9b9;

    font-size: 16px;

    white-space: nowrap;

}

.footer_md .item .menu a:hover {

    color: #fff;

    text-decoration: underline;

}

.footer_md .ftpr_list {
    width: 630px;
}

.footer_md .tel_list {

    width: 420px;

}

.footer_md .item.tel_list .tit {

    margin-bottom: 20px;

}

.footer_md .item .tel_item {

    display: flex;

    align-items: center;

    margin-bottom: 25px;

}

.footer_ft .tit {

    margin-bottom: 20px;

}

.footer_ft .follow_list a {

    width: 28px;

    height: 28px;

}

.footer_md .item .tel_item .ico {

    width: 43px;

    height: 43px;

    border-radius: 50%;

    border: 1px solid #fff;

    display: flex;

    justify-content: center;

    align-items: center;

}

.footer_md .item .tel_item .con {

    flex: 1;

    min-width: 0;

    color: #d7d7d7;

    padding-left: 10px;

    font-family: 'MontserratLight';

}

.footer_copyright {

    font-family: 'MontserratLight';

    font-size: 14px;

    padding: 20px 0;

    display: flex;

    border-top: 1px solid rgba(255, 255, 255, .2);

    margin-top: 65px;

    color: #b9b9b9;

}

.footer_copyright a {

    margin-left: 30px;

}

.footer_copyright a.bontop {

    flex: 1;

    display: flex;

    justify-content: flex-end;

}

/* page_banner */

.page_banner {

    margin-top: 110px;

    position: relative;

}

.page_banner .img img {

    width: 100%;

}

.page_banner .info {

    position: absolute;

    width: 100%;

    height: 100%;

    left: 0;

    top: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    color: #fff;

    text-transform: uppercase;

}

.page_banner .info .pos {

    font-family: 'MontserratLight';

}

.page_banner .info .pos a {

    margin: 0 3px;

}

.page_banner .info .tit {

    font-size: 64px;

    line-height: 1.2;

}

/* page_product */

.page_product {

    padding: 90px 0 0;

}

.page_product_menu {

    border-bottom: 1px solid #e5e5e5;

    width: 320px;

}

.page_product_menu .menu_list .wrap {}

.page_product_menu .menu_list .wrap .hd {

    width: 100%;

    padding: 12px 0;

    height: 86px;

    border-bottom: 1px solid #dbdbdb;

}

.page_product_menu .menu_list .wrap .hd a {

    flex: 1;

    padding-left: 10px;

    font-weight: bold;

}

.page_product_menu .menu_list .wrap .hd i {

    padding-left: 10px;

    cursor: pointer;

}

.page_product_menu .menu_list .wrap .hd a:hover {

    color: var(--theme-color);
    padding-left: 5px;

}

.page_product_menu .menu_list .wrap .hd a:hover i {

    color: var(--theme-color);

}

.page_product_menu .menu_list .wrap .bd {

    display: none;

    padding: 25px 32px 0;

}

.page_product_menu .menu_list .wrap .bd a {

    display: flex;

    align-items: center;

    margin-bottom: 16px;

}

.page_product_menu .menu_list .wrap .bd a i {

    width: 17px;

    height: 17px;

    border: 1px solid #666;

    display: flex;

    justify-content: center;

    align-items: center;

    margin-right: 10px;

}

.page_product_menu .menu_list .wrap .bd a i:before {

    display: none;

    transition: all .3s;

}

.page_product_menu .menu_list .wrap .bd a:hover {

    color: var(--theme-color);

}

.page_product_menu .menu_list .wrap .bd a:hover i {

    border-color: var(--theme-color);

}

.page_product_menu .menu_list .wrap .bd a:hover i:before {

    display: block;

}

.page_product_menu .search form {

    width: 100%;

    height: 56px;

    background: #f4f4f4;

}

.page_product_menu .search form:hover {

    border: 1px solid var(--theme-color);

}

.page_product_menu .search form input {

    border: none;

    outline: none;

    background: transparent;

    width: 100%;

    padding: 0 20px;

    font-size: 16px;

}

.page_product_menu .search form button {

    outline: none;

    border: none;

    width: 56px;

    height: 56px;

    cursor: pointer;

    background: transparent;

}

.page_product_menu .search form button i {

    font-size: 20px;

}

.page_product_list {

    flex: 1;

    min-width: 0;

    padding-left: 66px;

    padding-bottom: 80px;

}

.page_product_list .list {

    margin: 0 -14px 0;

}

.page_product_list .list a {

    width: 33.333%;

    padding: 0 18px 36px;
	


}

.page_product_list .list .item {

    border: 1px solid transparent;

    transition: all .4s;

}

.page_product_list .list .item .img {

    display: flex;

    justify-content: center;

    align-items: center;

    position: relative;

    background: #ededed;

    border: 1px solid #ddd;

}

.page_product_list .list .item .img img {

    object-fit: contain;

}

.page_product_list .list .item .img:before {

    content: "";

    width: 32px;

    height: 2px;

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: -20%;

    transition: all 0.36s ease-out;

    z-index: 1;

}

.page_product_list .list .item .img:after {

    content: "";

    width: 2px;

    height: 32px;

    background-color: #fff;

    position: absolute;

    top: -30%;

    left: 50%;

    transition: all 0.36s ease-out;

}

.bg1pt90 {

    padding-top: 90px;

}

.page_product_list .list .item .img .mark {

    background: rgba(0, 0, 0, 0);

    transition: all 0.36s ease;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

}

.page_product_list .list .item:hover .img {

    border: 0;

}

.page_product_list .list .item:hover .img img {

    transform: scale(0.95);

}

.page_product_list .list .item:hover .img .mark {

    background: rgba(0, 0, 0, .5);

}

.page_product_list .list .item:hover .img:before {

    top: calc(50% - 0px);

    left: calc(50% - 16px);

    opacity: 0.9;

}

.page_product_list .list .item:hover .img:after {

    top: calc(50% - 15px);

    left: calc(50% - 1px);

    opacity: 0.9;

}

.page_product_list .list .item .info {

    padding: 20px 0;

    transition: all .3s;

}

.page_product_list .list .item .info .tit {

    font-family: 'MontserratSemiBold';

    font-size: 18px;

    color: #333;

}

.page_product_list .list .item .info .textcenter{ width:100%; text-align:center; margin-top:16px;}
.page_product_list .list .item .info .textcenter span{ background: var(--theme-color); color:#fff; padding:7px 12px; border-radius:2px;}

.page_product_list .list .item .info .icos {

    padding-top: 15px;

}

.page_product_list .list .item .info .icos .ico {

    width: 30px;

    height: 30px;

    background: #e3eaf0;

    margin-left: 17px;

}

.page_product_list .list .item .info p {

    font-size: 16px;

    font-family: 'MontserratLight';

    margin-top: 16px;

}

.page_product_list .list .item .info .more {

    font-size: 16px;

    position: relative;

    display: inline-block;

    margin-top: 10px;

    font-family: 'MontserratLight';

    color: #333;

}

.page_product_list .list .item .info .more i {

    font-size: 12px;

    color: #999;

    margin-left: 5px;

}

.page_product_list .list .item .info .more:after {

    width: 100%;

    height: 1px;

    content: '';

    display: block;

    background: #999;

    transition: all .4s;

    margin-top: 3px;

}

.page_product_list .list .item:hover {

    border-color: var(--theme-color);

}

.page_product_list .list .item:hover .info {

    padding: 20px;
    background: var(--theme-color);

}

.page_product_list .list .item:hover .info p {
    color: #fff;
}

.page_product_list .list .item:hover .info .tit {

    color: #fff;

}

.page_product_list .list .item:hover .info .textcenter span{ background:#fff; color:var(--theme-color);}

.page_product_list .list .item:hover .info .more {

    color: #fff;

}

.page_product_list .list .item:hover .info .more i {

    color: #fff;

}

.page_product_list .list .item:hover .info .more:after {

    width: 0;

}

/* page_history */

.page_history .tit_box1 {

    justify-content: center;

    text-align: center;

}

.page_history .tit_box1 .tit span {

    font-size: 16px;

    margin-top: 10px;

}

.page_history_list {

    position: relative;

    margin: 50px 0 150px;

}

.page_history_list .line {

    height: calc(100% - 200px);

    position: absolute;

    left: 50%;

    bottom: 100px;

    transform: translateX(-50%);

    border-right: 2px dashed #c9c9c9;

}

.page_history_list .list {

    overflow: hidden;

}

.page_history_list .item {

    align-items: center;

    width: 50%;

    float: right;

    margin-bottom: 60px;

    padding-left: 125px;

    position: relative;

}

.page_history_list .item:after {

    content: '';

    border-top: 2px dashed #c9c9c9;

    display: block;

    width: 70px;

    position: absolute;

    left: 32px;

}

.page_history_list .item .round {

    width: 32px;

    height: 32px;

    border: 1px solid #999;

    border-radius: 50%;

    position: absolute;

    left: -16px;

    background: #fff;

}

.page_history_list .item .round:after {

    content: '';

    border-radius: 50%;

    width: 11px;

    height: 11px;

    display: block;

    position: absolute;

    left: 9px;

    top: 9px;

    background: #999;

}

.page_history_list .item .img {

    background: #ededed;

    border-radius: 50%;

}

.page_history_list .item .img img {

    width: 220px;

    height: 220px;

    object-fit: cover;

    border-radius: 50%;

}

.page_history_list .item .con {

    margin-left: 40px;

    flex: 1;

    min-width: 0;

}

.page_history_list .item .con h4 {

    font-family: 'MontserratExtraBold';

    font-size: 50px;

    color: #333;

}

.page_history_list .item .con p {

    font-size: 18px;

}

.page_history_list .item:last-child {

    margin-bottom: 0;

}

.page_history_list .item:nth-child(2n) {

    float: left;

    flex-direction: row-reverse;

    padding: 0 125px 0 0;

}

.page_history_list .item:nth-child(2n) .round {

    left: auto;

    right: -16px;

}

.page_history_list .item:nth-child(2n) .con {

    text-align: right;

    margin: 0 40px 0 0;

}

.page_history_list .item:nth-child(2n):after {

    left: auto;

    right: 32px;

}

.page_history_list .item:nth-child(2) {

    padding-top: 140px;

}

.page_history_list .item:hover .round {

    border-color: var(--theme-color);

}

.page_history_list .item:hover .round:after {

    background: var(--theme-color);

}

.page_history_list .item:hover:after {

    border-color: var(--theme-color);

}

.page_history_list .item:hover .con h4 {

    color: var(--theme-color);

}

/* page_about1 */

.page_about1 {

    padding: 20px 0 20px;

    overflow: hidden;

}

.page_about1 .item {

    padding-top: 70px;

}

.page_about1_img {

    width: 40.5%;

    border-radius: 20px;

    overflow: hidden;

}

.page_about1_img img {

    width: 100%;

}

.page_about1_con {

    flex: 1;

    min-width: 0;

    padding-left: 60px;

}

.page_about1_con h5 {

    font-size: 42px;
    font-weight: bold;

    font-family: 'MontserratBold';

    text-transform: uppercase;

    color: #333;

}

.page_about1_con p {

    font-size: 18px;

    color: #2d2d2d;

}

.item2 .page_about1_con {

    padding: 40px 60px 0 0;

}

.page_about1_con .list {

    justify-content: space-between;

    padding-top: 70px;

    padding-right: 20px;

}

.page_about_tit {

    text-align: center;

    color: #fff;

    padding: 70px 0 40px;

}

.page_about_tit .tit h4 {

    text-transform: uppercase;

    line-height: 1.3;

    font-size: 42px;
    font-weight: bold;

    font-family: 'MontserratBold';

}

.page_about_tit .tit p {
    width: 70%;
    margin: 0 auto;

}

.page_about_tit1 {

    color: #333;

}

.page_about2_wrap {

    background: url("../images/bg4.jpg") no-repeat center;

    background-size: cover;

    overflow: hidden;

    background-attachment: fixed;

    padding-bottom: 80px;

}

.page_about2_wrap .page_about_tit .tit h4 {
    color: #fff;
}

.page_about2_con {

    padding-bottom: 100px;

}

.page_about2_con .item {

    padding: 0 70px;

    text-align: center;

    color: #fff;

}

.page_about2_con .item .nums {

    font-size: 50px;

}

.page_about2_con .item .nums span {

    font-size: 70px;

    font-family: 'MontserratBold';

    margin-right: 10px;

}

.page_about2_con .item .nums:after {

    width: 64px;

    height: 4px;

    background: #fff;

    content: '';

    display: block;

    margin: 0 auto 20px;

}

.page_about3 {

    overflow: hidden;

    padding: 80px 0;

}

.page_about3_img {

    width: 50%;

}

.page_about3_con {

    flex: 1;

    padding-right: 60px;

    padding-top: 40px;

}

.page_about3_con .tit {

    font-size: 56px;

    font-family: 'MontserratBold';

    color: #333;

    text-transform: uppercase;

}

.page_about3_con .tit:after {

    content: '';

    width: 100px;

    height: 4px;

    background: var(--theme-color);

    display: block;

}

.page_about3_con .desc {

    font-size: 16px;

    color: #2d2d2d;

    line-height: 1.8;

    padding: 30px 0 10px;

}

.page_about4_wrap {

    padding-bottom: 80px;

}

.page_about4_con {

    overflow: hidden;

    position: relative;

    padding-bottom: 60px;

}

.page_about4_con .img img {

    width: 100%;

    height: 355px;

    object-fit: cover;

}

.page_about4_con .swiper-pagination .swiper-pagination-bullet,
.page_about6_con .swiper-pagination .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    background: #8e8e8e;

    margin: 0 12px;

    opacity: 1;

    position: relative;

}

.page_about4_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.page_about6_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: var(--theme-color);

}

.page_about4_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.page_about6_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {

    content: '';

    display: block;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    border: 1px solid var(--theme-color);

    position: absolute;

    left: -9px;

    top: -9px;

}

/* page_about5_wrap */

.page_about5_wrap {

    background: url("../images/bg5.jpg") no-repeat center top #fff;

    padding-bottom: 80px;

    overflow: hidden;

}

.page_about5_con {

    margin: 0 -14px;

}

.page_about5_con .item_wrap {

    padding: 0 14px;

    flex: 1;

}

.page_about5_con .item {

    background: #fff;

    box-shadow: 0 0 15px rgba(0, 0, 0, .06);

    padding: 45px 25px;

    text-align: center;

    display: flex;

    flex-direction: column;

    align-items: center;

    border-radius: 20px;

}

.page_about5_con .item .img {

    width: 115px;

    height: 115px;

    background: #fff;

    border-radius: 50%;

    border: 13px solid #ebeff2;

    display: flex;

    align-items: center;

    justify-content: center;

}

.page_about5_con .item .img img {

    width: 45px;
    min-height: 45px;

}

.page_about5_con .item .con {

    padding-top: 20px;

}

.page_about5_con .item .con h4 {

    font-size: 18px;

    color: #333;

    height: 60px;

    font-family: 'MontserratBold';

}

.page_about5_con .item .con p {

    margin-top: 10px;
    font-size: 15px;

    line-height: 1.3;

    font-family: 'MontserratLight';

    height: 150px;

    overflow: hidden;

}

/* page_about6_con */

.page_about6_wrap {

    padding-bottom: 80px;

}

.page_about6_con {

    padding-bottom: 60px;

    overflow: hidden;

    position: relative;

}

.page_about6_con .item {

    background: #fff;

    border-radius: 20px;

    overflow: hidden;

}

.page_about6_con .item .img img {

    width: 275px;

    height: 100%;

    object-fit: cover;

}

.page_about6_con .item .con {

    flex: 1;

    min-width: 0;

    padding: 30px 40px;
    min-height: 246px;
}

.page_about6_con .item .con h4 {

    font-size: 30px;

    font-weight: bold;

    color: #333;

    font-family: 'MontserratBold';

}

.page_about6_con .item .con .desc {

    color: #666;

    margin-top: 10px;

    font-family: 'MontserratLight';

}

.page_about6_con .item .con .time {

    margin-top: 20px;

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.page_about6_con .item .con .time span {

    color: #666;

    font-family: 'MontserratLight';

}

.page_about6_con .item .con .time i {

    color: #666;

    transition: all .5s;

    font-size: 20px;

}

.page_about6_con .item:hover .con h4 {

    color: var(--subtheme-color);

}

.page_about6_con .item:hover .con .time i {

    padding-right: 20px;

}

/* page_about_panel4_list */

.page_about2_con {

    overflow: hidden;

    position: relative;

    padding-bottom: 60px;

}

.page_about2_con .img img {

    width: 100%;

    object-fit: cover;

}

.page_about2_con .swiper-pagination .swiper-pagination-bullet {
    width: 8px;

    height: 8px;

    background: #fff;

    margin: 0 12px;

    opacity: 1;

    position: relative;
}

.page_about6_con .swiper-pagination .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    background: #8e8e8e;

    margin: 0 12px;

    opacity: 1;

    position: relative;

}

.page_about2_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active,
.page_about6_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: var(--theme-color);

}

.page_about2_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before,
.page_about6_con .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {

    content: '';

    display: block;

    width: 24px;

    height: 24px;

    border-radius: 50%;

    border: 1px solid var(--theme-color);

    position: absolute;

    left: -9px;

    top: -9px;

}

/* page_about1

.page_about1{

    padding:90px 0 45px;

    overflow: hidden;

}

.page_about1_img{

    width: 47.5%;

    overflow: hidden;

}

.page_about1_img img{

    width: 100%;

}

.page_about1_con{

    flex:1;

    min-width: 0;

    padding-right: 60px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.page_about1_con .tit{

    font-size:40px;

    font-family: 'MontserratBold';

    text-transform: capitalize;

    color:#333;

}

.page_about1_con p{

    font-size:16px;

    color:#333;

    line-height: 1.9;

    margin-top: 15px;

}

.page_about_tit{

    text-align: center;

    color:#fff;

    padding: 70px 0 40px;

}

.page_about_tit .tit h4{

    text-transform: uppercase;

    line-height: 1.3;

    font-size:56px;

    font-family: 'MontserratExtraBold';

}

.page_about_tit .tit p{

    font-family: 'MontserratLight';

}

.page_about_tit1{

    color:#333;

}

.page_about2_wrap{

    background: url("../images/bg4.jpg") no-repeat center;

    background-size: cover;

    overflow: hidden;

}

.page_about2_con{

    padding-bottom: 100px;

}

.page_about2_con .item{

    margin-right: 28px;

    padding:40px 45px;

    background: #f8f8f8;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.page_about2_con .item .tit{height: 50px;}

.page_about2_con .item:last-child{

    margin-right: 0;

}

.page_about2_con .item .nums{

    font-size:50px;

    color:#333;

}

.page_about2_con .item .nums span{

    font-size:60px;

    font-family: 'MontserratSemiBold';

    margin-right: 10px;

}

.page_about2_con .item .nums:after{

    width:64px;

    height: 4px;

    background: #fff;

    display: block;

    margin:0 auto 20px;

}

.page_about2_con .item:after{

    content:'';

    display: block;

    width: 100%;

    height: 100%;

    position: absolute;

    left: 0;

    bottom: -100%;

    background: url("../images/num_bg.jpg") no-repeat;

    transition:all .3s;

    z-index: -1;

}

.page_about2_con .item:hover:after{

    bottom: 0;

}

.page_about2_con .item:hover{

    color:#fff;

}

.page_about2_con .item:hover .nums{

    color:#fff;

}

*/

/* page_about3_wrap

.page_about3_wrap{

    background: url("../images/about_map.png") no-repeat center top #f8f8f8;

}

.page_about3{

    overflow: hidden;

    padding:80px 0;

}

.page_about3_tit{

    text-align: center;

}

.page_about3_tit .tit{

    font-size:48px;

    color:#333;

    font-family:'MontserratBold';

}

.page_about3_con{

    padding-top:30px;

}

.page_about3_con .list{

    margin:0 -17px;

}

.page_about3_con .list .item{

    flex:1;

    min-width: 0;

    padding:0 17px;

}

.page_about3_con .list .item .txt{ padding: 25px 40px 40px;background: #fff;}

.page_about3_con .list .item .img img{

    width: 100%;

    height: 350px;

    object-fit: cover;

}

.page_about3_con .list .item h4{

    font-size:18px;

    padding: 10px 0 20px; border-bottom: 1px solid #d3d3d3; margin-bottom: 20px

}

 */

/* page_about4

.page_about4{

    padding:80px 0;

}

.page_about4_tit .tit_box1 .tit span{

    margin-top: 20px;

    display: block;

}

.page_about4_tit .tit_box1 .tit a{

    display: inline-block;

    height: 58px;

    border:2px solid #b1b1b1;

    padding:0 45px;

    margin-top: 70px;

    line-height: 54px;

    color:#333;

}

.page_about4_tit .tit_box1 .tit a:hover{

    background: var(--theme-color);

    color:#fff;

    border-color:var(--theme-color);

}

.page_about4_tit{

    width: 50%;

    padding-right: 4%;

}

.page_about4_con{

    width: 50%;

}

 */

/* page_about5_wrap

.page_about5_tit .img{

    display: flex;

    justify-content: center;

    position: relative;

}

.page_about5_tit .img:before,.page_about5_tit .img:after{

    width:46%;

    height: 1px;

    background: #e9e9e9;

    content:'';

    display: inline-block;

    position: absolute;

    top: 20px;

}

.page_about5_tit .img:before{

    left: 0;

}

.page_about5_tit .img:after{

    right: 0;

}

.page_about5_tit h4{

    font-size:48px;

    font-family: 'MontserratSemiBold';

    color:#2d2d2d;

    text-align: center;

}

.page_about5_list{

    margin:50px 0 80px;

}

.page_about5_list .swiper-pagination-bullet-active{

    background: var(--theme-color);

}

*/

/* page_about6_con

.page_about6_wrap{

    background: url("../images/company_philosophy_wrap.jpg") no-repeat center;

    background-size: cover;

    padding:80px 0;

}

.page_about6_tit h4{

    font-size:48px;

    color:#333;

    text-align: center;

    font-family:'MontserratBold';

}

.page_about6_list{

    padding:40px 100px 0;

}

.page_about6_list .item{

    display: flex;

    margin-bottom: 60px;

    align-items: center;

    position: relative;

}

.page_about6_list .item:last-child{

    margin-bottom: 0;

}

.page_about6_list .item .tit{

    width: 235px;

    font-size:28px;

    font-family: 'MontserratSemiBold';

    color:#333;

}

.page_about6_list .item .desc{

    flex:1;

    min-width: 0;

    padding:0 65px 0 35px;

    border-left: 1px solid #ccc;

}

.page_about6_list .item .num{

    font-family: 'MontserratBold';

    font-size:100px;

    position: absolute;

    right:120px;

    color:rgba(51,51,51,.07);

    top: 0;

    line-height: 1;

}

*/

/* application */

.page_inner_tit .tit {

    text-align: center;

    color: #333;

    padding-top: 75px;

}

.page_inner_tit .tit h4 {

    font-size: 40px;

    font-family: 'MontserratBold';

}

.page_inner_tit .tit h4 span {

    color: var(--theme-color);

}

.page_inner_tit .tit p {

    max-width: 80%;

    font-family: 'MontserratLight';

    margin: 10px auto 0;

    font-size: 18px;

}

.page_product_list.page_application_list {

    margin-top: 40px;

    padding-left: 0;

}

.page_product_list.page_application_list .list a {

    width: 25%;

}

.page_product_list.page_application_list .list .item .info .tit {

    border-bottom: 0;

    padding-bottom: 5px;

}

.page_product_list.page_application_list .list .item .info p {

    margin-top: 0;

}

.page_product_list.page_application_list .list .item:hover .img img {

    transform: scale(1.1);

}

.page_product_list.page_application_list .list .item .img img {

    height: 200px;

    width: 100%;

    object-fit: cover;

}

/**soulistion**/

.page_product_list.soulition_list {

    margin-top: 40px;

    padding-left: 0;

}

.page_product_list.soulition_list .list a {

    width: 50%;

}

.page_product_list.soulition_list .list .item .info .tit {

    border-bottom: 0;

    padding-bottom: 5px;
    font-weight: bold;

}

.page_product_list.soulition_list .list .item .info p {

    margin-top: 0;

}

.page_product_list.soulition_list .list .item:hover .img img {

    transform: scale(1.1);

}

.page_product_list.soulition_list .list .item .img img {

    height: 100px;

    object-fit: cover;

}

.soulition_list .list .item .img {

    display: flex;

    justify-content: center;

    align-items: center;
    padding: 50px 0;

    position: relative;

    background: #fff;

    border: 1px solid #ddd;

}

/* page_investor_tit */

.page_investor_tit {

    padding-bottom: 80px;

}

.page_investor_con .iframe {

    padding: 30px 0 80px;

}

/* page_app_show */

.page_app_show {}

.page_app_show .panel1 {

    padding: 60px 0 0;

    display: flex;

    align-items: center;

    overflow: hidden;

}

.page_app_show .panel1_img {

    width: 48.2%;

}

.page_app_show .panel1_img img {

    width: 100%;

}

.page_app_show .panel1_con {

    flex: 1;

    padding: 30px 0;

    min-width: 0;

    padding-right: 6%;

    background: url("../images/about_map.png") no-repeat center;

}

.page_app_show .panel1_con .tit {

    font-size: 32px;

    font-family: 'MontserratBold';

    color: #333;

}

.page_app_show .panel1_con .desc {

    font-size: 18px;

    color: var(--theme-color);

}

.page_app_show .panel1_con .content {

    font-size: 16px;

    font-family: 'MontserratLight';

    border-top: 1px solid #e2e2e2;

    padding-top: 20px;

    margin-top: 10px;

}

.page_app_show .panel1_con .icons {

    justify-content: space-between;

    margin-top: 70px;

}

.page_app_show .panel1_con .icons .ico {

    width: 77px;

    height: 77px;

    text-align: center;

}

.page_app_show .panel1.panel2 {

    padding-top: 30px;

}

.page_app_show .panel2 .panel1_con {

    padding: 0 0 0 6%;

}

.page_app_show .panel3 {

    padding-top: 60px;

}

.page_app_show .panel3_tit h4 {

    font-size: 26px;

    font-family: 'MontserratSemiBold';

    color: #333;

    padding-bottom: 10px;

    border-bottom: 1px solid #ddd;

}

.page_app_show .panel3_tit p {

    font-size: 16px;

    font-family: 'MontserratLight';

    margin-top: 20px;

}

.page_app_show .panel3_list {

    width: 1800px;

    margin: 40px auto 0;

    position: relative;

}

.page_app_show .panel3_list .list {

    overflow: hidden;

    width: 1600px;

    margin: auto;

}

.page_app_show .panel3_list .item .img img {

    width: 100%;

    height: 350px;

    object-fit: cover;

}

.page_app_show .panel3_list .item .con {

    color: #333;

    padding-top: 20px;

}

.page_app_show .panel3_list .item .con h4 {

    font-size: 18px;

    transition: all .3s;

}

.page_app_show .panel3_list .item .con p {

    color: #666;

    margin-top: 10px;

    font-family: 'MontserratLight';

}

.page_app_show .panel3_list .item:hover .con h4 {

    color: var(--theme-color);

}

.page_app_show .panel3_list .swiper-button-next,
.page_app_show .panel3_list .swiper-button-prev {

    width: 55px;

    height: 55px;

    border-radius: 3px;

    border: 1px solid #d5d5d5;

    top: 40%;

    font-size: 24px;

    color: #6e6e6e;

    transition: all .3s;

}

.page_app_show .panel3_list .swiper-button-next i,
.page_app_show .panel3_list .swiper-button-prev i {

    font-size: 20px;

}

.page_app_show .panel3_list .swiper-button-prev i {

    transform: rotate(180deg);

}

.page_app_show .panel3_list .swiper-button-next:after,
.page_app_show .panel3_list .swiper-button-prev:after {

    display: none;

}

.page_app_show .panel3_list .swiper-button-next:hover,
.page_app_show .panel3_list .swiper-button-prev:hover {

    background: var(--theme-color);

    color: #fff;

    border-color: var(--theme-color);

}

.page_app_show_panel4 .panel4_tit {

    font-size: 40px;

    color: #333;

    padding: 50px 0 20px;

    text-align: center;

    font-family: 'MontserratBold';

}

.page_app_show_panel4 .panel4_list.page_product_list {

    padding-bottom: 80px;

}

.page_app_show_panel4 .panel4_list.page_product_list .list {

    padding-left: 0;

    padding-bottom: 0;

}

.page_app_show_panel4 .panel4_list.page_product_list .list a {

    width: 25%;

}

/* page_cases */

.page_cases {

    padding: 80px 0 0;

}

.page_cases_tit {

    align-items: center;

    border-bottom: 1px solid #e5e5e5;

    height: 84px;

}

.page_cases_tit .tit {

    color: #2d2d2d;

    font-size: 50px;

    font-family: 'MontserratExtraBold';

    flex: 1;

}

.page_cases_tit .menu {

    display: flex;

    height: 100%;

}

.page_cases_tit .menu a {

    font-size: 18px;

    color: #2d2d2d;

    display: flex;

    margin-left: 160px;

    position: relative;

    height: 100%;

    align-items: center;

}

.page_cases_tit .menu a:after {

    content: '';

    display: block;

    position: absolute;

    left: 0;

    bottom: 0;

    width: 0;

    right: 0;

    background: var(--theme-color);

    height: 2px;

    transition: all .4s;

}

.page_cases_tit .menu a:hover,
.page_cases_tit .menu a.cur {

    color: var(--theme-color);

}

.page_cases_tit .menu a:hover:after,
.page_cases_tit .menu a.cur:after {

    width: 100%;

}

/* page_download_center */

.page_download_center {

    padding: 30px 0 50px;

}

.page_download_center .list_item .menu {

    display: flex;

    color: #333;

    font-size: 20px;

    border-bottom: 1px solid #efefef;

    padding: 20px 0;

    cursor: pointer;

    transition: all .3s;

}

.page_download_center .list_item .menu i {

    width: 30px;

    height: 30px;

    background: #f2f2f2;

    font-size: 12px;

    color: #333;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    margin-right: 10px;

    transition: all .3s;

}

.page_download_center .list_item .menu:hover,
.page_download_center .list_item .menu.cur {

    color: var(--theme-color);

}

.page_download_center .list_item .menu:hover i,
.page_download_center .list_item .menu.cur i {

    color: #fff;

    background: var(--theme-color);

}

.page_download_center .list_item .list {

    display: none;

    padding-top: 15px;

}

.page_download_center .list_item:first-child .list {

    display: block;

}

.page_download_center .list_item .list .item {

    background: #f6f6f6;

    margin-bottom: 10px;

    display: flex;

    height: 70px;

    padding: 0 50px;

    display: flex;

    align-items: center;

}

.page_download_center .list_item .list .item .pdf {

    width: 50px;

    height: 25px;

    border: 1px solid #a9a9a9;

    font-family: 'MontserratLight';

    font-size: 12px;

    display: flex;

    align-items: center;

    justify-content: center;

}

.page_download_center .list_item .list .item h4 {

    font-size: 16px;

    color: #2d2d2d;

    margin-left: 25px;

    flex: 1;

}

.page_download_center .list_item .list .item i {

    font-size: 20px;

}

.page_download_center .list_item .list .item:hover {

    background: var(--theme-color);

}

.page_download_center .list_item .list .item:hover .pdf {

    border-color: #fff;

    color: #fff;

}

.page_download_center .list_item .list .item:hover h4,
.page_download_center .list_item .list .item:hover i {

    color: #fff;

}

.page_download_center_more {

    text-align: center;

    padding-bottom: 80px;

}

.page_download_center_more a {

    padding-bottom: 5px;

    display: inline-block;

}

.page_download_center_more a:after {

    width: 100%;

    height: 1px;

    background: #666;

    content: '';

    display: block;

}

.page_download_center_more a:hover {

    color: var(--theme-color);

}

.page_download_center_more a:hover:after {

    background: var(--theme-color);

}

/* page_product_video */

.page_product_video {

    padding: 50px 0 80px;

}

.page_product_video .list {

    margin: 0 -17px;

}

.page_product_video .list .item {

    width: 33.33%;

    padding: 0 17px;

}

.page_product_video .list .item iframe {

    height: 385px;

}

/* page_case_detail */

.page_cases_show_wrap {

    padding: 60px 0 80px;

}

.technical_support {

    width: 450px;

}

.technical_support .panel1 {

    margin-bottom: 30px;

    background: #fff;

    padding: 30px 30px 50px;

    border-radius: 20px;

}

.technical_support .panel1:last-child {

    margin-bottom: 0;

}

.technical_support .p1_tit {

    font-size: 30px;

    font-family: 'MontserratExtraBold';

    color: #333;

    line-height: 1.3;

}

.technical_support .p1_tit:after {

    content: '';

    width: 100px;

    height: 4px;

    background: #0051a2;

    display: block;

    margin: 10px 0 35px;

}

.technical_support .ico {

    margin-top: 6px;

}

.technical_support .con {

    margin-left: 15px;

}

.technical_support .p1_con .con p {

    font-family: 'MontserratLight';

    color: #333;

}

.technical_support .p1_con .con h4 {

    font-size: 34px;

    font-style: italic;

    color: #2d2d2d;

    line-height: 1;

}

.technical_support .p2_tit {

    text-align: center;

    margin-bottom: 20px;

}

.technical_support .p2_tit:after {

    display: none;

}

.technical_support .p2_form input,
.technical_support .p2_form textarea {

    width: 100%;

    border: none;

    outline: none;

    background: #f6f6f6;

    height: 54px;

    line-height: 34px;

    border-left: 3px solid #0051a2;

    margin-bottom: 15px;

    padding: 10px 22px;

}

.technical_support .p2_form textarea {

    height: 120px;

}

.technical_support button {

    width: 100%;

    height: 54px;

    background: #0051a2;

    line-height: 54px;

    border: none;

    outline: none;

    font-size: 16px;

    color: #fff;

    cursor: pointer;

}

.technical_support button i {

    margin-left: 10px;

}

.technical_support button:hover {

    background: var(--theme-color);

}

/* page_cases_list */

.page_cases_list {

    padding-bottom: 80px;

}

.page_cases_list .list {

    margin: 50px -18px 0;

}

.page_cases_list .list .item {

    width: 33.333%;

    padding: 0 18px;

}

.page_cases_list .list .item .img {

    border-radius: 20px;

    overflow: hidden;

    height: 355px;

}

.page_cases_list .list .item .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.page_cases_list .list .item .info {

    padding: 30px 0 50px;

}

.page_cases_list .list .item .info h4 {

    font-size: 20px;

    color: #333;

    transition: all .3s;

}

.page_cases_list .list .item .info p {

    font-family: 'MontserratLight';

    margin: 10px 0 30px;

    height: 50px;

}

.page_cases_list .list .item .info span {

    position: relative;

    display: inline-block;

    padding-bottom: 5px;

}

.page_cases_list .list .item .info span i {

    font-size: 12px;

    color: #999;

}

.page_cases_list .list .item .info span:before,
.page_cases_list .list .item .info span:after {

    content: '';

    display: block;

    width: 100%;

    height: 1px;

    background: #666;

    position: absolute;

    left: 0;

    transition: all .3s;

    bottom: 0;

}

.page_cases_list .list .item .info span:after {

    background: var(--theme-color);

    width: 0;

}

.page_cases_list .list .item:hover .info h4 {

    color: var(--theme-color);

}

.page_cases_list .list .item:hover .info span:after {

    width: 100%;

}

/* page_innovation_areas_list */

.page_innovation_areas_list {

    padding-bottom: 80px;

}

.page_innovation_areas_list .item {

    margin-top: 60px;

    border: 1px solid transparent;

}

.page_innovation_areas_list .item .img {

    width: 50%;

}

.page_innovation_areas_list .item .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.page_innovation_areas_list .item .info {

    flex: 1;

    min-width: 0;

    background: #f2f2f2;

    padding: 55px;

    color: #333;

    transition: all .3s;

}

.page_innovation_areas_list .item .info h4 {

    font-size: 30px;

    font-family: 'MontserratBold';

    line-height: 1.2;

}

.page_innovation_areas_list .item .info p {

    padding: 30px 0 40px;

}

.page_innovation_areas_list .item .info span {

    font-size: 16px;

    position: relative;

    display: inline-block;

    font-family: 'MontserratLight';

    color: #333;

}

.page_innovation_areas_list .item .info span i {

    font-size: 12px;

    color: #999;

    margin-left: 5px;

}

.page_innovation_areas_list .item .info span:after {

    width: 100%;

    height: 1px;

    content: '';

    display: block;

    background: #999;

    transition: all .4s;

    margin-top: 3px;

}

.page_innovation_areas_list .item:hover {

    border-color: var(--theme-color);

}

.page_innovation_areas_list .item:hover .info {

    padding: 60px;

}

.page_innovation_areas_list .item:hover .info h4 {

    color: var(--theme-color);

}

.page_innovation_areas_list .item:hover .info span,
.page_innovation_areas_list .item:hover .info span i {

    color: var(--theme-color);

}

.page_innovation_areas_list .item:hover .info span:after {

    background: var(--theme-color);

    width: 80%;

}

.page_innovation_areas_list .item:nth-child(2n) {

    flex-direction: row-reverse;

}

/* product_detail */

.pd_detail_wrap {

    padding-bottom: 90px;

    background: #fff;

}

.pd_detail {

    padding: 40px 0 0;

}

.pd_detail_hd .pics {

    width: 760px;

}

.pd_detail_hd .pics .mySwiper2 {

    width: 100%;

    height: 570px;

    margin: 0;

    overflow: hidden;

    background: #fff;

    background: #00126e;

}

.pd_detail_hd .pics .swiper-pagination-bullet {

    width: 50px;

    height: 3px;

    border-radius: 0;

    background: #797979;

    opacity: 1;

}

.pd_detail_hd .pics .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: #fff;

}

.pd_detail_hd .pics .mySwiper2 .wrapper {}

.pd_detail_hd .pics .mySwiper2 .img {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

}

.pd_detail_hd .pics .mySwiper2 .img img {

    max-width: 100%;

    max-height: 100%;

    object-fit: contain;

}

.pd_detail_hd .pics .mySwiper {

    margin-top: 25px;

}

.pd_detail_hd .pics .mySwiper .swiper-slide {

    width: 25%;

    height: 100%;

}

.pd_detail_hd .pics .mySwiper .swiper-slide .img {

    background: #fff;

    padding: 5px;

    cursor: pointer;

    display: flex;

    align-items: center;

    justify-content: center;

    border-radius: 10px;

    border: 1px solid #fff;

}

.pd_detail_hd .pics .mySwiper .swiper-slide.swiper-slide-thumb-active .img {

    border: 1px solid var(--theme-color);

}

.pd_detail_hd .pics .mySwiper .swiper-slide .img img {

    height: 120px;

    object-fit: contain;

}

.pd_detail_hd .infos {

    flex: 1;

    padding: 25px 65px 0 0;

    min-width: 0;

}

.pd_detail_hd .infos .name {

    color: #888;

    font-family: 'MontserratLight';

}

.pd_detail_hd .infos h1 {

    font-size: 38px;

    color: #333;

    line-height: 1.3;

    font-family: 'MontserratBold';

    border-bottom: 1px solid #cbcbcb;

    padding-bottom: 20px;

}

.pd_detail_hd .infos .desc {

    font-size: 16px;

    color: #666;

    margin: 20px 0 20px;

    font-family: 'MontserratLight';

}

.pd_detail_hd .infos .desc h2 {
    color: #004098;
    padding-top: 15px;
}

.pd_detail_hd .infos .desc p {
    line-height: 2;
}

.pd_detail_hd .infos .list {

    margin: 0 -50px;

}

.pd_detail_hd .infos .list .item {

    display: flex;

    padding: 0 50px;

    border-right: 1px solid #ccc;

}

.pd_detail_hd .infos .list .item:last-child {

    border-right: none;

}

.pd_detail_hd .infos .list .item h4 {

    font-size: 18px;

    color: #333;

    font-family: 'MontserratSemiBold';

    margin-left: 20px;

    line-height: 1.3;

}

.pd_detail_hd .infos .btns {

    margin-top: 50px;

}

.pd_detail_hd .infos .btns .btn {

    display: flex;

    align-items: center;

    height: 58px;

    width: 220px;

    background: #0056a5;

    border: 1px solid #0056a5;

    color: #fff;

    justify-content: center;

    text-transform: uppercase;

    margin-right: 20px;

    font-family: 'MontserratLight';

}

.pd_detail_hd .infos .btns .btn i {

    color: #fff;

    font-size: 20px;

    margin-left: 8px;

    transition: all .3s;

}

.pd_detail_hd .infos .btns .btn2 {

    color: #333;

    border: 1px solid #666;

    background: transparent;

    color: #333;

}

.pd_detail_hd .infos .btns .btn2 i {

    color: #333;

}

.pd_detail_hd .infos .btns .btn:hover {

    border-color: var(--theme-color);

    background: var(--theme-color);

}

.pd_detail_hd .infos .btns .btn2:hover {

    color: #fff;

}

.pd_detail_hd .infos .btns .btn2:hover i {

    color: #fff;

}

.pd_detail_hd .infos .follow_list {

    margin-top: 50px;

    align-items: center;

}

.pd_detail_hd .infos .follow_list .tit {

    color: #333;

    font-family: 'jnm';

    text-transform: uppercase;

    margin-right: 30px;

}

.pd_detail_info {

    padding: 60px;

    background: #fff;

}

.pd_detail_info .pddi_hd {}

.pd_detail_info .pddi_hd .hd {

    display: flex;

    height: 60px;

    font-size: 30px;

    font-family: 'MontserratSemiBold';

    align-items: center;

    border-bottom: 1px solid #e9e9e9;

}

.pd_detail_info .pddi_hd .hd .item {

    margin-right: 150px;

    color: #333;

    position: relative;

    font-weight: bold;

    cursor: pointer;

    transition: all .3s;

}

.pd_detail_info .pddi_hd .hd .item i {

    font-size: 24px;

    margin-left: 15px;

}

.pd_detail_info .pddi_hd .hd .item:after {

    content: '';

    width: 0;

    height: 3px;

    background: var(--theme-color);

    display: block;

    position: absolute;

    left: 0;

    bottom: -7px;

    transition: all .3s;

}

.pd_detail_info .pddi_hd .hd .item.cur {

    color: var(--theme-color);

}

.pd_detail_info .pddi_hd .hd .item:hover {

    color: var(--theme-color);

}

.pd_detail_info .pddi_hd .hd .item.cur:after {

    width: 100%;

}

.pd_detail_info .pddi_hd .bd {

    padding: 20px 0 45px 0;

    color: #333;

}

.pd_detail_info .pddi_hd .bd .tit {

    height: 50px;

    background: #f5f5f5;

    padding: 0 30px;

    line-height: 50px;

    font-size: 18px;

    font-family: 'DINPro-Medium';

    margin-bottom: 30px;

}

.pd_detail_info .pddi_hd .bd .advantage .con {

    display: flex;

    flex-wrap: wrap;

    padding-bottom: 30px;

}

.pd_detail_info .pddi_hd .bd .advantage .con p {

    width: 50%;

    padding: 0 0 10px 30px;

}

.pd_detail_info .pddi_hd .bd .advantage .con p:before {

    content: '√';

    color: #999;

    margin-right: 6px;

    font-family: 'MontserratLight';

}

.pd_detail_info .pddi_hd .bd .params .con {

    padding: 0 0 20px 30px;

    overflow-x: auto;

}

.pd_detail_info .pddi_hd .bd .params .con table {

    width: 100%;

}

.pd_detail_info .pddi_hd .bd .params .con table tr:first-child {

    background: rgba(0, 86, 165, .2);

}

.pd_detail_info .pddi_hd .bd .params tr td {

    color: #333;

    font-family: 'MontserratLight';

    padding: 0 15px;

}

.pd_detail_info .pddi_hd .bd .params tr:nth-child(2n-1) td {}

.pd_detail_info .pddi_hd .bd .params tr:first-child td {}

.pd_detail_info .pddi_hd .bd .desc .l {

    margin: 0 -23px;

}

.pd_detail_info .pddi_hd .bd .desc .l .item {

    width: 33.3333%;

    padding: 0 23px;

}

.pd_detail_info .pddi_hd .bd .desc .l .item .img img {

    width: 100%;

    height: 240px;

    object-fit: cover;

}

.pd_detail_info .pddi_hd .bd .desc .l .item h4 {

    font-size: 20px;

    text-align: center;

    padding-top: 10px;

}

.pd_detail_info .pddi_hd .bd .c {

    padding: 20px 30px;

}

.pd_detail_info .pddi_hd .bd .bd_item {

    display: none;

}

.pd_detail_info .pddi_hd .bd .bd_item:first-child {

    display: block;

}

.pd_detail_info .pddi_hd .bd .list {

    display: flex;

    flex-wrap: wrap;

    margin: 0 -20px;

}

.pd_detail_info .pddi_hd .bd .list .img {

    width: 33.333%;

    padding: 20px;

}

.pd_detail_info .pddi_hd .bd .list .img img {

    height: 300px;

    width: 100%;

    object-fit: cover;

    border-radius: 10px;

}

.pd_detail_info .pddi_hd .tags {

    border-top: 2px solid #ddd;

    margin: 30px 0 0;

    padding: 30px 0 50px;

}

.pd_detail_info .pddi_hd .tags span {

    margin-right: 10px;

}

.pd_detail_info .pddi_hd .tags span i {

    color: #999;

    margin-right: 6px;

}

.pd_detail_info .pddi_hd .tags a {

    background: #f3f4f8;

    height: 28px;

    line-height: 28px;

    padding: 0 20px;

    display: inline-block;

    margin-right: 10px;

    border-radius: 3px;

    font-size: 13px;

    font-family: 'MontserratLight';

}

.pd_detail_info .pddi_hd .tags a:hover {

    background: var(--theme-color);

    color: #fff;

}

/* page_innovation_areas_detail */

.page_innovation_areas_detail .pd_detail_hd .pics .mySwiper2 {

    height: 470px;

    padding: 0;

}

.page_innovation_areas_detail .pd_detail_hd .pics .mySwiper2 .img img {

    width: 760px;

    height: 470px;

    object-fit: cover;

}

.page_innovation_areas_detail .pd_detail_hd .infos .icons {

    justify-content: space-between;

    padding-right: 20px;

}

.page_innovation_areas_detail .pd_detail_hd .infos .icons .ico {

    display: flex;

    flex-direction: column;

    align-items: center;

}

.page_innovation_areas_detail .pd_detail_hd .infos .icons .ico p {

    margin-top: 6px;

    font-family: 'MontserratLight';

}

.page_innovation_areas_detail_list.page_product_list .list {

    padding-bottom: 30px;

}

.page_innovation_areas_detail_bg1 {

    padding-bottom: 80px;

}

.page_innovation_areas_message_con {

    margin-top: 0;

}

.page_innovation_areas_message_con.public_message_con .page_contact2_form {

    padding: 10px 0 0 55px;

}

/* page_quality */

.pq1_info {}

.pq1_info .desc {

    width: 60%;

    margin: auto;

    text-align: center;

    position: relative;

}

.pq1_info .desc:before,
.pq1_info .desc:after {

    content: '';

    width: 38px;

    height: 31px;

    display: block;

    position: absolute;

}

.pq1_info .desc:before {

    background: url("../images/quality_ico1.png") no-repeat center;

    left: -50px;

    top: -6px;

}

.pq1_info .desc:after {

    background: url("../images/quality_ico2.png") no-repeat center;

    right: -50px;

    bottom: -20px;

}

.pq1_info .list {

    justify-content: center;

    margin: 60px 0;

}

.pq1_info .list .item {

    margin: 0 40px;

}

.pq2_info {

    background: #f8f8f8;

    border-radius: 20px;

    overflow: hidden;

}

.pq2_info .pq2_info_con {

    flex: 1;

    min-width: 0;

    padding: 40px 60px;

    display: flex;

    flex-direction: column;

    justify-content: center;

}

.pq2_info .pq2_info_con .tit {

    color: #161616;

    font-size: 40px;

    font-family: 'jnb';

}

.pq2_info .pq2_info_con .desc {

    color: #666;

    margin-top: 10px;

}

.pq2_info .pq2_info_img {

    width: 50%;

}

/* pq3_info */

.pq3_info {

    overflow: hidden;

    width: 1800px;

    margin: auto;

    position: relative;

    padding: 0 0 80px;

}

.pq3_info_con {

    position: relative;

    width: 1600px;

    margin: auto;

    padding: 20px 0 60px;

}

.pq3_info_con .item .img {

    background: #f8f8f8;

    padding: 25px 36px;

    height: 390px;

}

.pq3_info_con .item .img img {

    height: 100%;

    width: 100%;

    object-fit: cover;

}

.pq3_info_con .item .tit {

    color: #3a3a3a;

    padding: 10px 10px 0;

    font-size: 16px;

    text-align: center;

}

.pq3_info_con .swiper-button-next,
.pq3_info_con .swiper-button-prev {

    width: 70px;

    height: 70px;

    border: 1px solid #c8c8c8;

    border-radius: 50%;

    z-index: 40;

    opacity: 1;

    color: #717171;

    top: 40%;

}

.pq3_info_con .swiper-button-next:after,
.pq3_info_con .swiper-button-prev:after {

    font-size: 30px;

}

.pq3_info_con .swiper-button-next:hover,
.pq3_info_con .swiper-button-prev:hover {

    background: var(--theme-color);

    color: #fff;

    border-color: var(--theme-color);

}

.pq3_info_con .swiper-button-prev {

    left: -100px;

}

.pq3_info_con .swiper-button-next {

    right: -100px;

}

.pq3_info:before,
.pq3_info:after {

    content: '';

    display: block;

    width: 100px;

    height: 100%;

    background: #fff;

    position: absolute;

    top: 0;

    z-index: 30;

}

.pq3_info:before {

    left: 0;

}

.pq3_info:after {

    right: 0;

}

.pq3_info_con .swiper-pagination-bullet {

    width: 14px;

    height: 14px;

}

.pq3_info_con .swiper-pagination-bullet.swiper-pagination-bullet-active {

    background: var(--theme-color);

}

/* page_news */

.page_news_tit {

    border-bottom: 1px solid #e5e5e5;

}

.page_news_tit .tit {

    font-size: 28px;

    color: #333;

    padding-bottom: 15px;

    flex: 1;

}

.page_news_tit .menu {

    display: flex;

    align-items: center;

}

.page_news_tit .menu a {

    font-size: 18px;

    display: block;

    font-family: 'MontserratLight';

    margin-left: 100px;

    position: relative;

}

.page_news_tit .menu a:after {

    content: '';

    width: 0;

    height: 2px;

    background: var(--theme-color);

    display: block;

    position: absolute;

    left: 0;

    bottom: -17px;

    transition: all .3s;

}

.page_news_tit .menu a.cur,
.page_news_tit .menu a:hover {

    color: var(--theme-color);

}

.page_news_tit .menu a:hover:after,
.page_news_tit .menu a.cur:after {

    width: 100%;

}

.page_news {

    padding: 80px 0;

}

.page_news_list {

    flex: 1;

    min-width: 0;

}

.page_news_list .list {

    padding-top: 60px;

}

.page_news_list .list .item {

    padding: 50px 0;

    border-bottom: 1px solid #ededed;

}

.page_news_list .list .item:first-child {

    padding-top: 0;

}

.page_news_list .list .item .img {

    width: 440px;

    height: 290px;

    overflow: hidden;

}

.page_news_list .list .item .img img {

    width: 100%;

    height: 100%;

    object-fit: cover;

}

.page_news_list .list .item .con {

    flex: 1;

    min-width: 0;

    padding: 30px 0 0 38px;

}

.page_news_list .list .item .con h4 {

    font-size: 20px;

    font-family: 'MontserratSemiBold';

    font-weight: bold;

    color: #333;

    transition: all .3s;

}

.page_news_list .list .item .con p {

    font-size: 16px;

    color: #666;

    margin-top: 10px;

}

.page_news_list .list .item .agg {

    margin-top: 30px;

    align-items: center;

    justify-content: space-between;

}

.page_news_list .list .item .agg .name {

    height: 34px;

    color: var(--theme-color);

    background: #edf2f6;

    padding: 0 17px;

    line-height: 34px;

    margin-right: 15px;

    font-family: 'MontserratLight';

}

.page_news_list .list .item .agg span {

    font-family: 'MontserratLight';

    font-size: 14px;

    margin: 0 4px;

}

.page_news_list .list .item .agg .ico i {

    font-size: 18px;

}

.page_news_list .list .item:hover .con h4 {

    color: var(--theme-color);

}

.page_news_menu {

    width: 340px;

}

.page_news_menu .search {}

.page_news_menu .search input {

    width: 100%;

    border: none;

    outline: none;

    height: 58px;

    background: #f4f4f4;

    padding: 0 20px;

    font-size: 16px;

}

.page_news_menu .search button {

    background: #224299;

    height: 58px;

    width: 58px;

    cursor: pointer;

    outline: none;

    border: none;

}

.page_news_menu .search button:hover {

    background: var(--theme-color);

}

.page_news_menu .search button i {

    font-size: 20px;

    color: #fff;

}

.page_news_menu .menu {

    background: #f5f5f5;

}

.page_news_menu .menu .tit {

    height: 70px;

    background: #224299;

    margin-top: 30px;

    padding: 0 25px;

    display: flex;

    align-items: center;

    justify-content: space-between;

    color: #fff;

}

.page_news_menu .menu .tit h4 {

    font-size: 24px;

}

.page_news_menu .menu .item {

    border-bottom: 1px dashed #ddd;

    padding: 0 24px;

    font-size: 14px;

}

.page_news_menu .menu .item a.a1 {

    display: flex;

    align-items: center;

    justify-content: space-between;

    width: 100%;

    height: 60px;

    line-height: 60px;

}

.page_news_menu .menu .item i {

    transform: rotate(180deg);

    display: block;

    font-size: 12px;

}

.page_news_menu .menu .item a:hover,
.page_news_menu .menu .item.cur a {

    color: var(--theme-color);

}

.page_news_menu .menu .item:last-child {

    border-bottom: none;

}

.page_news_menu .menu .sub_menu {

    padding: 0 10px 15px;

}

.page_news_menu .menu .sub_menu a {

    display: block;

    padding-left: 22px;

    color: #666;

    font-family: 'MontserratLight';

    font-size: 16px;

    margin-bottom: 10px;

    position: relative;

}

.page_news_menu .menu .sub_menu a:before {

    content: '';

    width: 10px;

    height: 10px;

    border-radius: 50%;

    border: 1px solid #bebebe;

    background: #fff;

    display: block;

    position: absolute;

    left: 0;

    top: 8px;

}

.page_news_menu .hot_pro {

    padding-top: 40px;

}

.page_news_menu .hot_pro .tit {

    font-size: 20px;

    color: #333;

}

.page_news_menu .hot_pro .tit:after {

    content: '';

    width: 60px;

    height: 3px;

    background: #224299;

    display: block;

    margin-top: 6px;

}

.page_news_menu .hot_pro .list a {

    margin-top: 20px;

    align-items: center;

}

.page_news_menu .hot_pro .list a .img {

    width: 110px;

    height: 82px;

    border: 1px solid #e6e6e6;

}

.page_news_menu .hot_pro .list a .info {

    flex: 1;

    padding-left: 24px;

    min-width: 0;

}

.page_news_menu .hot_pro .list a .info p {

    font-size: 14px;

    color: #999;

    margin-top: 10px;

    font-family: 'MontserratLight';

}

.no_banner_pos {

    padding: 130px 0 0;

    border-bottom: 1px solid #cbcbcb;
    padding-bottom: 15px;

}

.no_banner_pos a:last-child {

    color: var(--theme-color);

}

/* page_news_detail */

.page_news_detail {

    flex: 1;

    margin-left: 80px;

    background: #fff;

    padding: 50px;

    border-radius: 30px;

}

.page_news_detail h1 {

    font-size: 38px;

    font-family: 'MontserratExtraBold';

    color: #333;

    line-height: 1.2;

    text-align: center;

}

.page_news_detail .info {

    margin-top: 30px;

    border-bottom: 1px solid #e7e7e7;

    padding-bottom: 20px;

}

.page_news_detail .info .info_hd {

    flex: 1;

}

.page_news_detail .info .info_hd li {

    font-size: 16px;

    color: #333;

    margin-right: 50px;

}

.page_news_detail .info .info_hd li.column {

    background: #f3f3f3;

    padding: 0 18px;

    height: 28px;

    line-height: 28px;

}

.page_news_detail .info .info_bd {

    align-items: center;

}

.page_news_detail .info .info_bd h4 {

    margin-right: 15px;

    padding-top: 3px;

}

.page_news_detail .desc {

    padding: 40px 0 20px;

    min-height: 20vh;

    border-bottom: 1px solid #e7e7e7;

}

.page_news_detail_wrap {

    overflow: hidden;

    padding-top: 80px;

    padding-bottom: 80px;

}

.page_news_detail_wrap .page_news_detail {

    padding: 0;

}

/* page_contact */

.page_contact1 {

    padding: 90px 0 70px;

}

.page_contact1_map {

    overflow: hidden;

    width: 50%;

}

.page_contact1_con {

    flex: 1;

    overflow: hidden;

    margin-left: 30px;

    background: #f5f5f5;

    background-size: cover;

    padding: 60px;

}

.page_contact1_con .b_tit {

    color: #333;

}

.page_contact1_con .b_tit h4 {

    font-size: 26px;

    border-bottom: 1px solid #d0d0d0;

    position: relative;

    padding-bottom: 10px;

    font-family: 'MontserratRegular';

}

.page_contact1_con .b_tit h4:after {

    content: '';

    width: 100px;

    height: 4px;

    background: var(--theme-color);

    display: block;

    position: absolute;

    left: 0;

    bottom: -1px;

}

.page_contact1_con .b_tit p {

    margin-top: 10px;

    font-size: 20px;

    color: #999;

    font-family: 'MontserratLight';

}

.page_contact1_con .info {}

.page_contact1_con .info .item {

    display: flex;

    margin-top: 35px;

}

.page_contact1_con .info .item .ico {

    width: 53px;

    height: 53px;

    border: 1px solid rgba(204, 204, 204, .5);

    border-radius: 50%;

    display: flex;

    justify-content: center;

    align-items: center;

}

.page_contact1_con .info .item .ico i {

    color: var(--theme-color);

    font-size: 22px;

}

.page_contact1_con .info .item .con {

    padding-left: 15px;

    flex: 1;

    min-width: 0;

}

.page_contact1_con .info .item .con h4 {

    font-size: 20px;

}

.page_contact1_con .info .item .con p {

    font-family: 'MontserratLight';

}

.page_contact1_con .info .item .con p span {

    display: block;

}

.page_contact1_con .share {

    margin-top: 30px;

}

.page_contact1_con .share .tit {

    text-transform: uppercase;

    font-style: italic;

    color: #666;

    margin-right: 15px;

}

.page_contact1_con .share .tit span {

    color: var(--theme-color);

}

.page_search {

    padding: 150px 0 80px;

}

/* page_contact2 */

.page_contact2 {

    padding-bottom: 100px;

}

.page_contact2_info {

    width: 50%;

}

.page_contact2_info .tit {

    padding-top: 20px;

}

.page_contact2_info .tit h4 {

    font-size: 40px;

    color: #333;

    font-family: 'MontserratExtraBold';

}

.page_contact2_info .tit p {

    color: #333;

    line-height: 2;

    margin-top: 20px;

}

.page_contact2_info .con h4 {

    color: #053c8a;

    font-family: 'MontserratSemiBold';

    margin: 30px 0 10px;

    font-size: 20px;

}

.page_contact2_info .con p {

    margin-bottom: 10px;

    display: flex;

    font-family: 'MontserratLight';

    font-size: 14px;

}

.page_contact2_info .con p span {

    background: #053c8a;

    width: 24px;

    height: 24px;

    display: flex;

    justify-content: center;

    align-items: center;

    border-radius: 50%;

    border: 4px solid #e6ebf3;

    margin-right: 10px;

}

.page_contact2_info .con p span i {

    font-size: 10px;

    color: #fff;

}

.page_contact2_form {

    flex: 1;

    min-width: 0;

    background: #f5f5f5;

    padding: 46px;

}

.page_contact2_form .tit h4 {

    font-size: 30px;

    color: #333;

    font-family: 'MontserratBold';

}

.page_contact2_form .tit p {

    color: #666;

}

.page_contact2_form .form {

    padding-top: 20px;

}

.page_contact2_form .input_box {

    margin: 0 -8px 15px;

}

.page_contact2_form .input_box .input {

    flex: 1;

    padding: 0 8px;

}

.page_contact2_form .input_box .input input,
.page_contact2_form textarea {

    width: 100%;

    border: none;

    outline: none;

    background: #fff;

    height: 54px;

    padding: 10px 20px;

    line-height: 34px;

}

.page_contact2_form textarea {

    height: 120px;

}

.page_contact2_form .form p {

    font-size: 14px;

    padding: 10px 0;

    color: #999;

    font-family: 'MontserratLight';

}

.page_contact2_form .form .button {

    display: flex;

    justify-content: flex-end;

}

.page_contact2_form .form .button button {

    width: 100%;

    height: 60px;

    background: var(--theme-color);

    border: none;

    outline: none;

    color: #fff;

    font-size: 16px;

    text-transform: uppercase;

    display: flex;

    align-items: center;

    justify-content: center;

    cursor: pointer;

}

.page_contact2_form .form .button button i {

    font-size: 22px;

    margin-left: 10px;

}

.page_contact2_form .form .button button:hover {

    background: var(--theme-color);

}

/* return */

.return_page {

    position: relative;

}

.return_page dl {

    justify-content: space-between;

    padding-top: 40px;

    position: relative;

}

.return_page dt {

    width: 44%;

    font-size: 16px;

}

.return_page dt.next {

    text-align: right;

}

.return_page dt.next p {

    color: #717171;

    line-height: 1.2;

}

.return_page dt a {

    display: block;

}

.return_page .p1 {

    padding-bottom: 6px;

}

.return_page .p1 span {

    display: inline-block;

    line-height: 1;

}

.return_page .next .p1 span {

    transform: rotate(180deg);

    margin-left: 4px;

}

.return_page .prev .p1 span {

    margin-right: 4px;

}

.return_page dt a:hover {

    color: var(--theme-color);

}

.return_page .go_back {

    position: absolute;

    left: 50%;

    top: 60px;

    transform: translateX(-50%);

}

.return_page .go_back a {

    width: 110px;

    height: 40px;

    display: flex;

    align-items: center;

    justify-content: center;

    border: 1px solid #666;

    border-radius: 100px;

    font-size: 16px;

    line-height: 38px;

}

.return_page .go_back a i {

    font-size: 12px;

    margin-left: 3px;

}

.return_page .go_back a:hover {

    background: var(--theme-color);

    border-color: var(--theme-color);

    color: #fff;

}

.ind_pad {

    padding: 80px 0 90px;

}

.info_ly {
    background: #fff;
    padding-left: 4%;
    padding-right: 4%;
    display: flow-root;
}

.info_ly h2 {
    text-align: center;
    margin-bottom: 20px;
}

.info_ly .inp {
    width: 49.3%;
    height: 52px;
    line-height: 52px;
    background: #f6f6f6;
    display: block;
    float: left;
    margin-bottom: 16px;
    text-indent: 22px;
}

.info_ly .inp:nth-child(2n) {
    float: right;
}

.info_ly .inp2 {
    width: 100%;
}

.info_ly textarea {
    height: 150px;
    background: #f6f6f6;
    text-indent: 22px;
    padding-top: 16px;
    width: 100%;
    display: block;
}

.info_ly .sub {
    height: 52px;
    line-height: 52px;
    background: var(--theme-color);
    width: 100%;
    text-align: center;
    color: #fff;
    display: block;
    margin-top: 16px;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}

.hideh1 {

    font-size: 0;

}

.hideh1 h1 {

    font-size: 0;

    margin: 0;

}
.page_contact2_info .map {
    width: 100%;
    height: 100%;
}
.hs-google-map {
    width: 100%;
    height: 100%;
}
.hs-google-map #map {
    width: 100%;
    height: 100%;
}
.table_a table {
    border-right: 1px solid #9ac4f1;
    border-bottom: 1px solid #9ac4f1;
}

.table_a table td {
    border-left: 1px solid #9ac4f1;
    border-top: 1px solid #9ac4f1;
    text-align: center;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}

.table_a table th {
    border-left: 1px solid #9ac4f1;
    border-top: 1px solid #9ac4f1;
    background: #eef8fa;
    color: #004fa3;
    font-weight: normal;
    font-size: 18px;
    height: 50px;
    line-height: 50px;
}

.biao2 {
    background: #f1f1f1;
}