@charset "utf-8";

html,
body {
    font-family: "Microsoft YaHei", "Arial";
}

/*hide scroll*/
/* html,body{-ms-overflow-style: none;} */
/* ::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:#f8f8f8;}
::-webkit-scrollbar {width:0px;height:0px;}
::-webkit-scrollbar-thumb {background:#dddddd;background-clip:padding-box;min-height:28px;}
::-webkit-scrollbar-thumb:hover {background:#bbb;} 
::-webkit-scrollbar-button {
    width: 1.0416666666666667vw;
    height: 1.0416666666666667vw;
} 
*/
:root {
    --mainColor: #323b6e;
    --fontColora: #aaaaaa;
    --fontColorb: #bbbbbb;
    --fontColorc: #cccccc;
    --fontColord: #dddddd;
    --fontColore: #eeeeee;
    --fontColorf: #ffffff;
    --fontColor0: #000000;
    --fontColor1: #111111;
    --fontColor2: #222222;
    --fontColor3: #333333;
    --fontColor4: #444444;
    --fontColor5: #555555;
    --fontColor6: #666666;
    --fontColor7: #777777;
    --fontColor8: #888888;
    --fontColor9: #999999;
    --lineColor: #c1a573;
    --bgColor:#fefefe;
    --bgColor2:#f6f6f6;
}

img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

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

.align-center {
    align-items: center;
}

.box_con {
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0 90px;
}
.box_con2 {
    box-sizing: border-box;
    margin: 0 auto;
    max-width: 1340px;
}
.box_con3{
    max-width: calc(1340px / 2);
}

/*头部样式*/
header {
    margin: 0 auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    text-align: center;
    transition: all .5s;
    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    background: linear-gradient(180deg, rgba(50, 59, 110, 0.3) 100%, rgba(50, 59, 110, 0) 0%);
}

header h1 {
    max-width: 160px;
    line-height: 75px;
}

.head_right {
    display: inline-flex;
}

.head_right>div {
    margin-left: 30px;
}

.head_nav ul li {
    line-height: 75px;
    position: relative;
}

.head_nav ul li.active a,
.head_nav ul li:hover>a{color: var(--lineColor);}
.head_nav ul li.active a::after,
.head_nav>ul>li:hover>a::after{content: '';display: block;width: 100%;height: 1px;background: var(--lineColor);}

.head_nav ul li a {
    padding: 0 15px;
    display: block;
    font-size: 18px;
    color: var(--fontColorf);
}
.head_nav ul li ul{
    width: 150%;
    position: absolute;
    top: 75px;
    left: -25%;
    background: linear-gradient(180deg, rgba(50, 59, 110, 0.3) 100%, rgba(50, 59, 110, 0) 0%);
    display: none;
    padding: 15px 0;
}
.head_nav>ul>li:hover>ul{display: block;}
.head_nav ul li ul li{line-height: 36px;}
.head_nav ul li ul li a{font-size: 14px;padding: 0 10px;display: block;}

.head_search {
    position: relative;
}

.head_search::before {
    position: absolute;
    left: -20px;
    top: 50%;
    margin-top: -5px;
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: rgba(255, 255, 255, 0.2);
}

.search_btn {
    line-height: 75px;
    cursor: pointer;
}

.head_bd {
    overflow: hidden;
    width: 0px;
    height: 60px;
    background: var(--fontColorf);
    position: absolute;
    right: 60px;
    top: 50%;
    margin-top: -30px;
    transition: width 0.5s;
}

.header .head_bd {
    width: 800px;
    transition: width 0.5s;
}

.header .head_nav {
    opacity: 0;
    transition: ease-in 0.3s;
}

.head_bd form {
    display: inline-flex;
    width: 100%;
}

.head_bd input {
    width: 85%;
    padding-left: 20px;
    box-sizing: border-box;
    border: none;
    background: none;
    height: 60px;
    line-height: 60px;

}

.head_bd button {
    width: 15%;
    border: none;
    background: var(--mainColor);
    line-height: 60px;
}
.head_bd button img{width: 17px;height: 17px;}

.languag_btn {
    font-size: 16px;
    color: var(--fontColorf);
    line-height: 75px;
}

.languag_btn a {
    color: var(--fontColorf);
    line-height: 75px;
}
.languag_btn a::before{
    content: "";
    display: inline-block;
    vertical-align: middle;
    width: 17px;
    height: 17px;
    background: url(../images/language_icon.png) no-repeat;
    margin-right: 5px;
}

/*底部样式*/
footer {}

.foot_top {
    padding: 50px 0;
}

.foot_nav ul li {
    margin-right: 55px;
    font-size: 18px;
    line-height: 32px;
    color: var(--fontColor3);
}
.foot_nav ul li a:hover{color: var(--mainColor) !important;}
.foot_txt {
    position: relative;
}

.foot_txt::before {
    content: "";
    display: block;
    width: 1px;
    height: 10px;
    background: var(--fontColor3);
    position: absolute;
    left: -100px;
    top: 50%;
    margin-top: -5px;
}

.foot_txt p {
    font-size: 18px;
    color: var(--fontColor3);
}
.foot_txt p img{width: 19px;height: 17px;}
.foot_txt2 p img{width: 25px;height: 20px;}
.foot_txt p span {
    font-size: 20px;
    color: var(--lineColor);
}

.foot_txt p em {
    cursor: pointer;
}

.foot_show {
    width: 120px;
    height: 120px;
    overflow: hidden;
    position: absolute;
    top: -120px;
    left: 0;
    right: 0;
    display: none;
    z-index: 9;
}

.foot_btm {
    background: url(../images/foot_btm_bg.png) no-repeat;
    background-size: cover;
    height: 70px;
}

.foot_btm p {
    font-size: 14px;
    color: var(--fontColorf);
    line-height: 70px;
}

.foot_btm p a {
    color: var(--fontColorf);
}

.foot_logo {
    display: inline-block;
    max-width: 160px;
    margin-right: 14.583333333333334vw;
}

.section-wrap {
    width: 100%;
    height: 100vh;
    overflow: visible;
    transition: transform 1s cubic-bezier(0.86, 0, 0.03, 1);
    -webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.03, 1);
}

.section-wrap .section {
    position: relative;
    width: 100%;
    height: 100vh;
    background-position: center center;
    background-repeat: no-repeat;
}

.service_tab{transform: translateX(-100%);transition: ease-in 1.5s;}
.service_tct{transform: translateX(100%);transition: ease-in 1.5s;}
.service .title{transform: translateY(100%);transition: ease-in 1s;opacity: 0;}
.put-section-1 .service_tab{transform: translateX(0%);transition: ease-in 1.5s;}
.put-section-1 .service_tct{transform: translateX(0%);transition: ease-in 1.5s;}
.put-section-1 .service .title{transform: translateY(0%);transition: ease-in 1s;opacity: 1;}
.section-3 .title{transform: translateY(100%);transition: ease-in 1s;opacity: 0;}
.section-3 .business{transform: translateY(100%);transition: ease-in 1.5s;opacity: 0;}
.put-section-2 .section-3 .title {transform: translateY(0%);transition: ease-in 1s;opacity: 1;}
.put-section-2 .section-3 .business{transform: translateY(0%);transition: ease-in 1.5s;opacity: 1;}
.section-4 .about_tit{transform: translateY(100%);transition: ease-in 1s;opacity: 0;}
.section-4 .about_items{transform: translateY(100%);transition: ease-in 1.5s;opacity: 0;}
.put-section-3 .section-4 .about_tit{transform: translateY(0%);transition: ease-in 1s;opacity: 1;}
.put-section-3 .section-4 .about_items{transform: translateY(0%);transition: ease-in 1.5s;opacity: 1;}
.section-5 .title {transform: translateY(100%);transition: ease-in 1s;opacity: 0;}
.section-5 .news_cons{transform: translateY(100%);transition: ease-in 1.5s;opacity: 0;}
.put-section-4 .section-5 .title {transform: translateY(0%);transition: ease-in 1s;opacity: 1;}
.put-section-4 .section-5 .news_cons,
.put-section-5 .section-5 .news_cons{transform: translateY(0%);transition: ease-in 1.5s;opacity: 1;}

.section-wrap .section-6 {

    height: 22vh;
}

.put-section-0 {
    transform: translateY(0);
    -webkit-transform: translateY(0);
}

.put-section-1 {
    transform: translateY(-100vh);
    -webkit-transform: translateY(-100vh);
}

.put-section-2 {
    transform: translateY(-200vh);
    -webkit-transform: translateY(-200vh);
}

.put-section-3 {
    transform: translateY(-300vh);
    -webkit-transform: translateY(-300vh);
}

.put-section-4 {
    transform: translateY(-400vh);
    -webkit-transform: translateY(-400vh);
}

.put-section-5 {
    transform: translateY(-422vh);
    -webkit-transform: translateY(-422vh);
}

.section-btn {
    width: 14px;
    position: fixed;
    left: 2%;
    top: 50%;
    margin-top: -78px;
    z-index: 9;
}

.section-btn li {
    width: 14px;
    height: 14px;
    cursor: pointer;
    text-indent: -9999px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    margin-bottom: 12px;
    background: var(--lineColor);
    text-align: center;
    color:  var(--lineColor);
}
.section-btn li:nth-child(1).on,
.section-btn li:last-child.on{
    background: var(--mainColor);
    height: 14px;
}
/* .section-btn li:last-child.on{
    background: var(--mainColor);
} */
.section-btn li.on {
    background: none;
    height: 24px;
    text-indent: 0;
    line-height: 12px;
}
.section-btn li.on span{
    font-size: 12px;
    color: var(--mainColor);
   
}
.lg_wrap{
    position: relative;
}
.arrow {
    display: inline-flex;
    width: 15px;
    height: 24px;
    opacity: 1;
    animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
    -webkit-animation: arrow 3s cubic-bezier(0.5, 0, 0.1, 1) infinite;
    position: absolute;
    bottom: 140px;
    left: 0;
    right: 0;
    margin: 0 auto;
    cursor: pointer;
    overflow: hidden;
    text-align: center;
    z-index: 9;
}
.put-section-1 .arrow{
    opacity: 0;
}
.arrow:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}

@keyframes arrow {
    0%,
    100% {
        bottom: 140px;
        opacity: 1;
    }

    50% {
        bottom: 100px;
        opacity: .5
    }
}

@-webkit-keyframes arrow {

    0%,
    100% {
        bottom: 10px;
        opacity: 1;
    }

    50% {
        bottom: 50px;
        opacity: .5
    }
}

.title h3{font-size: 34px;color: var(--mainColor);}
.title p{font-size: 16px;color: var(--fontColor3);text-transform: uppercase;font-family: Arial;margin-top: 15px;opacity: 0.6;}
.more span{display: block;position: relative;z-index: 1;width: 180px;line-height: 45px;border-radius: 45px;border:1px solid rgba(50, 59, 110, 0.4);margin: 0 auto;transition: all 0.3s;}
.more span a{display: block;font-size: 14px;color: var(--mainColor);text-align: center;}
.more span a::after{content: "";display: inline-block;width: 23px;height: 12px;background: url(../images/banner_jt2.png) no-repeat;margin-left: 10px;}
.more span:hover{transform: translateY(10px);transition: all 0.3s;}

/*banner样式*/
.section-1{position: relative;}
.section-1 .swiper-container-banner .swiper-slide a{display: block;height: 100vh;transform: scale(1.1);transition: ease-in-out 3.5s;}
.section-1 .swiper-container-banner .swiper-slide-active a{transform: scale(1);transition: ease-in-out 3.5s;}
.section-1 .swiper-btn{width: 180px;height: 80px;position: absolute;right: 6.25vw;bottom: 20px;z-index: 2;display: inline-flex;justify-content: space-between;align-items: flex-end;}
.section-1 .swiper-btn .swiper-banner-prev,
.section-1 .swiper-btn .swiper-banner-next{width:80px;height:70px;border-radius: 5px;background: rgba(255, 255, 255, 0.6);position: static;line-height: 70px;text-align: center;cursor: pointer;}
.section-1 .swiper-btn .swiper-banner-prev{transform: rotate(180deg);}
.section-1 .swiper-btn .swiper-banner-prev:hover,
.section-1 .swiper-btn .swiper-banner-next:hover{background: rgba(0, 91, 172, 0.8);}
.section-1 .swiper-btn .swiper-banner-prev::after,
.section-1 .swiper-btn .swiper-banner-next::after{display: none;}
.section-1 .swiper-container-banner .swiper-pagination-banner{text-align: center;position: absolute;bottom:50px;left: 0;right: 0;z-index: 9;}
.section-1 .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet{width: 90px;height: 2px;background: var(--fontColorf);opacity: 0.4;border-radius: 0;}
.section-1 .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active{opacity: 1;}
.section-1 .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet::after{content: "";display: block;width: 0;height: 2px; background: var(--lineColor);}
.section-1 .swiper-container-banner .swiper-pagination-banner .swiper-pagination-bullet-active::after{width: 100%; transition: width 3.5s;}
.section-1 .swiper-container-banner .swiper-banner-prev,
.section-1 .swiper-container-banner .swiper-banner-next{position: absolute;top: 50%;margin-top: -41px;z-index: 9;;width: 80px;height: 80px;background: rgba(255, 255, 255, 0.2) url(../images/banner_jt.png) no-repeat center center;border-radius: 80px;border:1px solid rgba(255, 255, 255, 0.6);cursor: pointer;}
.section-1 .swiper-container-banner .swiper-banner-prev{left: 90px;transform: rotateY(180deg);}
.section-1 .swiper-container-banner .swiper-banner-next{right: 90px;}
.section-1 .swiper-container-banner .swiper-banner-prev:hover,
.section-1 .swiper-container-banner .swiper-banner-next:hover{background: rgba(50, 59, 110, 0.9) url(../images/banner_jt.png) no-repeat center center;border:1px solid rgba(50, 59, 110, 0.9);}

.section-3,
.section-4,
.section-5{
    padding: 100px 0;
    box-sizing: border-box;
}

/* 第二屏 */
.service{position: relative;}
.service_tab{width: calc(100% / 2 - 90px);position: absolute;left: 90px;top: 0;height: 100vh;z-index: 3;box-sizing: border-box;}
.service_tab ul li{height: 25vh;border:1px solid rgba(255, 255, 255, 0.2);box-sizing: border-box;width: calc(100% / 3);flex: 1;padding: 20px;display: inline-flex;flex-direction: column;justify-content: center;align-items: center;cursor: pointer;transition: ease-in-out 0.25s;position: relative;overflow: hidden;}
.service_tab ul li span{display: block;width: 71px;height: 71px;margin: 0 auto 15px;}
.service_tab ul li h3{font-size: 20px;line-height: 32px;color: var(--fontColorf);}
.service_tab ul li p{font-size: 14px;line-height: 32px;color: var(--fontColorf);opacity: 0.5;text-transform: uppercase;text-align: center;}
.service_tab ul li em{display: block;width: 23px;height: 0px;background: url(../images/banner_jt.png) no-repeat;transition: ease-in-out 0.5s;overflow: hidden;margin: 0 auto;}
.service_tab ul li:hover em,
.service_tab ul li.active em{margin-top: 20px;height: 12px;transition: ease-in-out 0.5s;}
.service_tab ul li.active .tst.hoverdir{left: 0 !important;top: 0 !important;transition: ease-in-out 0.25s;}
.service_tab ul li .tst{position:absolute; width:100%; height:100%; top:0; left:-100%; background: var(--mainColor);transition: ease-in-out 0.25s;z-index: 0;}
.service_tab ul li .tct{position: relative;z-index: 2;text-align: center;}
.service_tab ul li:nth-child(1),
.service_tab ul li:nth-child(2) {flex: 0 0 33.33333%;margin-left: 0.1px;border-right: 0;border-bottom: 0;}
.service_tab ul li:nth-child(3),
.service_tab ul li:nth-child(4),
.service_tab ul li:nth-child(5) {flex: 0 0 33.33333%;border-right: 0;border-bottom: 0;}
.service_tab ul li:nth-child(6),
.service_tab ul li:nth-child(7){flex: 0 0 33.33333%;margin-left: 0.1px;border-right: 0;border-bottom: 0;}
.service_tab ul li:nth-child(8){flex: 0 0 33.33333%;}
.service_tab ul li:nth-child(2),
.service_tab ul li:nth-child(5),
.service_tab ul li:nth-child(7){border-right: 1px solid rgba(255, 255, 255, 0.2);}
.service_tab ul li:nth-child(5),
.service_tab ul li:nth-child(7){border-bottom: 1px solid rgba(255, 255, 255, 0.2);}
.service_con,
.service_items{height: 100vh;position: relative;z-index: 1;overflow: hidden;}
.service_con .title{position: absolute;top: 10%;left: calc(100% / 2 + 60px);}
.service_con .title h3,
.service_con .title p{color: var(--fontColorf);}
.service_item{height: 100%;width: 100%;justify-content: flex-end;display: flex;transition: all 0.3s;}
.service .title{z-index: 3;}
.service_tct{width: calc(100% / 2 - 90px);box-sizing: border-box;margin-right: 90px;padding-left: 60px;display: inline-flex;flex-direction: column;justify-content: center;padding-bottom: 235px;}
.service_tct h3{font-size: 44px;color: var(--fontColorf);line-height: 50px;}
.service_tct p{font-size: 14px;line-height: 28px;color: var(--fontColorf);opacity: 0.8;margin: 20px 0;}
.service_tct .more span{margin: 50px 0 0;border: 1px solid rgba(255, 255, 255, 0.6);}
.service_tct .more span a{color: var(--fontColorf);}
.service_tct .more span a::after{background: url(../images/banner_jt.png) no-repeat;}
/* 第三屏 */
.swiper-container-business{position: relative;overflow: hidden;margin: 60px auto;}
.swiper-container-business .swiper-slide{height: 540px;overflow: hidden;transition: ease-in-out 0.5s;}
.swiper-container-business .swiper-slide a{display: block;position: relative;}
.swiper-container-business .swiper-slide .pic{width: 100%;height: 540px;overflow: hidden;position: relative;}
.swiper-container-business .swiper-slide .tct{background: linear-gradient(180deg, rgba(50, 59, 110, 0) 80%, rgba(50, 59, 110, 0.2) 100%, var(--mainColor) 100%);position: absolute;bottom: 0;left: 0;right: 0;padding: 30px;box-sizing: border-box;text-align: center;height: 100%;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;}
.swiper-container-business .swiper-slide .pic::after{transition: ease-in-out 0.3s;content: "";display: block;width:100%;height: 100%;transform: translateY(100%);background: rgba(50, 59, 110, 0.9);position: absolute;bottom: 0;left: 0;right: 0;}
.swiper-container-business .swiper-slide .tct h3{font-size: 26px;line-height: 32px;color: var(--fontColorf);}
.swiper-container-business .swiper-slide .tct h4{transition: ease-in-out 0.3s;font-size: 14px;line-height: 32px;color: var(--fontColorf);opacity: 0.5;text-transform: uppercase;overflow: hidden;}
.swiper-container-business .swiper-slide .tct span{transition: ease-in-out 0.3s;display: inline-block;width: 60px;height: 1px;background: rgba(255, 255, 255, 0.2);height: 0;margin: 20px auto;overflow: hidden;}
.swiper-container-business .swiper-slide .tct p{transition: ease-in-out 0.3s;font-size: 14px;line-height: 32px;color: var(--fontColorf);height: 0;overflow: hidden;}
.swiper-container-business .swiper-slide .tct em{transition: ease-in-out 0.3s;display: inline-block;width: 180px;line-height: 45px;text-align: center;border-radius: 45px;font-size: 14px;color: var(--fontColorf);height: 0;overflow: hidden;transition: all 0.5s;}
.swiper-container-business .swiper-slide:hover .tct h4{transition: ease-in-out 0.3s;height: 0;overflow: hidden;}
.swiper-container-business .swiper-slide:hover .tct span{transition: ease-in-out 0.3s;height: 1px;}
.swiper-container-business .swiper-slide:hover .tct p{transition: ease-in-out 0.3s;height: 64px;}
.swiper-container-business .swiper-slide:hover .tct em{transition: ease-in-out 0.3s;height: 45px;background: rgba(255, 255, 255, 0.2);border:1px solid rgba(255, 255, 255, 0.6);margin: 50px auto;}
.swiper-container-business .swiper-slide:hover .pic::after{transition: ease-in-out 0.3s;height: 100%;transform: translateY(0);}
.swiper-container-business .swiper-scrollbar{margin-top: 50px;position: static;background: rgba(255, 255, 255, 0.8);width: 100%;left: 0;}
.swiper-container-business .swiper-scrollbar .swiper-scrollbar-drag{background: var(--lineColor);}
.section-3 .more span{float: right;margin-top: -45px;}
.swiper-container-business .swiper-slide .tct em:hover{transform: translateY(10px);transition: all 0.5s;}
/* 第四屏 */
.about_tit{max-width: 1070px;margin: 0 auto;text-align: center;}
.about_tit h3{font-size: 44px;line-height: 50px;color: var(--fontColor3);}
.about_tit p{font-size: 14px;line-height: 28px;color: var(--fontColor3);opacity: 0.8;margin: 20px auto;}
.about_items{justify-content: center;margin: 70px auto;}
.about_item{width: calc(100% / 5);padding: 70px 30px;box-sizing: border-box;text-align: center;border-left: 2px solid rgba(50, 59, 110, 0.3);}
.about_item h3{font-size: 16px;color: var(--fontColor3);}
.about_item h3 b{font-size: 80px;font-family: Arial;color: var(--mainColor);}
.about_item p{padding: 0 40px;box-sizing: border-box;font-size: 20px;line-height: 34px;color: var(--fontColor9);}
.about_item:last-child{border-right: 2px solid rgba(50, 59, 110, 0.3);}


/* 第五屏 */
.news_tab{float: right;position: relative;z-index: 1;margin-top: -45px;margin-bottom: 60px;}
.news_tab ul li{width: 140px;line-height: 45px;border:1px solid rgba(50, 59, 110, 0.9);border-radius: 45px;text-align: center;cursor: pointer;margin-left: 20px;}
.news_tab ul li.active{background: var(--mainColor);color: var(--fontColorf);}
.news_items{margin: 60px auto;display: none;}
.news_items.active{display: flex;}
.news_item{width: calc(100% / 3 - 30px);margin-right: 45px;background: var(--fontColorf);box-shadow: 0 5px 15px rgba(0, 91, 172, 0.1);}
.news_item:nth-child(3n){margin-right: 0;}
.news_pic{width: 100%;height: 320px;overflow: hidden;}
.news_pic img{transition: all 0.5s;}
.news_tct{padding: 30px;box-sizing: border-box;position: relative;}
.news_tct em{display: block;width: 70px;height: 70px;overflow: hidden;border-radius: 70px;background: var(--lineColor) url(../images/banner_jt.png) no-repeat center;position: absolute;top: -40px;right: 30px;z-index: 2;transition: all 0.5s;}
.news_tct span{font-size: 18px;line-height: 38px;color: var(--mainColor);}
.news_tct span::before{content: "";display: inline-block;width: 13px;height: 16px;background: url(../images/news_icon.png) no-repeat;margin-right: 10px;}
.news_tct h3{font-size: 26px;line-height: 38px;color: var(--fontColor3);font-weight: 600;}
.news_tct:hover em{background: var(--mainColor) url(../images/banner_jt.png) no-repeat center;transition: all 0.5s;}
.news_pic:hover img{transition: all 0.5s;transform: scale(1.1);}
.news_tct:hover h3{color: var(--mainColor);}

.bar{height: 620px;}
.bar_con{flex-direction: column;align-items: center;height: 100%;justify-content: center;}
.bar_con h3{font-size: 40px; background-image: linear-gradient(180deg, var(--fontColorf) 60%, var(--mainColor) 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-weight: bold;}
.bar_con p{font-size: 16px;line-height: 32px;letter-spacing: 10px;color: var(--fontColorf);opacity: 0.8;}
.bar_con span{display: block;width: 110px;height: 1px;background: rgba(255, 255, 255, 0.8);margin: 25px 0;position: relative;}
.bar_con span::after{content: "";display: block;width: 30px;height: 3px;background: var(--lineColor);position: absolute;top: -1px;left: 0;right: 0;margin: 0 auto;}

.crumb{padding: 20px 0;box-sizing: border-box;margin-top: -64px;position: relative;z-index: 2;}
.crumb dl{line-height: 24px;justify-content: flex-end;align-items: center;}
.crumb dl dt{width: 14px;height: 12px;background: url(../images/home_icon.png) no-repeat;margin-right: 10px;}
.crumb dl dd{color: var(--fontColorf);}
.crumb dl dd a{font-size: 14px;color: var(--fontColorf);}

.subnav{border-bottom: 1px solid var(--fontColore);box-sizing: border-box;}
.subnav ul{justify-content: center;}
.subnav ul li{line-height: 94px;margin: 0 30px;}
.subnav ul li a,
.mySwiper-subnav .swiper-slide a{display: inline-block;padding: 0 10px;font-size: 18px;color: var(--fontColor3);position: relative;}
.subnav ul li a::after,
.mySwiper-subnav .swiper-slide a::after{content: "";display: block;width: 0%;height: 3px;background: transparent;position: absolute;bottom: -1px;left: 0;transition: all 0.3s;}
.subnav ul li.active a,
.subnav ul li:hover a,
.mySwiper-subnav .swiper-slide:hover a,
.mySwiper-subnav .swiper-slide-active a{color: var(--lineColor);}
.subnav ul li.active a::after,
.subnav ul li:hover a::after,
.mySwiper-subnav .swiper-slide:hover a::after,
.mySwiper-subnav .swiper-slide-active a::after{background: var(--lineColor);width: 100%;transition: all 0.3s;}

.mySwiper-subnav{position: relative;padding: 0 60px;box-sizing: border-box;}
.mySwiper-subnav .swiper-slide{line-height: 94px;margin: 0 30px;width: auto;}
.mySwiper-subnav .swiper-button-next,
.mySwiper-subnav .swiper-button-prev{width: 60px;height: 60px;position: absolute;top: 50%;margin-top: -30px;background: var(--fontColorf);}
.mySwiper-subnav .swiper-button-next::after,
.mySwiper-subnav .swiper-button-prev::after{font-size: 20px;color: var(--lineColor);}
.mySwiper-subnav .swiper-button-next{right: 0;}
.mySwiper-subnav .swiper-button-prev{left: 0;}

.about .mains_text{margin: 80px auto;}
.mains_text img{max-width: 100%;width: auto;}

.team_top {padding: 70px 0;}
.team_top ul li{width: calc(100% / 5 - 64px);margin-right: 80px;text-align: center;}
.team_top ul li:nth-child(5n){margin-right: 0;}
.team_top ul li span{display: block;width: 100px;height: 100px;border-radius: 100px;overflow: hidden;margin: 20px auto;}
.team_top ul li h3{font-size: 26px;line-height: 34px;color: var(--fontColor3);font-weight: bold;margin: 15px auto;}
.team_top ul li p{font-size: 16px;line-height: 28px;color: var(--fontColor6);}
.team_tit{font-size: 28px;line-height: 34px;color: var(--fontColor3);font-weight: bold;text-align: center;padding-bottom: 55px;}
.team_btm{padding: 0 0 70px;}
.swiper-container-team{position: relative;overflow: hidden;padding-bottom: 60px;}
.swiper-container-team .swiper-slide span{display: block;width: 100%;height: 220px;overflow: hidden;border-radius: 5px;}
.swiper-container-team .swiper-slide p{font-size: 20px;line-height: 34px;color: var(--fontColor3);text-align: center;padding-top: 10px;}
.swiper-container-team .swiper-scrollbar{cursor: pointer;}
.swiper-container-team .swiper-scrollbar-drag{background: var(--mainColor);border-radius:none;}

.history_con{padding: 80px 0;position: relative;overflow: hidden;}
.view {position: relative;}
.view .swiper-slide{display: inline-flex;justify-content: space-between;}
.view .swiper-slide .history_pic{width: 650px;height: 320px;overflow: hidden;border-radius: 5px;}
.view .swiper-slide .history_tct{width: calc(100% - 680px);}
.view .swiper-slide .history_tct h3{font-size: 34px;line-height: 45px;color: var(--fontColorf);font-weight: bold;padding: 20px 0;}
.view .swiper-slide .history_tct p{font-size: 16px;line-height: 34px;color: var(--fontColorf);text-align: justify;}
.view .arrow-left,
.view .arrow-right{position: absolute;z-index: 3;left: 680px;bottom: 0;width: 40px;height: 40px;background: rgba(255, 255, 255, 0.3) url(../images/banner_jt.png) no-repeat center;border-radius: 5px;}
.view .arrow-left{transform: rotateY(180deg);}
.view .arrow-right{margin-left: 60px;}
.preview .arrow-left,
.preview .arrow-right{display: none;}
.view .arrow-left:hover,
.view .arrow-right:hover{background: var(--lineColor) url(../images/banner_jt.png) no-repeat center;}
.preview{border-top: 1px solid rgba(255, 255, 255, 0.5);margin-top: 160px;}
.preview .swiper-slide {cursor: pointer;}
.preview .swiper-slide p{font-size: 24px;line-height: 70px;color: var(--fontColorf);font-weight: bold;text-align: center;position: relative;}
.preview .swiper-slide p::before,
.preview .swiper-slide p::after{content: "";display: block;position: absolute;left: 0;right: 0;margin: 0 auto;}
.preview .swiper-slide p::before{top: -7px;width: 14px;height: 14px;border-radius: 14px;background: var(--fontColorf);}
.preview .swiper-slide p::after{width: 104px;height: 41px;background: url(../images/history_car.png) no-repeat;display: none;top: -80px;}
.preview .swiper-slide.active-nav p{color: var(--lineColor);}
.preview .swiper-slide.active-nav p::before{background: var(--lineColor);}
.preview .swiper-slide.active-nav p:after{display: block;}

.news{padding-bottom: 60px;}
.news_top{margin: 80px auto 20px;}
.news_list{width: calc(100% /3 - 23.5px);margin-right: 35px;margin-bottom: 40px;}
.news_list:nth-child(3n){margin-right: 0;}
.news_list .news_pic{height: 240px;overflow: hidden;}
.news_list .news_pic img{transition: all 0.3s;}
.news_list .news_tct{padding: 10px;}
.news_list .news_tct span{font-size: 18px;line-height: 34px;color: var(--fontColor9);padding-bottom: 10px;display: block;}
.news_list .news_tct span::before{background: url(../images/news_icon2.png) no-repeat;}
.news_list .news_tct h3{font-size: 24px;line-height: 34px;color: var(--fontColor3);}
.news_list .news_tct p{font-size: 14px;line-height: 32px;color: var(--fontColor3);padding-top: 10px;}
.news_list .news_tct p::after{content: "";display: inline-block;vertical-align: middle;width: 18px;height: 12px;background: url(../images/banner_jt2.png) no-repeat;margin-left: 10px;background-size: contain;}
.news_list:hover{box-shadow: 0 5px 10px rgba(0, 91, 172, 0.1);}
.news_list:hover .news_pic img{transform: scale(1.1);transition: all 0.3s;}

.news_btm .news_list{background: var(--bgColor);border:1px solid var(--fontColore);box-sizing: border-box;transition: all 0.5s;box-shadow: 0 5px 10px rgba(0, 91, 172, 0.1);}
.news_btm .news_list .news_tct{padding: 30px;}
.news_btm .news_list:hover{transform: translateY(10px);transition: all 0.5s;}

.news_info{padding:30px 60px;box-sizing: border-box;background: var(--fontColorf);border: 1px solid var(--fontColore);margin: 50px auto;}
.news_title{text-align: center;}
.news_title h3{font-size: 34px;line-height: 50px;color: var(--fontColor3);border-bottom: 1px solid var(--fontColore);padding-bottom: 30px;}
.news_title p{font-size: 16px;line-height: 50px;color: var(--fontColor6);padding: 20px 0 0;}
.news_title p span{margin: 0 15px;}
.news_info .mains_text{margin: 40px auto;border-bottom: 1px solid var(--fontColore);padding-bottom: 40px;}
.news_info .desc_txt{font-size: 14px;line-height: 28px;color: var(--fontColor9);text-indent: 2em;margin: 30px auto;}

.product_page{margin: 40px auto;}
.product_page ul{background: var(--bgColor2);padding: 25px 30px;box-sizing: border-box;display: flex;justify-content: space-between;width: 100%;}
.product_page ul li{width: 38%;background: var(--fontColorf);}
.product_page ul li:nth-child(1){text-align: right;}
.product_page ul li:nth-child(2){width: 18%;text-align: center;}
.product_page ul li a{font-size: 16px;line-height: 60px;color: var(--fontColor3);padding: 0 30px;box-sizing: border-box;justify-content: space-between;width: 100%;align-items: center;display: inline-flex;}
.product_page ul li a em{display:inline-block;vertical-align: middle;background: url(../images/ban_jt2.png) no-repeat;width: 22px;height: 22px;transition: ease-in-out 0.5s;}
.product_page ul li:nth-child(2) a{justify-content: space-evenly;}
.product_page ul li:nth-child(2) a em{background: url(../images/product_page_icon.png) no-repeat;width: 24px;height: 16px;}
.product_page ul li:nth-child(1) a em{transform: rotate(180deg);}
.product_page ul li a:hover{background: var(--mainColor);color: var(--fontColorf);transition: ease-in-out 0.5s;}
.product_page ul li:hover a em{background: url(../images/ban_jt.png) no-repeat;}
.product_page ul li:nth-child(2):hover a em{background: url(../images/product_page_icon2.png) no-repeat;}

.mySwiper-product{margin: 80px auto;position: relative;overflow: hidden;}
.mySwiper-product .swiper-slide{position: relative;border-bottom: 4px solid var(--lineColor);}
.mySwiper-product .swiper-slide .pic{width: 100%;height: 452px;overflow: hidden;}
.mySwiper-product .swiper-slide .pic img{transition: all 0.5s;}
.mySwiper-product .swiper-slide .tct{position: absolute;bottom: 0;left: 0;right: 0;padding: 30px;box-sizing: border-box;background: linear-gradient(180deg, rgba(50, 59, 110, 0) 70%, rgba(50, 59, 110, 0.2) 100%, var(--mainColor) 100%);}
.mySwiper-product .swiper-slide .tct h3{font-size: 24px;line-height: 40px;color: var(--fontColorf);}
.mySwiper-product .swiper-slide .tct span{display: block;width: 30px;height: 0px;background: var(--fontColorf);margin: 20px 0;transition: all 0.5s;}
.mySwiper-product .swiper-slide .tct p{font-size: 16px;line-height: 30px;color: var(--fontColorf);height: 0;overflow: hidden;transition: all 0.5s;}
.mySwiper-product .swiper-pagination-product{text-align: center;margin: 30px auto;}
.mySwiper-product .swiper-pagination-product .swiper-pagination-bullet{width: 15px;height: 15px;background: var(--lineColor);border-radius: 0;opacity: 1;}
.mySwiper-product .swiper-pagination-product .swiper-pagination-bullet-active{background: var(--mainColor);}
.mySwiper-product .swiper-slide-active{border-bottom: 4px solid var(--mainColor);}
.mySwiper-product .swiper-slide-active .tct span,
.mySwiper-product .swiper-slide:hover .tct span{height: 1px;transition: all 0.5s;}
.mySwiper-product .swiper-slide-active .tct p,
.mySwiper-product .swiper-slide:hover .tct p{height: 60px;transition: all 0.5s}
.mySwiper-product .swiper-slide:hover .pic img{transition: all 0.5s;transform: scale(1.1);}

.business_con{height: 100%;}
.business_tct{height: 60vh;flex-direction: column;text-align: center;justify-content: center;}
.business_tct em{display: block;width: 71px;height: 71px;margin: 20px auto;}
.business_tct h3{font-size: 32px;line-height: 45px;color: var(--fontColorf);}
.business_tct h4{width: 60px;margin: 25px auto;height: 1px;background: var(--lineColor);}
.business_tct p{font-size: 16px;line-height: 32px;color: var(--fontColorf);max-width: 580px;margin: 0 auto;}
.business_tct .more span{border:1px solid rgba(255, 255, 255, 0.8);margin: 30px auto;}
.business_tct .more span a{color: var(--fontColorf);}
.business_tct .more span a::after{background: url(../images/banner_jt.png) no-repeat;}

.culture_con{height: 650px;overflow: hidden;}
.culture_left{width: 50%;height: 100%;background: rgba(50, 59, 110, 0.3);border-radius: 0 0 115px 0;justify-content: flex-end;}
.culture_tct{padding: 30px;box-sizing: border-box;}
.culture_left .box_con3{    width: 100%;height: 100%;}
.culture_tct ul li{margin: 70px auto;position: relative;}
.culture_tct ul li span{display: block;width: 62px;height: 62px;position: absolute;left: -92px;}
.culture_tct ul li p{font-size:18px;line-height: 32px ;color: var(--fontColorf);opacity: 0.6;}
.culture_tct ul li h3{font-size: 24px;line-height: 32px;color: var(--fontColorf);font-weight: bold;}

.honors_items,
.partners_items {margin: 80px auto 0;}
.honors_items .honors_item{width: calc(100% / 3 - 26.7px);margin-right: 40px;margin-bottom: 40px;}
.honors_items .honors_item:nth-child(3n){margin-right: 0;}
.honors_items .honors_item .honors_pic{text-align: center;width: 100%;height: 290px;line-height: 290px;overflow: hidden;border-radius: 10px;box-shadow: 0 5px 15px rgba(0, 91, 172, 0.1);}
.honors_items .honors_item .honors_pic img{height: auto;max-height: 100%;transition: all 0.5s;}
.honors_items .honors_item .honors_tit{text-align: center;font-size:22px;line-height: 32px;color: var(--fontColor3);margin: 20px auto 10px;}
.honors_items .honors_item:hover .honors_pic img{transform: scale(1.1);transition: all 0.5s;}

.partners_items .partners_item{width: calc(100% / 4 - 22.5px);margin-bottom: 40px;margin-right: 30px;border-radius: 5px;box-shadow: 0 5px 10px rgba(0, 91, 172, 0.1);transition: all 0.5s;}
.partners_items .partners_item:nth-child(4n){margin-right: 0;}
.partners_items .partners_item .partners_pic{width: 100%;height: 160px;overflow: hidden;text-align: center;line-height: 160px;}
.partners_items .partners_item .partners_pic img{height: auto;max-height: 100%;width: auto;max-width: 100%;}
.partners_items .partners_item:hover{transform: translateY(10px);transition: all 0.5s;}
/* 分页 */
.page_list,
.page_list ul {
    width: 100%;
    padding: 30px 0;
}

.page_list ul {
    justify-content: center;
}
 
.page_list ul li {
    width: 60px;
    height: 60px;
    border: 1px solid var(--fontColord);
    text-align: center;
    line-height: 58px;
    font-size: 20px;
    color: var(--fontColor3);
    margin: 0 5px;
    border-radius: 5px;
    overflow: hidden;
    box-sizing: border-box;
    box-shadow: 0 5px 10px rgba(0, 91, 172, 0.1);
}


.page_list ul li a {
    display: block;
    width: 58px;
    height: 58px;
}
.page_list ul li:first-child a,
.page_list ul li:last-child a{background: url(../images/banner_jt2.png)no-repeat center;background-size: 30%;}
.page_list ul li:first-child a{transform: rotateY(180deg);}

.page_list ul li.active a,
.page_list ul li:hover a {
    background: var(--mainColor);
    color: var(--fontColorf);
    border: 1px solid var(--mainColor);
}
.page_list ul li:hover:first-child a,
.page_list ul li:hover:last-child a{background:var(--mainColor) url(../images/banner_jt.png)no-repeat center;background-size: 30%;}

.contact_map{padding: 80px 0;position: relative;}
#allmap{height: 860px;}

.contact_con{width: 520px;padding: 40px;box-sizing: border-box;position: absolute;top: 120px;right: 40px;background: rgba(255, 255, 255, 0.9);}
.contact_con h3{font-size: 30px;line-height: 40px;color: var(--fontColor3);font-weight: bold;}
.contact_con ul{margin: 20px auto;}
.contact_con ul li{padding: 10px 0;}
.contact_con ul li p:nth-child(1){font-size: 20px;color: var(--fontColor9);line-height: 36px;border-bottom: 1px solid var(--fontColord);padding-bottom: 10px;margin-bottom: 10px;}
.contact_con ul li p b{font-size: 26px;font-family: Arial;color: var(--mainColor);line-height: 36px;}
.contact_con ul li p span{font-size: 20px;line-height: 36px;color: var(--fontColor3);}
.contact_con dl{align-items: flex-end;}
.contact_con dl dt{width: 141px;height: 141px;overflow: hidden;box-shadow: 0 5px 15px rgba(0, 91, 172, 0.1);}
.contact_con dl dd{font-size: 14px;color: var(--fontColor3);writing-mode: vertical-rl;margin-left: 10px;}
.contact_con ul li p em{float: right;width: 19px;height: 19px;margin-top: 8px;}
.contact_con ul li:nth-child(1) p em{background: url(../images/contact_con_01.png) no-repeat;}
.contact_con ul li:nth-child(2) p em{background: url(../images/contact_con_02.png) no-repeat;}
.contact_con ul li:nth-child(3) p em{background: url(../images/contact_con_03.png) no-repeat;}
.contact_con ul li:nth-child(4) p em{background: url(../images/contact_con_04.png) no-repeat;}

.service_lists{padding: 80px 0 0;}
.service_lists .service_list{width: calc(100% / 3 - 26.7px);margin-right: 40px;margin-bottom: 40px;box-shadow: 0 5px 10px rgba(0, 91, 172, 0.1);border-radius: 10px;padding: 20px;box-sizing: border-box;transition: all 0.5s;}
.service_lists .service_list:nth-child(3n){margin-right: 0;}
.service_lists .service_list .service_pic{width: 160px;height: 220px;border-radius: 10px;overflow: hidden;}
.service_lists .service_list .service_tcts{width: calc(100% - 180px);box-sizing: border-box;margin-left: 20px;position: relative;}
.service_lists .service_list .service_tcts h3{font-size: 18px;line-height: 24px;color: var(--fontColor3);}
.service_lists .service_list .service_tcts p{font-size: 14px;line-height: 30px;color: var(--fontColor9);margin: 10px 0;}
.service_lists .service_list .service_tcts em{display: block;font-size: 18px;line-height: 30px;color: var(--fontColor3);position: absolute;bottom: 20px;left: 0;}
.service_lists .service_list .service_tcts em::after{content: "";display: inline-block;vertical-align: middle;width: 18px;height: 12px;background: url(../images/banner_jt2.png) no-repeat;background-size: contain;margin-left: 10px;}
.service_lists .service_list:hover{box-shadow: 0 5px 20px rgba(0, 91, 172, 0.2);transform: translateY(10px);transition: all 0.5s;}