@charset "utf-8";
html,body{font-family: "思源黑体 CN";font-weight: 400;}
/*hide scroll*/
/* html,body{-ms-overflow-style: none;} */
::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:var(--fontColord);}
::-webkit-scrollbar {width:3px;height:10px;}
::-webkit-scrollbar-thumb {background:var(--mainColor);background-clip:padding-box;min-height:28px;cursor: pointer;}
::-webkit-scrollbar-thumb:hover {background:var(--mainColor);} 
::-webkit-scrollbar-button {
    width: 3px;
    height: 10px;
}

:root {
    --mainColor: #0270bf;
    --fontColor: #031225;
    --fontColora:#aaa;
    --fontColorb:#bbb;
    --fontColorc:#ccc;
    --fontColord:#ddd;
    --fontColore:#eee;
    --fontColorf:#fff;
    --fontColor0:#000;
    --fontColor1:#111;
    --fontColor2:#222;
    --fontColor3:#333;
    --fontColor4:#444;
    --fontColor5:#555;
    --fontColor6:#666;
    --fontColor7:#777;
    --fontColor8:#888;
    --fontColor9:#999;
    --lineColor: #7200dc;
    /* --lineColor2: #eef2f6;
    --lineColor3: #e7ecf2; */
}
a{color: var(--fontColor2);}
/* 滤镜-图片变纯黑 */
.img-black{filter: brightness(0);}
/* 滤镜-图片变纯白 */
.img-white{filter: brightness(0) invert(1);}
.box {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.box_con {
    box-sizing: border-box;
    max-width: 1340px;
    margin: 0 auto;
}
.box_cons {
    padding: 0 160px;
    box-sizing: border-box;
}
img{
    max-width: 100%;
    width: 100%;
    object-fit: cover;
}

/* header */
header{position: fixed;top: 0;left: 0;right: 0;margin: 0 auto;z-index: 9;background: rgba(0, 0, 0, 0.3);}
.head_con{align-items: center;justify-content: space-between;}
header h1{line-height: 100px;max-width: 215px;}
header h1 a{display: block;}
.head_right{width: calc(100% - 300px);justify-content: flex-end;align-items: center;}
.head_nav ul li{margin-right: 50px;position: relative;}
.head_nav ul li a{display: block;font-size: 18px;line-height: 100px;color: var(--fontColorf);position: relative;}
.head_nav ul li a::after{content: "";display: block;width: 0;height: 2px;background: var(--mainColor);position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto;transition: all 0.5s;}
.head_nav ul li ul{width: 200px;position: absolute;top: 20px;background: rgba(255, 255, 255, 0.9);left: 50%;margin-left: -100px;border-radius: 0 0 5px 5px;top: 100px;border-top: 2px solid var(--mainColor);transform: translateY(-150px);transition: all 0.7s;display: none;}
.head_nav ul li ul li{width: calc(100% / 2);margin: 0;border-top: 1px solid var(--fontColord);}
.head_nav ul li ul li:nth-child(even){border-left: 1px solid var(--fontColord);box-sizing: border-box;}
.head_nav ul li ul li a{display: block;font-size: 12px;line-height: 14px;color: var(--fontColor3);text-align: center;padding: 15px 5px;box-sizing: border-box;}
.head_nav ul li ul li span{display: block;width: 26px;height: 26px;margin: 0 auto 10px;}
.head_nav ul li:hover>a,
.head_nav ul li.active>a{color: var(--mainColor);}
.head_nav ul li:hover>a::after,
.head_nav ul li.active>a::after{width: 100%;transition: all 0.5s;}
.head_nav ul li:hover ul{transform: translateY(0);transition: all 0.7s;display: flex;}
.head_lange{width: 90px;line-height: 30px;border-radius: 5px;background: rgba(255, 255, 255, 0.2);border: 1px solid rgba(255, 255, 255, 0.5);}
.head_lange a{display: block;font-size: 14px;line-height: 30px;text-align: center;color: var(--fontColorf);}

footer{height: 100%;position: relative;}
.foot_top{padding: 140px 0 80px;}
.foot_con{justify-content: space-between;}
.foot_top_left{width: calc(100% - 300px);}
.foot_top_logo{max-width: 256px;line-height: 60px;height: 60px;}
.foot_top_logo a{display: block;}
.foot_top_nav dl{max-width: 190px;margin-right: 30px;}
.foot_top_nav dl:last-child{margin-right: 0;}
.foot_top_nav dl dt{font-size: 18px;line-height: 24px;color: var(--fontColor3);font-weight: bold;}
.foot_top_nav dl dt::after{content: "";display: block;width: 20px;height: 1px;background: var(--lineColor);margin: 10px 0 5px;}
.foot_top_nav dl dd a{display: block;font-size: 14px;line-height: 1.2;color: var(--fontColor4);padding-bottom: 5px;}
.foot_top_right{width: 270px;}
.foot_top_logo,
.foot_top_hot{margin-bottom: 50px;}
.foot_top_hot dl dt{width: 60px;height: 60px;border:1px solid var(--fontColorb);margin-right: 10px;border-radius: 5px;background: url(../foot_top_hot_ico.png) no-repeat center;}
.foot_top_hot dl dd p{font-size: 14px;line-height: 24px;color: var(--fontColorb);}
.foot_top_hot dl dd b{display: block;font-size: 30px;color: var(--mainColor);line-height: 1.1;font-family: Arial;}
.foot_top_info{margin-bottom: 30px;}
.foot_top_info p{font-size: 14px;line-height: 1.2;color: var(--fontColor4);padding-bottom: 10px;display: inline-flex;}
.foot_top_info p span{display: block;width: calc(100% - 135px);}
.foot_top_link ul li{margin-right: 10px;position: relative;width: 80px;height: 80px;}
.foot_top_link ul li a{display: block;border-radius: 5px;}
.foot_top_link ul li p{position: absolute;bottom: 36px;left: 0%;margin-left: -50px;width: 100px;height: 100px;overflow: hidden;display: none;}
.foot_top_link ul li:hover p{display: block;}
.foot_btm{padding: 20px 0;background: rgba(0, 88, 106, 0.05);bottom: 0;left: 0;right: 0;}
.foot_btm p{font-size: 14px;line-height: 30px;color: var(--fontColor6);}
.foot_btm p a{color: var(--fontColor6);}

.foot_top_nav dl dd a:hover,
.foot_btm p a:hover{color: var(--mainColor);}

/* 首页框架 */
.section-wrap{ width:100%;height:100vh;overflow:visible;transition:transform 0.5s cubic-bezier(0.86,0,0.03,1);-webkit-transition:-webkit-transform 0.5s cubic-bezier(0.86,0,0.03,1);}
.section-wrap .section{ position:relative; width:100%; height:100vh;overflow: hidden;}
.section-wrap .section-7{height: 67.5%;}
.section-wrap .section .section_con{padding-top: 100px;}
.put-section-0{ transform:translateY(0);-webkit-transform:translateY(0);}
.put-section-1{ transform:translateY(-100%);-webkit-transform:translateY(-100%);}
.put-section-2{ transform:translateY(-200%);-webkit-transform:translateY(-200%);}
.put-section-3{ transform:translateY(-300%);-webkit-transform:translateY(-300%);}
.put-section-4{ transform:translateY(-400%);-webkit-transform:translateY(-400%);}
.put-section-5{ transform:translateY(-500%);-webkit-transform:translateY(-500%);}
.put-section-6{ transform:translateY(-567.5%);-webkit-transform:translateY(-567.5%);}
.section-btn{ width:16px;position:fixed;right:2%;top:45%;z-index: 4;display: none;}
.section-btn li{ width:16px;height:16px;cursor:pointer;margin-bottom:12px; background:var(--lineColor);text-align:center; color:var(--fontColorf);border-radius: 2px;}
.section-btn li.on{ background:var(--mainColor);}

.arrow{ display: inline-flex;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:fixed;bottom:50px;left:160px;font-size:16px;color:#fff;cursor:pointer;overflow:hidden;z-index: 9;text-transform: uppercase;align-items: center;}
.arrow span{width: 40px;height: 40px;border: 1px solid rgba(255, 255, 255, 0.9);border-radius: 5px;background:rgba(255, 255, 255, 0.1) url(../scroll_icon.png) no-repeat center;margin-right: 10px;}
.arrow:hover{ animation-play-state:paused;-webkit-animation-play-state:paused;}
@keyframes arrow{ 
    %0,%100{
        bottom:50px; 
        opacity:1;
    } 
    50%{
        bottom:20px; 
        opacity:0.5;
    } 
}
@-webkit-keyframes arrow{ 
    %0,%100{
        bottom:50px; 
        opacity:1;
    } 
    50%{
        bottom:20px; 
        opacity:0.5;
    } 
}

/* 首页公共样式 */
.main_title h3{font-size: 48px;line-height: 1.5;font-weight: bold;color: var(--fontColor2);}
.main_title p{font-size: 20px;line-height: 36px;color: var(--fontColor2);font-weight: normal;}
.more a{display: block;width: 180px;line-height: 50px;text-align: center;border:1px solid var(--fontColor2);font-size: 14px;color: var(--fontColor3);border-radius: 4px;overflow: hidden;transition: all 0.5s;}
.more a span{margin-left: 20px;display: inline-flex;filter: brightness(0);transition: all 0.5s;}
.more a:hover{background: var(--mainColor);color: var(--fontColorf);border:1px solid var(--fontColorf);transition: all 0.5s;}
.more a:hover span{filter: brightness(0) invert(1);transition: all 0.5s;}

/* banner */
.myBanner{position: relative;overflow: hidden;width: 100%;height: 100vh;}
.myBanner .swiper-slide a{height: 100vh;width: 100%;display: block;transform: scale(1.2);transition: all 3s;}
.myBanner .swiper-slide-active a{transform: scale(1);transition: all 3s;}
.swiper-pagination-banner{position: absolute;bottom: 60px !important;z-index: 2;text-align: right;padding: 0 160px;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: flex-end;}
.swiper-pagination-banner .swiper-pagination-bullet{width: 14px;height: 14px;border-radius: 4px;background: rgba(255, 255, 255, 0.5);opacity: 1;margin: 0 10px !important;}
.swiper-pagination-banner .swiper-pagination-bullet-active{background: url(../banner_ico.png) no-repeat center;background-size: contain;width: 18px;height: 18px;border-radius: 0;}

/* about */
.about .main_title{padding-top: 30px;transform: translateY(1000%);transition: all 0.3s;}
.about .desc{font-size: 18px;line-height: 30px;color: var(--fontColor2);max-width: 1150px;margin: 30px 0 60px;transform: translateY(500%);transition: all 0.5s;}
.about .more{transform: translateY(500%);transition: all 0.7s;}
.about_items{margin-top: 100px;transform: translateY(500%);transition: all 0.9s;}
.about_items .item{width: calc(100% / 4  - 30px);margin-right: 35px;background: rgba(255, 255, 255, 0.3);padding: 25px 40px;box-sizing: border-box;border-radius: 5px;box-shadow: 0 5px 15px rgba(0, 88, 106, 0.1);justify-content: space-between;align-items: center;border: 1px solid var(--fontColorf);}
.about_items .item:last-child{margin-right: 0;}
.about_items .item .item_left{width:75%;}
.about_items .item .item_left p,
.about_items .item .item_left p sup{font-size: 16px;line-height: 26px;color: var(--fontColor3);}
.about_items .item .item_left p b{font-size: 60px;color: var(--mainColor);line-height: 1;font-family: Arial;}
.about_items .item .item_left p sup{vertical-align: top;}
.about_items .item .item_right{width: 62px;height: 62px;overflow: hidden;}
.put-section-1 .about .main_title{transform: translateY(0%);transition: all 0.5s;transition-delay: 0s;}
.put-section-1 .about .desc{transform: translateY(0%);transition: all 0.5s;transition-delay: 0.3s;}
.put-section-1 .about .more{transform: translateY(0%);transition: all 0.5s;transition-delay: 0.5s;}
.put-section-1 .about .about_items{transform: translateY(0%);transition: all 0.5s;transition-delay: 0.7s;}

/* 首页公用 product/solution */
.proguct,
.solution{position: relative;width: 100%;height: 100vh;overflow: hidden;}
.proguct_con,
.solution_con{position: absolute;top: 0px;left: 0;right: 0;z-index: 6;}

.product_pics,
.solution_pics{background: var(--fontColor);height: 100vh;}
.product_pics .item,
.solution_pics .item{display: none;}
.product_pics .item img,
.solution_pics .item img{width: 100%;height: 100%;object-fit: cover;}
.product_pics .item.active,
.solution_pics .item.active{display: block;opacity: 0.6;height: 100vh;}

/* product */
.proguct .main_title{transform: translateY(1000%);transition: all 0.5s;}
.product_items{position: absolute;bottom: 0;left: 0;right: 0;z-index: 3;width: 100%;height: 100vh;}
.product_items .item{width: 20%;height: 100%;border-right: 1px solid rgba(255, 255, 255, 0.5);box-sizing: border-box;display: flex;flex-direction: column;justify-content: flex-end;padding: 120px 50px;color: var(--fontColorf);text-align: center;transition: all 0.5s;transform: translateX(500%);position: relative;}
.product_items .item.active{background: rgba(2, 112, 191, 0.6);transition: all 0.5s;align-items: center;}
.product_items .item:last-child{border-right: 0;}
.product_items .item em{display: block;width: 60px;height: 60px;transform: scale(0.7);margin:0 auto 20px;transition: all 0.5s;transition-delay: 0.6s;}
.product_items .item h3{font-size: 30px;line-height: 38px;transition: all 0.5s;transition-delay: 0.5s;}
.product_items .item h3::after{content: "";display: block;width: 40px;height: 1px;background: rgba(255, 255, 255, 0.5);margin: 20px auto;}
.product_items .item p{font-size: 16px;line-height: 24px;transition: all 0.5s;transition-delay: 0.4s;}
.product_items .item .txt{text-align: left;margin-top: 30px;opacity: 0;transition: all 0.5s;width: 100%;transition-delay: 0.3s;}
.product_items .item .txt a{font-size: 14px;line-height: 30px;color: var(--fontColorf);display: block;padding-right: 10px;box-sizing: border-box;background: url(../more_icon.png) no-repeat right;filter: brightness(0) invert(1);}
.product_items .item .more{margin: 50px auto 0;transition: all 0.5s;transition-delay: 0.2s;}
.product_items .item .more a{color: var(--fontColorf);border:none;}
.product_items .item .more a span{filter: brightness(0) invert(1);}

.product_items .item.active em{transform: scale(1) translateY(-100px);transition: all 0.5s;}
.product_items .item.active h3{transform: translateY(-70px);transition: all 0.5s;transition-delay: 0.3s;}
.product_items .item.active p{transform: translateY(-70px);transition: all 0.5s;transition-delay: 0.4s;}
.product_items .item.active .txt{transform: translateY(-70px);transition: all 0.5s;transition-delay: 0.5s;opacity: 1;}
.product_items .item.active .more{transform: translateY(-70px);transition: all 0.5s;transition-delay: 0.6s;}
.product_items .item.active .more a:hover{color: var(--mainColor);background: var(--fontColorf);}
.product_items .item.active .more a:hover span{filter: brightness(1);}

.put-section-2 .proguct .main_title{transform: translateY(0);transition: all 0.5s;}
.put-section-2 .product_items .item{transform: translateX(0);transition-delay: 0.2s;}
.put-section-2 .product_items .item:nth-child(2){transition-delay: 0.3s;}
.put-section-2 .product_items .item:nth-child(3){transition-delay: 0.4s;}
.put-section-2 .product_items .item:nth-child(4){transition-delay: 0.5s;}
.put-section-2 .product_items .item:nth-child(5){transition-delay: 0.6s;}

/* solution */
.solution .main_title{transform: translateY(1000%);transition: all 0.5s;}
.solution_items{position: absolute;bottom: 120px;left: 0;right: 0;margin: 0 auto;z-index: 3;width: calc(100% - 320px);align-items: flex-end;}
.solution_items .item{width: calc(100% / 5 - 24px);margin-right: 30px;background: rgba(2, 12, 26, 0.4);padding: 30px;box-sizing: border-box;border-radius: 5px;position: relative;transition: all 0.5s;transform: translateY(500%);}
.solution_items .item:last-child{margin-right: 0;}
.solution_items .item em{display: block;width: 45px;height: 45px;filter: brightness(0) invert(1);transform: scale(0.7) translateX(600%);transition: all 0.5s;}
.solution_items .item h3{font-size: 30px;line-height: 36px;color: var(--fontColorf);font-weight: bold;padding-bottom: 20px;transition-delay: 0.5s;}
.solution_items .item p{font-size: 14px;line-height: 30px;color: var(--fontColor3);height: 0;overflow: hidden;transition: all 0.5s;}
.solution_items .item p a{display: block;padding-right: 10px;box-sizing: border-box;background: url(../more_icon.png) no-repeat right;filter: brightness(0);}
.solution_items .item p a:hover{color: var(--mainColor);filter: brightness(1);}
.solution_items .item small{display: block;width: 80px;height: 80px;border-radius: 5px;background: var(--mainColor);position: absolute;right: 30px;top: -30px;transform: scale(0);box-shadow: 0 5px 15px rgba(2, 112, 191, 0.6);}
.solution_items .item small a{display: inline-flex;align-items: center;width: 100%;height: 100%;flex-direction: column-reverse;flex-wrap: nowrap;justify-content: center;color: var(--fontColorf);}
.solution_items .item small a span{filter: brightness(0) invert(1);}
.solution_items .item.active{background: rgba(255, 255, 255, 0.9);transition: all 0.3s;transition-delay: 0s;}
.solution_items .item.active em{filter: brightness(1);margin-left: 0;transition: all 0.5s;margin-bottom: 20px;transform: scale(1);}
.solution_items .item.active h3{color: var(--fontColor3);transition-delay: 0.5s;}
.solution_items .item.active p{height: 150px;transition: all 0.5s;transition-delay: 0.5s;}
.solution_items .item.active small{transform: scale(1);transition: all 0.5s;transition-delay: 0.5s;}

.put-section-3 .solution .main_title{transform: translateY(0%);transition: all 0.5s;}
.put-section-3 .solution_items .item{transform: translateY(0);transition-delay: 0.2s;}
.put-section-3 .solution_items .item:nth-child(2){transition-delay: 0.3s;}
.put-section-3 .solution_items .item:nth-child(3){transition-delay: 0.4s;}
.put-section-3 .solution_items .item:nth-child(4){transition-delay: 0.5s;}
.put-section-3 .solution_items .item:nth-child(5){transition-delay: 0.6s;}

/* news */
.section-5 .main_title{transform: translateY(1000%);transition: all 0.5s;}
.news_tit{float: right;margin: -60px 0 30px;transform: translateY(1000%);transition: all 0.5s;}
.news_tit ul li{width: 160px;line-height: 50px;text-align: center;cursor: pointer;border:1px solid var(--fontColor3);font-size: 16px;color: var(--fontColor3);border-radius: 5px;margin-left: 20px;}
.news_tit ul li.active{background: var(--mainColor);color: var(--fontColorf);border: 1px solid var(--mainColor);}
.news_cons{transform: translateY(100%);transition: all 0.5s;}
.news_items{display: none;}
.news_items.active{display: block;}
.news_items_cons{justify-content: space-between;}
.news_items_cons .news_items_left{width: calc(100% / 3 * 2);}
.news_items_cons .news_items_left .item{width: calc(100% / 2 - 17.5px);margin-right: 35px;background: var(--fontColorf);box-shadow: 0 5px 15px rgba(0, 88, 106, 0.1);}
.news_items_cons .news_items_left .item:last-child{margin-right: 0;}
.news_items_cons .news_items_left .item .pic{width: 100%;height: 330px;overflow: hidden;border-radius: 5px;}
.news_items_cons .news_items_left .item .pic img{width: 100%;height: 100%;object-fit: cover;transition: all 0.5s;}
.news_items_cons .news_items_left .item .tct{padding: 20px 30px;box-sizing: border-box;}
.news_items_cons .news_items_left .item .tct em,
.news_items_cons .news_items_right .item em{font-size: 18px;line-height: 20px;color: var(--fontColor3);font-weight: 500;}
.news_items_cons .news_items_left .item .tct em img,
.news_items_cons .news_items_right .item em img{width: 15px;height: 15px;vertical-align: initial;}
.news_items_cons .news_items_left .item .tct h3{font-size: 26px;color: var(--fontColor1);font-weight: 500;line-height: 34px;margin: 20px auto 15px;}
.news_items_cons .news_items_left .item .tct p{font-size: 16px;line-height: 26px;color: var(--fontColor6);}
.news_items_cons .news_items_left .item .tct small,
.news_items_cons .news_items_right .item small{display: block;font-size: 14px;line-height: 26px;color: var(--fontColor3);margin-top: 20px;}
.news_items_cons .news_items_left .item .tct small span,
.news_items_cons .news_items_right .item small span{display: inline-block;filter: brightness(0);margin-left: 10px;}
.news_items_cons .news_items_left .item .tct small span img,
.news_items_cons .news_items_right .item small span img{vertical-align: initial;}
.news_items_cons .news_items_right{width: calc(100% / 3 - 35px);margin-left: 35px;}
.news_items_cons .news_items_right .item{background: var(--fontColorf);box-shadow: 0 5px 15px rgba(0, 88, 106, 0.1);padding: 25px 30px;box-sizing: border-box;margin-bottom: 30px;}
.news_items_cons .news_items_right .item:last-child{margin-bottom: 0px;}
.news_items_cons .news_items_right .item h3{font-size: 20px;line-height: 30px;color: var(--fontColor1);font-weight: 500;margin-top: 10px;}
.news_items_cons .news_items_right .item small{margin-top: 10px;}
.news_items_cons .news_items_left .item:hover .pic img{transform: scale(1.1);transition: all 0.5s;}
.news_items_cons .news_items_left .item:hover .tct h3,
.news_items_cons .news_items_left .item:hover .tct small,
.news_items_cons .news_items_right .item:hover h3,
.news_items_cons .news_items_right .item:hover small{color: var(--mainColor);}
.news_items_cons .news_items_left .item:hover .tct small span,
.news_items_cons .news_items_right .item:hover small span{filter: brightness(1);}

.put-section-4 .section-5 .main_title,
.put-section-4 .news_tit{transform: translateY(0);transition: all 0.5s;}
.put-section-4 .news_cons{transform: translateY(0%);transition: all 0.5s;transition-delay: 0.3s;}
/* development */
.development{position: relative;overflow: hidden;width: 100%;height: 100vh;overflow: hidden;}
.development_pic{width: 100%;height: 100vh;overflow: hidden;position: absolute;bottom: 0;left: 0;right: 0;z-index: 2;opacity: 1;transform: scale(1);transition: all 1s;transition-delay: 0.5s;}
.development_pic img{width: 100%;height: 100%;object-fit: cover;}
.development_con{max-width: 1300px;height: 100%;flex-direction: column;justify-content: flex-end;align-items: center;padding: 0;padding-bottom: 120px;box-sizing: border-box;margin: 0 auto;text-align: center;position: relative;transition: all 4s;z-index: 1;opacity: 0;}
.development .main_title h3::after{content: "";display: block;width: 40px;height: 1px;background: rgba(255, 255, 255, 0.9);margin: 30px auto;}
.development .desc{margin: 0 auto;font-size: 18px;line-height: 32px;color: var(--fontColorf);}
.development .development_items{margin: 60px auto;}
.development .development_items .item{width: calc(100% / 4);font-size: 22px;font-weight: bold;color: var(--fontColorf);}
.development .development_items .item p{display: inline-flex;align-items: center;}
.development .development_items .item p span{width: 36px;height: 36px;display: inline-flex;border: 1px solid rgba(255, 255, 255, 0.9);background: rgba(255, 255, 255, 0.1);border-radius: 5px;margin-right: 10px;}
.development .more a{background: rgba(255, 255, 255, 0.1);border:1px solid rgba(255, 255, 255, 0.9);color: var(--fontColorf);transition: all 0.5s;}
.development .more a span{filter: brightness(0) invert(1);transition: all 0.5s;}
.development .more a:hover{background: var(--fontColorf);color: var(--mainColor);border: 1px solid var(--fontColorf);transition: all 0.5s;}
.development .more a:hover span{filter: brightness(1);transition: all 0.5s;}

.put-section-5 .development_pic{transform: scale(5);opacity: 0;transition: all 4s;transition-delay: 0.75s;}
.put-section-5 .development_con{z-index: 2;transition: all 4s;transition-delay: 1s;opacity: 1;}

/* 内页 */
.bar{width: 100%;height: 100vh;overflow: hidden;}
.bar_pic{transform: scale(1.1);transition: all 3s;width: 100%;height: 100%;}
.bar_pic video{width: 100%;height: 100%;object-fit: cover;position: absolute;top: 0;left: 0;right: 0;}
.bar_con{height: 100%;flex-direction: column;justify-content: center;position: relative;transform: scale(0.9);z-index: 3;}
.bar_tit{color: var(--fontColorf);text-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);padding-bottom: 200px;}
.bar_tit h3{font-size: 50px;font-weight: bold;}
.bar_tit h3 img{width: 20px;height: 20px;margin-left: 10px;vertical-align: initial;}
.bar_tit p{font-size: 28px;padding-top: 20px;}
.bar_nav{position: absolute;bottom: 90px;left: 0;right: 0;}
.bar_nav ul li a{display: block;padding: 0 10px;background: rgba(255, 255, 255, 0.2);color: var(--fontColorf);line-height: 55px;border-radius: 5px;border:1px solid rgba(255, 255, 255, 0.5);margin-right: 10px;font-size: 16px;}
.bar_nav ul li.active a{background: var(--mainColor);border: 1px solid var(--mainColor);}
.bar_pic2,
.bar_con2{transform: scale(1);}

.crumbs{padding: 20px 0;}
.crumbs dl{font-size: 16px;line-height: 30px;}
.crumbs dl dt{background: url(../home_icon.png) no-repeat center;width: 30px;height: 30px;}
.crumbs dl dd a{color: var(--fontColor6);display: block;}
.crumbs dl dd:last-child a{color: var(--mainColor);}


.main_box{padding: 100px 0;box-sizing: border-box;}

.introduce{background: #f5f8fa;}
.introduce_con{justify-content: space-between;align-items: flex-end;}
.introduce_left{max-width: 690px;width: 50%;}
.introduce_left video{width: 100%;height: 100%;}
.introduce_right{max-width: 600px;}
.introduce_items .item{display: inline-flex;width: 100%;justify-content: space-between;align-items: center;border-bottom: 1px solid var(--fontColord);padding: 20px 0;}
.introduce_items .item span{font-size: 16px;line-height: 36px;color: var(--fontColor3);width:60%;}
.introduce_items .item span img{width: 25px;display: block;margin: 0;}
.introduce_items .item b{font-size: 70px;font-weight: bold;color: var(--mainColor);line-height: 80px;}
.introduce_items .item b sup{font-size: 14px;line-height: 20px;font-weight: normal;vertical-align: top;}

.speech_name {padding-top: 20px;}
.speech_name .item{border-top: 1px dashed var(--fontColord);padding-top: 20px;padding-right: 50px;}
.speech_name .item:last-child{padding-right: 0;}
.speech_name .item h3{font-size: 24px;line-height: 36px;color: var(--fontColor2);font-weight: bold;}
.speech_name .item p{font-size: 14px;line-height: 36px;color: var(--fontColor6);}
.speech_txt{width: 100%;font-size: 144px;font-weight: bold;text-transform: uppercase;color: var(--mainColor);opacity: 0.1;line-height: 1;}
.speech_ico{width: 18px;height: 18px;margin-top: 40px;}
.speech_ico img{display: block;}
.speech_con .mains_text{max-width: 680px;margin: 0;border-top: 1px dashed var(--fontColord);padding-top: 20px;margin-top: 20px;max-height: 240px;overflow-y: auto;padding-right: 30px;box-sizing: border-box;}
.speech_con .mains_text::-webkit-scrollbar-track-piece { position: fixed;right:0;background-color:var(--fontColord);}
.speech_con .mains_text::-webkit-scrollbar {width:3px;height:10px;}
.speech_con .mains_text::-webkit-scrollbar-thumb {background:var(--mainColor);background-clip:padding-box;min-height:28px;cursor: pointer;}
.speech_con .mains_text::-webkit-scrollbar-thumb:hover {background:var(--mainColor);} 
.speech_con .mains_text::-webkit-scrollbar-button {width: 3px;height: 10px;}


.history{position: relative;}
.history .item{justify-content: center;padding-bottom: 80px;color: var(--fontColorf);position: relative;margin: 30px auto;}
.history .item::before,
.history .item::after{content: "";display: block;width: 10px;height: 10px;border-radius: 10px;background: var(--fontColorf);position: absolute;left: 0;right: 0;top: 10px;margin: 0 auto;}
.history .item::after{width: 1px;height: 100%;background: var(--fontColorf);top: 30px;}
.history .item:nth-child(even){flex-direction: row-reverse;}
.history .item .year{max-width: 385px;width: 100%;text-align: right;font-size: 40px;font-weight: bold;line-height: 1;margin-right: 120px;}
.history .item .txt{max-width: 385px;width: 100%;text-align: left;font-size: 18px;line-height: 30px;}
.history .item .txt h3{font-weight: bold;}
.history .item:nth-child(even) .year{text-align: left;margin-right: 0px;margin-left: 120px;}
.history .item:nth-child(even) .txt{text-align: right;}
.history .item.active::before{background: var(--mainColor);}
.history_more{font-size: 14px;line-height: 36px;color: var(--fontColorf);text-align: center;position: absolute;bottom: 20px;left: 0;right: 0;}


.honor{position: relative;}
.honor::before{content: "";display: block;width: 50%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 13, 47, 0.3);z-index: 0;}
.honor .box_con{position: relative;z-index: 1;}
.honor_con{margin-top: 30px;justify-content: space-between;}
.honor_left{max-width: 550px;}
.honor_left .mains_text{width: 100%;max-height: 700px;padding-right: 30px;box-sizing: border-box;overflow-y: auto;color: #fff;}
.honor_right{max-width: 600px;padding-right: 30px;box-sizing: border-box;max-height: 700px;overflow-y: auto;}
.honor_right .item{width: calc(100% / 2 - 15px);margin-right: 30px;padding-bottom: 15px;}
.honor_right .item:nth-child(2n){margin-right: 0;}
.honor_right .item .pic{max-width: 270px;max-height: 180px;overflow: hidden;}
.honor_right .item .pic img{height: 100%;}
.honor_right .item .tit{font-size: 16px;line-height: 30px;color: var(--fontColorf);padding: 10px 0;text-align: center;}


.culture{height:940px;}
.culture .item{width: calc(100% / 5);height: 100%;display: inline-flex;flex-direction: column;justify-content: flex-end;padding-bottom: 190px;box-sizing: border-box;border-right: 1px solid rgba(255, 255, 255, 0.1);padding-left: 15px;padding-right: 15px;text-align: center;transition: all 0.5s;}
.culture .item .ico{width: 70px;height: 70px;margin: 0 auto;}
.culture .item .tit{font-size: 36px;color: var(--fontColorf);font-weight: bold;margin: 30px 0;}
.culture .item .txt{font-size: 18px;line-height: 36px;color: var(--fontColorf);position: relative;padding: 30px 0;position: relative;display: none;}
.culture .item .txt::before{content: "";display: block;width: 30px;height: 3px;background: var(--fontColorf);margin: 0 auto;position: absolute;top: 0;left: 0;right: 0;}
.culture .item .btn{width: 60px;height: 60px;line-height: 60px;border-radius: 4px;background: rgba(255, 255, 255, 0.1);text-align: center;margin: 30px auto;border:1px solid rgba(255, 255, 255, 0.3);font-size: 30px;color: rgba(255, 255, 255, 0.5);font-weight: lighter;}
.culture .item:hover{background: rgba(0, 13, 47, 0.3);transition: all 0.5s;padding-bottom: 250px;}
.culture .item:hover .txt{display: block;}
.culture .item:hover .btn{display: none;}


.research_con .mains_text{margin: 60px 0 0;}
.research_items{justify-content: space-between;padding: 100px 0;}
.research_items .item{position: relative;width:calc(100% / 4 - 30px);margin-right:30px;}
.research_items .item::after{content: "";display: block;width: 1px;height: 100px;background: rgba(255, 255, 255, 0.3);position: absolute;right: 0px;top: 50%;margin-top: -50px;}
.research_items .item:last-child:after{display: none;}
.research_items .item h3{font-size: 20px;color: #6bc8f8;}
.research_items .item h3 b{font-size: 70px;}
.research_items .item p{font-size: 16px;color: var(--fontColorf);line-height: 24px;}


.adviser{padding-bottom: 0;}
.adviser_items,
.team_items{padding: 50px 0 0;}
.adviser_items .item{width: calc(100% / 2 - 30px);margin-right: 60px;background: var(--fontColorf);box-shadow: 0 5px 20px rgba(0, 13, 47, 0.1);transition: all 0.5s;}
.adviser_items .item:nth-child(2n){margin-right: 0;}
.adviser_items .item .pic{max-width: 320px;max-height: 360px;overflow: hidden;}
.adviser_items .item .tct{width: calc(100% - 320px);padding: 15px;box-sizing: border-box;text-align: justify;}
.adviser_items .item .tct .tit{font-size: 20px;line-height: 36px;font-weight: bold;color: var(--fontColor3);}
.adviser_items .item .tct .txt,
.adviser_items .item .tct .text{font-size: 14px;line-height: 26px;color: var(--fontColor3);margin-top: 20px;}
.adviser_items .item:hover{transform: translateY(-10px);transition: all 0.5s;}

.team_items .item{width: calc(100% / 5 - 28px);margin-right: 35px;transition: all 0.5s;}
.team_items .item:nth-child(5n){margin-right: 0;}
.team_items .item .pic{max-width: 240px;max-height: 280px;overflow: hidden;}
.team_items .item .tct{text-align: justify}
.team_items .item .tct .tit{font-size: 20px;line-height: 36px;color: var(--fontColor3);font-weight: bold;margin-top: 10px;}
.team_items .item .tct .txt,
.team_items .item .tct .text{font-size: 14px;line-height: 26px;color: var(--fontColor3);margin-top: 10px;}
.team_items .item:hover{transform: translateY(-10px);transition: all 0.5s;}

.platform_tit{color: var(--fontColorf);margin: 100px 0 40px;}
.platform_tit h3{font-size: 28px;line-height: 36px;}
.platform_tit p{font-size: 18px;line-height: 34px;color: var(--fontColorf);}
.platform_items{padding-bottom: 50px;}
.platform_items .item{width: calc(100% / 3 - 16px);margin-right: 24px;margin-bottom: 24px;position: relative;}
.platform_items .item:nth-child(3n){margin-right: 0;}
.platform_items .item .pic{max-width: 430px;max-height: 240px;overflow: hidden;}
.platform_items .item .tit{position: absolute;bottom: 0;left: 0;right: 0;background: rgba(0, 13, 47, 0.8);font-size: 16px;color: var(--fontColorf);text-align: center;font-weight: bold;line-height: 40px;}


.fusion{padding-bottom: 100px;}


.partner_items{padding-top: 60px;}
.partner_items .item{width: calc(100% / 4 - 22.66px);background: var(--fontColorf);margin-right: 30px;margin-bottom: 30px;max-width: 310px;max-height: 160px;box-shadow: 0px 5px 20px rgba(0, 13, 47, 0.1);transition: all 0.5s;}
.partner_items .item:nth-child(4n){margin-right: 0;}
.partner_items .item:hover{transform: translateY(-10px);transition: all 0.5s;}

/* 分页 */
.page_list ul {width: 100%;padding: 50px 0;}
.page_list ul {justify-content: center;}
.page_list ul li{width: 60px;height: 60px;border: 1px solid var(--fontColorc);text-align: center;line-height: 58px;font-size: 20px;color: var(--fontColor3);margin: 0 5px;overflow: hidden;box-sizing: border-box;border-radius: 5px;}
.page_list ul li a{display: block;color: var(--fontColor3);}
.page_list ul li.active a,
.page_list ul li:hover a {background: var(--mainColor);color: var(--fontColorf);}


.sustainSwiper{height:600px;overflow: hidden;}
.sustainSwiper .swiper-container{height:100%;box-sizing: border-box;}
.sustainSwiper .swiper-slide{width: auto!important;height:100%;padding:18px 0 0; box-sizing: border-box;z-index:2; }
.sustainSwiper .sustainItem{float:left;height:100%; position: relative;}
.sustainSwiper .sustainItem ul,.sustainSwiper .sustainItem li{height:100%;}
.sustainSwiper .sustainItem ul{ position: relative;display:flex;z-index:1;height: 490px;overflow: hidden;}
.sustainSwiper .sustainItem li{float:left;width:100px;height:100%;margin-left:100px; position: relative; display: flex;align-items: flex-end;padding-right: 100px;}
.sustainSwiper .sustainItem li .libox{ position: absolute; top:20%; transition: all 0.6s;height:100%;}
.sustainSwiper .sustainItem li .line{width:100px;height:100%;border-right: 1px solid #0270bf;margin:0 auto;box-sizing: border-box;position: relative;}
.sustainSwiper .sustainItem li .line::before{content: "";display: block;width: 15px;height: 15px;border-radius: 15px;background: #0270bf;position: absolute;top: 0;right: -8px; }
.sustainSwiper .sustainItem li::after{content: "";display: block;width: 5px;height: 5px;border-radius: 5px;top: auto;bottom: 0%;right: 98px;position: absolute;background: #0270bf;margin: 0 auto;}
.sustainSwiper .sustainItem li .data{position: absolute;top: 0;right: 10px; text-align: right;white-space: nowrap;pointer-events: none;font-size: 18px;color: #0270bf;line-height: 26px;}
.sustainSwiper .sustainItem li .desc{font-size: 18px;line-height: 26px;color: #333;position: absolute;opacity: 0;overflow: hidden;width: 200px; padding-left:8px; top:2%;left:100%; pointer-events: none;}
.sustainSwiper .sustainItem .sustainTit{text-align: center;font-size:16px;color: #fff; position: absolute;bottom:0px;left: 120px;width: 160px;border-radius: 4px;z-index:120;line-height: 50px;}
.sustainSwiper .sustainItem li:hover{z-index:10;}
.sustainSwiper .sustainItem li:hover .libox{top:0!important;}
.sustainSwiper .sustainItem li:hover .desc{opacity: 1;transition: all 0.3s ease 0.3s; }
.sustainSwiper .sustainItem li:hover .dot{width:16px;height:16px;margin-left:-9px;top:-17px;}
.sustainSwiper .sustainItem li:hover .dot:after{transform:scale(1);opacity: 1;}
.sustainSwiper .sustainItem li:hover .data span em{opacity: 0;}
.sustainSwiper .sustainItem li:nth-child(even) .libox{top: 36%;}
.sustainSwiper .sustainItem:nth-child(1) .sustainTit{background:#0270bf;}
.sustainSwiper .sustainItem:nth-child(2)  li .line{border-right: 1px solid #4d4ed6;}
.sustainSwiper .sustainItem:nth-child(3)  li .line{border-right: 1px solid #742ddd;}
.sustainSwiper .sustainItem:nth-child(2) li .data{color: #4d4ed6;}
.sustainSwiper .sustainItem:nth-child(3) li .data{color: #742ddd;}
.sustainSwiper .sustainItem:nth-child(2) li .line::before,
.sustainSwiper .sustainItem:nth-child(2) li::after,
.sustainSwiper .sustainItem:nth-child(2) .sustainTit{background: #4d4ed6;}
.sustainSwiper .sustainItem:nth-child(3) li .line::before,
.sustainSwiper .sustainItem:nth-child(3) li::after,
.sustainSwiper .sustainItem:nth-child(3) .sustainTit{background: #742ddd;}
.sustainSwiper .swiper-slide:hover{z-index: 10;}
.sustainSwiper .sustainItem:nth-child(1) li .line:before,.sustainSwiper .sustainItem:nth-child(1) li .line:after{border-color:#0270bf;}
.sustainSwiper .sustainItem:nth-child(2) li .line:before,.sustainSwiper .sustainItem:nth-child(2) li .line:after{border-color:#4d4ed6;}
.sustainSwiper .sustainItem:nth-child(3) li .line:before,.sustainSwiper .sustainItem:nth-child(3) li .line:after{border-color:#742ddd;}


.strategy_items{padding: 280px 0 60px;}
.strategy_items .item{width: calc(100% / 5 - 28px);margin-right: 35px;background: rgba(255, 255, 255, 0.8);padding: 30px;box-sizing: border-box;box-shadow: 0 5px 20px rgba(0, 13, 47, 0.1);border-radius: 5px;transition: all 0.5s;}
.strategy_items .item:nth-child(5n){margin-right: 0;}
.strategy_items .item .ico{width: 50px;height: 50px;}
.strategy_items .item .tit{font-size: 24px;line-height: 26px;color: var(--fontColor3);font-weight: bold;margin: 20px 0;}
.strategy_items .item .txt{font-size: 16px;line-height: 30px;color: var(--fontColor3);}
.strategy_items .item:hover{transform: translateY(-15px);transition: all 0.5s;}

.report_tit{margin: 50px 0;}
.report_tit ul li{font-size: 26px;color: var(--fontColor3);font-weight: bold;margin-right: 40px;line-height: 60px;border-bottom: 1px solid #f5f8fa;cursor: pointer;}
.report_tit ul li.active,
.report_tit ul li:hover{color: var(--mainColor);border-bottom: 1px solid var(--mainColor);}
.report_items{display: none;}
.report_items.active{display: block;}
.report_items .item{width: calc(100% / 4 - 25px);margin-right: 33px;height: 430px;position: relative;border-radius: 5px;overflow: hidden;}
.report_items .item:nth-child(4n){margin-right: 0;}
.report_items .item .pic{max-width: 310px;height: 430px;overflow: hidden;}
.report_items .item .pic img{transition: all 0.5s;height: 100%;}
.report_items .item .tct{position: absolute;bottom: 0;left: 0;right: 0;padding: 30px;box-sizing: border-box;}
.report_items .item .tct .ico{max-width: 95px;}
.report_items .item .tct .tit{font-size: 26px;font-weight: bold;color: var(--fontColorf);margin: 15px 0;text-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);}
.report_items .item .tct .txt{font-size: 16px;line-height: 26px;color: var(--fontColorf);padding-top: 230px;display: inline-flex;width: 100%;flex-wrap: nowrap;justify-content: space-around;align-items: center;}
.report_items .item .tct .txt span{display: block;}
.report_items .item .tct .txt b{font-size: 50px;text-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);}
.report_items .item .tct .txt a{filter: brightness(0) invert(1);}
.report_items .item .tct .txt a img{width: 24px;height: 24px;display: inline-block;}
.report_items .item:hover .pic img{transition: all 0.5s;transform: scale(1.1);}
.report .more{float: right;margin-top: -60px;}

.approve .mains_text{height: 230px;overflow-y: auto;margin-top: 30px;}


.product_con{align-items: flex-start;margin-top: 30px;}
.product_left{width: 330px;margin-right: 50px;background: var(--fontColorf);box-shadow: 0 5px 20px rgba(0, 13, 47, 0.1);padding: 30px;box-sizing: border-box;border-radius: 5px;}
.product_left h3{font-size: 32px;font-weight: bold;color: var(--mainColor);padding-bottom: 30px;margin-bottom: 30px;border-bottom: 1px solid var(--fontColord);}
.product_left ul li{margin: 30px 0;position: relative;}
.product_left ul li a{display: block;font-size: 22px;color: var(--fontColor1);line-height: 24px;padding-right: 50px;box-sizing: border-box;}
.product_left ul li ul{display: none;padding-left: 20px;box-sizing: border-box;}
.product_left ul li ul li a{font-size: 20px;line-height: 22px;}
.product_left ul li span{position: absolute;right: 0;top: 0%;display: block;width: 30px;height: 30px;margin-top: -3px;text-align: center;cursor: pointer;}
.product_left ul li span::before,
.product_left ul li span::after{content: "";display: block;width: 20px;height: 2px;background: var(--mainColor);margin: 14px auto;position: absolute;top: 0;left: 0;right: 0;}
.product_left ul li span::after{transform: rotate(90deg);transition: all 0.5s;}
.product_left ul li:hover>a,
.product_left ul li.active>a{color: var(--mainColor);font-weight: bold;}
.product_left ul li.active ul{display: block;}
.product_left ul li ul li:hover a,
.product_left ul li ul li.active a{font-weight: normal;}

.product_left ul li.active span::after{opacity: 0;transition: all 0.5s;}

.product_right{width: calc(100% - 380px);}
.product_right .item{background: var(--fontColorf);box-shadow: 0 5px 20px rgba(0, 13, 47, 0.1);margin-bottom: 60px;border-radius: 5px;}
.product_right .item:last-child{margin-bottom: 0;}
.product_right .item .pic{max-width: 440px;max-height: 360px;overflow: hidden;}
.product_right .item .pic img{transition: all 0.5s;height: 100%;}
.product_right .item .tct{padding: 30px;box-sizing: border-box;width: calc(100% - 440px);}
.product_right .item .tct .tit{font-size: 34px;font-weight: bold;color: var(--fontColor2);line-height: 2;position: relative;}
.product_right .item .tct .tit::before{content: "";display: block;width: 4px;height: 30px;background: var(--mainColor);position: absolute;left: -30px;top: 50%;margin-top: -15px;}
.product_right .item .tct .txt{font-size: 16px;line-height: 30px;color: var(--fontColor2);height: 120px;margin-bottom: 30px;}
.product_right .item:hover .pic img{transition: all 0.5s;transform: scale(1.1);}
.product_right .item:hover .tct .tit{color: var(--mainColor);}

.product_top .pic{width: 50%;}
.product_top .tct{width: calc(50% - 30px);margin-left: 30px;}
.product_top .tct .tit{font-size: 34px;color: var(--mainColor);line-height: 2;font-weight: bold;border-bottom: 1px solid var(--fontColord);padding: 20px 0;margin-bottom: 20px;}
.product_top .tct .txt{font-size: 22px;line-height: 30px;color: var(--fontColor3);font-weight: bold;margin-bottom: 20px;position: relative;padding-left: 20px;box-sizing: border-box;}
.product_top .tct .txt::before{content: "";display: block;width: 2px;height: 20px;position: absolute;left: 0;background: var(--mainColor);top: 50%;margin-top: -10px;}
.product_top .tct .btns a{display:block;width: 100%;font-size: 18px;color: var(--fontColorf);text-align: center;border-radius: 5px;background: var(--mainColor);line-height: 60px;margin-top: 30px;}

.product_page{margin: 40px auto 60px;}
.product_page ul{display: flex;justify-content: space-between;width: 100%;}
.product_page ul li{width: 30%;background: #f1f4f8;border-radius: 5px;overflow: hidden;}
.product_page ul li:nth-child(1){text-align: right;}
.product_page ul li:nth-child(2){text-align: center;}
.product_page ul li a{font-size: 20px;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(../ban_jt.png) no-repeat center;width: 7px;height: 12px;transition: ease-in-out 0.5s;}
.product_page ul li:nth-child(2) a{justify-content: center;}
.product_page ul li:nth-child(2) a em{background: url(../product_page_icon.png) no-repeat center;width: 1.25vw;height: 20px;}
.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(../ban_jt2.png) no-repeat center;}
.product_page ul li:nth-child(2):hover a em{background: url(../product_page_icon2.png) no-repeat center;}

.product_btm .tit{font-size: 30px;font-weight: bold;color: var(--fontColor3);line-height: 2;position: relative;padding-left: 20px;box-sizing: border-box;}
.product_btm .tit::before{content: "";display: block;width: 4px;height: 20px;background: var(--mainColor);position: absolute;left: 0;top: 50%;margin-top: -10px;}
.product_btm_tit{border-top: 1px solid var(--fontColore);border-bottom: 1px solid var(--fontColore);}
.product_btm_tit ul li{line-height: 80px;font-size: 20px;color: var(--fontColor3);font-weight: bold;margin-right: 40px;cursor: pointer;}
.product_btm_tit ul li.active,
.product_btm_tit ul li:hover{color: var(--mainColor);position: relative;}
.product_btm_tit ul li.active::after,
.product_btm_tit ul li:hover::after{content: "";display: block;width: 100%;height: 2px;position: absolute;bottom: -1px;left: 0;right: 0;background: var(--mainColor);}
.product_btm_item{display: none;}
.product_btm_item.active{display: block;}
.product_btm_item .mains_text{margin-top: 30px;}


.solution_cs{padding-bottom: 60px;}
.solution_tit{padding-top: 20px;}
.solution_tit .view{width: 100%;box-sizing: border-box;position: relative;}
.solution_tit .view .swiper-container{overflow: hidden;}
.solution_tit .preview{width: 100%;overflow: hidden;position: relative;margin: 50px auto;}
.solution_tit .preview .swiper-container .swiper-slide{display: inline-flex;flex-direction: column;align-items: center;cursor: pointer;}
.solution_tit .preview .swiper-container .swiper-slide a{display: block;text-align: center;}
.solution_tit .preview .swiper-container .swiper-slide span{display: inline-flex;align-items: center;width: 90px;height: 90px;border-radius: 5px;margin: 0 auto;border: 1px solid var(--mainColor);box-sizing: border-box;}
.solution_tit .preview .swiper-container .swiper-slide span img{width: 45px;height: 45px;}
.solution_tit .preview .swiper-container .swiper-slide p{font-size: 30px;line-height: 46px;color: var(--fontColor3);padding: 20px 0;font-weight: bold;}
.solution_tit .preview .swiper-container .swiper-slide p::after{content: "";display: block;width: 12px;height: 12px;background: var(--mainColor);border-radius: 12px;margin: 20px auto 0;opacity: 0;transition: all 0.5s;}
.solution_tit .preview .swiper-container{position: relative;}
.solution_tit .preview .swiper-container .swiper-slide.active-nav p{color: var(--mainColor);}
.solution_tit .preview .swiper-container .swiper-slide.active-nav p::after{opacity: 1;transition: all 0.5s;}
.solution_tit .preview .arrow-right,
.solution_tit .preview .arrow-left,
.solution_tit .view .arrow-right,
.solution_tit .view .arrow-left{color:var(--fontColorf);position: absolute;top: 0;width: 60px;height: 60px;border:1px solid var(--mainColor);text-align: center;line-height: 60px;z-index: 2;font-size: 20px;color: var(--mainColor);font-family: fangsong;font-weight: bold;border-radius: 5px;top: 50%;}
.solution_tit .preview .arrow-left,
.solution_tit .view .arrow-left{left: -70px;}
.solution_tit .preview .arrow-right,
.solution_tit .view .arrow-right{right: -70px;}
.solution_tit .view .arrow-right:hover,
.solution_tit .view .arrow-left:hover{background: var(--mainColor);color: var(--fontColorf);}
.solution_tit .view .tit{display: inline-flex;justify-content: space-between;width: 100%;flex-wrap: wrap;}
.solution_tit .view .tit h3{font-size: 30px;line-height: 46px;color: var(--fontColor1);font-weight: bold;max-width: 220px;}
.solution_tit .view .tit p{font-size: 14px;line-height: 20px;color: var(--fontColor1);max-width: 800px;}
.solution_tit .view .tit span{line-height: 46px;max-width: 200px;}
.solution_tit .view .tct .pic{width: 100%;margin-top: 30px;position: relative;}
.solution_tit .view .tct .pic a{display: block;width: 80px;height: 80px;border-radius: 5px;background: rgba(2, 112, 191, 0.8);font-size: 18px;color: var(--fontColorf);text-align: center;margin: -40px auto 0;position: absolute;left: 0;right: 0;top: 50%;transition: all 0.5s;}
.solution_tit .view .tct .pic a span{width: 6px;height: 10px;display: block;margin: 15px auto;filter: brightness(0) invert(1);}
.solution_tit .view .tct .pic a:hover{transform: scale(1.1);transition: all 0.5s;}

.main_title2 h3{font-size: 36px;line-height: 2;color: var(--fontColor3);font-weight: bold;position: relative;padding-left: 20px;box-sizing: border-box;display: inline-flex;align-items: center;justify-content: space-between;width: 100%;}
.main_title2 h3::before{content: "";display: block;width: 4px;height: 30px;background: var(--mainColor);position: absolute;left: 0;top: 50%;margin-top: -15px;}
.main_title2 h3 a{font-size: 18px;color: var(--fontColor3);font-weight: normal;display: inline-flex;align-items: center;}
.main_title2 h3 a img{width: 23px;height: 22px;margin-right: 10px;}
.main_title2 h3 a:hover{color: var(--mainColor);}
.file_inner{line-height:36px;margin-right:10px;}
.repair{padding-bottom: 100px;}
.repair .main_title{margin: 60px 0;}
.repair_items .item{width: calc(100% / 3 - 27px);margin-right: 40px;background: var(--fontColorf);padding: 30px;box-sizing: border-box;box-shadow: 0 5px 20px rgba(0, 13, 47, 0.1);margin-top: 30px;}
.repair_items .item:nth-child(3n){margin-right: 0;}
.repair_items .item h3{font-size: 22px;line-height: 2;color: var(--fontColor3);border-bottom: 1px solid var(--fontColord);padding-bottom: 20px;margin-bottom: 20px;}
.repair_items .item h3 span{float: right;width: 26px;height: 26px;}
.repair_items .item p{text-align: center;font-size: 32px;color: var(--fontColor3);line-height: 2;}
.repair_items .item p b{display: block;text-align: left;}
.repair_items .item p img{width: auto;}
.repair_bd{padding: 60px;box-sizing: border-box;background: var(--fontColorf);box-shadow: 0 5px 20px rgba(0, 13, 47, 0.1);border-radius: 10px;margin: 30px auto;}
.repair_bd .item{justify-content: space-between;position: relative;}
.repair_bd .item label{display: inline-flex;flex-wrap: wrap;margin-bottom: 20px;position: relative;}
.repair_bd .item label p{font-size: 20px;line-height: 36px;color: var(--fontColor3);padding-bottom: 10px;width: 100%;}
.repair_bd .item label p font{color: #f00;}
.repair_bd .item label input{font-size: 16px;line-height: 60px;border:1px solid var(--fontColord);border-radius: 5px;width: 100%;padding-left: 20px;box-sizing: border-box;color: var(--fontColor9);border-radius: 10px;}
.repair_bd .item label textarea{width: 100%;padding-left: 20px;box-sizing: border-box;color: var(--fontColor9);font-size: 16px;line-height: 30px;height: 200px;border:1px solid var(--fontColord);border-radius: 10px;}
.repair_bd .item:nth-child(1) label,
.repair_bd .item:nth-child(3) label,
.repair_bd .item:nth-child(5) label{width: 100%;}
.repair_bd .item:nth-child(2) label,
.repair_bd .item:nth-child(6) label{width: calc(100% / 2 - 20px);}
.repair_bd .item:nth-child(4) label{width: calc(100% / 3 - 30px);}
.repair_bd .item:nth-child(6){width: 100%;}
.repair_bd .item label input[type="file"].btns{border: none;padding-left: 0;width: auto;}
.repair_bd .item label span{font-size: 16px;line-height: 60px;color: var(--fontColor3);}
.repair_bd .item label .imgs{width: 132px;height: 60px;position: absolute;right: 1px;top: 47px;}
.repair_bd .item label button{display: block;width: 190px;line-height: 60px;text-align: center;font-size: 20px;height: 60px;margin-left: auto;background: none;border: 1px solid var(--fontColor9);border-radius: 10px;color: var(--fontColor3);}
.repair2{padding-bottom: 100px;}
.repair_con{justify-content: space-between;align-items: flex-start;margin-top: 60px;}
.repair_left{width: 300px;}
.repair_left dl{align-items: center;margin-bottom: 60px;}
.repair_left dl dt{width: 70px;height: 70px;text-align: center;border:1px solid var(--mainColor);line-height: 70px;border-radius: 10px;margin-right: 10px;}
.repair_left dl dt img{max-width: 40px;}
.repair_left dl dd p{font-size: 18px;line-height: 34px;color: var(--fontColor3);}
.repair_left dl dd b{font-size: 26px;line-height: 34px;color: var(--fontColor3);}
.repair_right{max-width: 920px;width: calc(100% - 330px);}

.search_top{width: 930px;margin: 60px auto 30px;}
.search_top form{display: inline-flex;width: 100%;}
.search_top input{width: calc(100% - 120px);border: 1px solid var(--fontColord);background: var(--fontColorf);border-radius: 5px;border-right: 0;padding-left: 20px;box-sizing: border-box;}
.search_top button{width: 120px;line-height: 60px;background: var(--mainColor);border:none;text-align: center;border-radius: 5px;}
.search_top button img{width: 24px;height: 24px;}
.search_btm{width: 930px;padding: 20px;box-sizing: border-box;margin: 0 auto;}
.search_btm dl{font-size: 16px;line-height: 36px;color: var(--fontColor3);}
.search_btm dl dd{width:calc(100% - 130px);}
.search_btm dl dd span{display: inline-block;margin-left: 10px;cursor: pointer;}
.search_btm dl dd span.active a{color: var(--mainColor);}
.download_lists .search_btm{width: 100%;padding: 20px 0;margin-bottom: 20px;}

.download_item1 .item{width: calc(100% / 2 - 15px);margin-right: 30px;margin-top: 30px;margin-bottom: 30px;}
.download_item1 .item:nth-child(2n){margin-right: 0;}
.download_item1 .item .pic{max-width: 260px;max-height: 305px;overflow: hidden;}
.download_item1 .item .tct{padding: 30px;box-sizing: border-box;}
.download_item1 .item .tct .tit{font-size: 24px;line-height: 30px;color: var(--mainColor);font-weight: bold;}
.download_item1 .item .tct .txt{font-size: 14px;line-height: 36px;color: var(--fontColor3);margin: 70px 0 30px;}
.download_item1 .item .tct .tst{display: inline-flex;align-items: center;}
.download_item1 .item .tct .tst a{font-size: 14px;line-height: 24px;color: var(--fontColor3);margin-right: 10px;}
.download_item1 .item .tct .tst a img{width: 24px;height: 24px;}

.download_item2 .item{width: calc(100% / 4 - 75px);margin-right: 100px;margin-top: 30px;margin-bottom: 30px;}
.download_item2 .item:nth-child(4n){margin-right: 0;}
.download_item2 .item .pic{max-width: 260px;max-height: 360px;overflow: hidden;margin-bottom: 30px;}
.download_item2 .item .tct .tit{font-size: 24px;line-height: 30px;color: var(--fontColor3);font-weight: bold;}
.download_item2 .item .tct .txt{font-size: 14px;line-height: 30px;color: var(--fontColor3);margin: 10px 0 ;}
.download_item2 .item .tct .tst{display: inline-flex;align-items: center;}
.download_item2 .item .tct .tst a{font-size: 14px;line-height: 24px;color: var(--fontColor3);margin-right: 10px;}
.download_item2 .item .tct .tst a img{width: 24px;height: 24px;}
.download_item2 .item .tct .tst a:hover{color: var(--mainColor);}

.download_item2s .item{position: relative;border-radius: 5px;overflow: hidden;}
.download_item2s .item .pic{margin-bottom: 0;}
.download_item2s .item .pic img{transition: all 0.5s;}
.download_item2s .item .tct{position: absolute;bottom: 0;left: 0;right: 0;padding: 20px;box-sizing: border-box;}
.download_item2s .item .tct .ico{max-width: 95px;}
.download_item2s .item .tct .tit{font-size: 26px;font-weight: bold;color: var(--fontColorf);margin: 15px 0;text-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);}
.download_item2s .item .tct .txt{font-size: 16px;line-height: 26px;color: var(--fontColorf);padding-top: 130px;display: inline-flex;width: 100%;flex-wrap: nowrap;justify-content: space-around;align-items: center;}
.download_item2s .item .tct .txt span{display: block;}
.download_item2s .item .tct .txt b{font-size: 50px;text-shadow: 0 5px 8px rgba(0, 0, 0, 0.1);}
.download_item2s .item .tct .txt a{filter: brightness(0) invert(1);}
.download_item2s .item .tct .txt a img{width: 24px;height: 24px;display: inline-block;}
.download_item2s .item .tct .tit,
.download_item2s .item .tct .txt,
.download_item2s .item .tct .tst a{text-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);color: var(--fontColorf);}
.download_item2s .item .tct .tst a img{filter: brightness(0) invert(1);}
.download_item2s .item:hover .pic img{transition: all 0.5s;transform: scale(1.1);}

.download_item3 .item{width: calc(100% / 5 - 28px);margin-right: 35px;margin-top: 30px;margin-bottom: 30px;position: relative;}
.download_item3 .item:nth-child(5n){margin-right: 0;}
.download_item3 .item .pic{max-width: 240px;max-height: 300px;overflow: hidden;}
.download_item3 .item .pic img{transition: all 0.5s;}
.download_item3 .item .tct{width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;}
.download_item3 .item .tct a{display: inline-flex;padding: 30px;box-sizing: border-box;flex-direction: column;height: 100%;justify-content: space-between;width: 100%;}
.download_item3 .item .tct h3{font-size: 24px;line-height: 30px;color: var(--fontColorf);font-weight: bold;}
.download_item3 .item .tct h3::after{content: "";display: block;width: 30px;height: 2px;background: var(--fontColorf);margin-top: 20px;}
.download_item3 .item .tct p{font-size: 14px;line-height: 30px;color: var(--fontColorf);}
.download_item3 .item:hover .pic img{transition: all 0.5s;transform: scale(1.1);}

.download_list .item{width: calc(100% / 3 - 26.66px);margin-right: 40px;margin-bottom: 40px;}
.download_list .item:nth-child(3n){margin-right: 0;}
.download_list .item span{display: block;max-width: 420px;max-height: 260px;overflow: hidden;border-radius: 5px;}
.download_list .item span img{transition: all 0.5s;}
.download_list .item p{font-size: 24px;line-height: 1.5;color: var(--fontColor3);font-weight: bold;margin-top: 15px;text-align: center;}
.download_list .item:hover span img{transition: all 0.5s;transform: scale(1.1);}
.download_list .item:hover p{color: var(--mainColor);}


.news_top{background: var(--fontColorf);box-shadow: 0 5px 20px rgba(0, 13, 47, 0.1);margin: 30px auto;}
.news_top .pic{width: 620px;max-height: 400px;overflow: hidden;}
.news_top .pic img{transition: all 0.5s;height: 100%;width: 100%;}
.news_top .tct{width: calc(100% - 620px);padding: 40px;box-sizing: border-box;}
.news_top .tct em{font-size: 14px;line-height: 1;color: var(--fontColor2);}
.news_top .tct em b{font-size: 50px;font-weight: bold;display: block;}
.news_top .tct h3{font-size: 30px;line-height: 36px;color: var(--fontColor2);font-weight: bold;margin: 20px auto 15px;}
.news_top .tct p{font-size: 16px;line-height: 28px;color: var(--fontColor6);}
.news_top .tct small{width: 180px;line-height: 50px;text-align: center;display: block;border: 1px solid var(--fontColor2);border-radius: 5px;margin-top: 20px;}
.news_top .tct small span{display: inline-block;filter: brightness(0);margin-left: 10px;}
.news_top .tct small span img{vertical-align: initial;}


.news_list .item{width: calc(100% / 3 - 26.68px);margin-right: 40px;margin-top: 40px;background: var(--fontColorf);box-shadow: 0 5px 20px rgba(0, 13, 47, 0.1);}
.news_list .item:nth-child(3n){margin-right: 0;}
.news_list .item .pic{width: 100%;height: 270px;border-radius: 5px 5px 0 0;overflow: hidden;}
.news_list .item .pic img{transition: all 0.5s;height: 100%;}
.news_list .item .tct{padding: 30px;}
.news_list .item .tct em{font-size: 16px;line-height: 20px;color: var(--fontColor3);font-weight: 500;}
.news_list .item .tct em img{width: 15px;height: 15px;vertical-align: initial;}
.news_list .item .tct h3{font-size: 24px;color: var(--fontColor1);font-weight: 500;line-height: 34px;margin: 20px auto 15px;transition: all 0.5s;font-weight: bold;}
.news_list .item .tct small{display: block;font-size: 14px;line-height: 26px;color: var(--fontColor3);margin-top: 20px;}
.news_list .item .tct small span{display: inline-block;filter: brightness(0);margin-left: 10px;}
.news_list .item .tct small span img{vertical-align: initial;}
.news_list .item:hover .pic img,
.news_top:hover .pic img{transition: all 0.5s;transform: scale(1.1);}
.news_list .item:hover .tct h3,
.news_top:hover .tct h3,
.news_top:hover .tct small{color: var(--mainColor);transition: all 0.5s;}
.news_top:hover .tct small{border: 1px solid var(--mainColor);}
.news_top:hover .tct small span{filter: brightness(1);}

.news_con{background: var(--fontColorf);padding: 60px;box-sizing: border-box;}
.news_titles{text-align: center;line-height: 1.5;border-bottom: 1px solid var(--fontColore);padding-bottom: 10px;margin-bottom: 30px;}
.news_titles h3{font-size: 34px;font-weight: bold;color: var(--fontColor3);}
.news_titles p{font-size: 14px;color: var(--fontColor9);margin: 20px auto;}
.news_titles p span{margin: 0 10px;}


.contact_items{padding: 50px;box-sizing: border-box;background: var(--fontColorf);box-shadow: 0 5px 20px rgba(0, 13, 47, 0.1);z-index: 1;position: relative;border-radius: 5px;}
.contact_items .item{width: calc(100% / 3 - 54.33px);text-align: center;margin-right: 80px;}
.contact_items .item:nth-child(3n){margin-right: 0;}
.contact_items .item span{display: block;width: 90px;margin: 0 auto;height: 90px;line-height: 90px;background: rgba(2, 112, 191, 0.03);border: 1px solid var(--mainColor);border-radius: 5px;}
.contact_items .item span img{width: 45px;height: 45px;}
.contact_items .item p{font-size: 22px;color: var(--fontColor2);line-height: 36px;border-bottom: 1px solid var(--fontColord);padding: 20px 0;margin-bottom: 20px;}
.contact_items .item b{display: block;font-weight: bold;color: var(--fontColor2);font-size: 28px;}
.contact_map{max-height: 570px;margin-top: -60px;}

.contact_bd{justify-content: space-between;margin-top: 30px;padding-bottom: 60px;}
.contact_bd .item{width: calc(100% / 4 - 30px);margin-right: 40px;margin-top: 15px;margin-bottom: 15px;}
.contact_bd .item:nth-child(4){margin-right: 0;}
.contact_bd .item p{width: 100%;font-size: 20px;line-height: 40px;color: var(--fontColorf);position: relative;}
.contact_bd .item p .imgs{position: absolute;right: 1px;top: 0;width: 130px;height: 58px;margin-top: 1px;}
.contact_bd .item p span{color: #e6010e;display: inline-block;vertical-align: middle;}
.contact_bd .item p input{width: 100%;height: 60px;line-height: 60px;border-radius: 5px;box-sizing: border-box;padding-left: 15px;font-size: 18px;background: var(--fontColorf);border: none;}
.contact_bd .item p textarea{width: 100%;line-height: 30px;border-radius: 5px;box-sizing: border-box;padding-left: 15px;font-size: 18px;background: var(--fontColorf);border: none;}
.contact_bd .item p button{width: 220px;line-height: 60px;text-align: center;background: var(--mainColor);border-radius: 5px;color: var(--fontColorf);border: none;}
.contact_bd .item:nth-child(5){width: 100%;margin-right: 0;}
.contact_bd .item:last-child{float: right;margin-right: 0;text-align: right;}


.job_item{width: 50%;padding: 60px 0;}
.job_item em{width: 75px;height: 70px;display: block;}
.job_item h3{font-size: 24px;color: var(--fontColor3);font-weight: bold;line-height: 36px;margin: 20px 0;}
.job_item p{font-size: 18px;line-height: 32px;color: var(--fontColor3);margin: 20px 0;}
.job_item span{display: block;font-size: 18px;line-height: 38px;color: var(--fontColor3);}

.job2 .job2_con{justify-content: flex-end;height: 500px;    align-items: center;}
.job3{padding-bottom: 60px;}
.job3 .job_item{padding-bottom: 0;}
.job3_con .item{width: calc(100% / 5 - 28px);margin-right: 35px;text-align: center;background: rgba(255, 255, 255, 0.3);padding: 25px;box-sizing: border-box;margin-top: 40px;box-shadow: 0 5px 20px rgba(0, 13, 47, 0.1);border: 1px solid var(--fontColorf);border-radius: 5px 5px 0 0;border-bottom: 4px solid var(--mainColor);transition: all 0.5s;}
.job3_con .item:nth-child(5n){margin-right: 0;}
.job3_con .item span{display: block;width: 80px;height: 80px;margin: 0 auto 15px;}
.job3_con .item p{font-size: 26px;line-height: 30px;color: var(--fontColor3);font-weight: bold;}
.job3_con .item:hover{transform: translateY(-10px);transition: all 0.5s;}

.job4_con .item{width: calc(100%/ 2 - 20px);margin-right: 40px;padding: 40px;box-sizing: border-box;background: none;box-shadow: 0 5px 20px rgba(0, 13, 47, 0.1);border-radius: 5px;}
.job4_con .item:nth-child(2n){margin-right: 0;}
.job4_con .item h3{font-size: 26px;line-height: 36px;color: var(--fontColor3);font-weight: bold;margin-bottom: 15px;}
.job4_con .item h3 img{width: 25px;height: 25px;}
.job4_con .item p{font-size: 14px;line-height: 26px;color: var(--fontColor3);}
.job4_con .item small{display: block;font-size: 14px;line-height: 26px;color: var(--fontColor3);margin-top: 20px;}
.job4_con .item small span{display: inline-block;filter: brightness(0);margin-left: 10px;}
.job4_con .item small span img{vertical-align: initial;}
.job4_con .item:hover h3,
.job4_con .item:hover small{color: var(--mainColor);}
.job4_con .item:hover small span{filter: brightness(1);}

.job_con{justify-content: space-between;}
.job_left{width: 930px;}

.job_list{padding: 30px;box-sizing: border-box;background: var(--fontColorf);border: 1px solid var(--fontColord);border-radius: 5px;margin-top: 30px;}
.job_list_con{justify-content: space-between;height: 165px;overflow-y: hidden;}
.job_list_left{width: 250px;}
.job_list_left h3{font-size: 20px;line-height: 26px;font-weight: bold;color: var(--fontColor3);margin-bottom: 20px;}
.job_list_left p{font-size: 14px;line-height: 36px;color: var(--fontColor3);}
.job_list_right{width: calc(100% - 280px);justify-content: space-between;border-left: 1px solid var(--fontColord);padding-left: 30px;box-sizing: border-box;}
.job_list_right .txt{width: calc(100% - 130px);}
.job_list_right .txt .tit{margin-bottom: 20px;}
.job_list_right .tst{width: 100px;}
.job_list_right .tst .tit{font-size: 14px;line-height: 26px;width: 100px;}
.job_list_right .tst .tit img{width: 16px;height: 14px;}
.job_list_right .tst .more{width: 100%;height: 40px;line-height: 40px;text-align: center;border-radius: 5px;color: var(--mainColor);border: 1px solid var(--mainColor);font-size: 14px;cursor: pointer;box-sizing: border-box;}
.job_list_right .tst .more span{width: 6px;height: 10px;display: inline-flex;cursor: pointer;}

.job_list.active{border: 1px solid var(--mainColor);}
.job_list.active .job_list_con{height: auto;}
.job_list.active .job_list_right .tst{align-content: space-between;}
.job_list.active .job_list_right .tst .more{background: var(--mainColor);color: var(--fontColorf);}
.job_list.active .job_list_right .tst .more span{transform: rotate(-90deg);filter: brightness(0) invert(1);}



.job_right{width: 350px;margin-top: 60px;}
.job_right .tit{display: inline-flex;align-items: flex-start;width: 100%;justify-content: space-between;background: var(--fontColorf);padding: 10px 0;box-sizing: border-box;flex-direction: column;}
.job_right .tit h3{font-size: 20px;line-height: 36px;color: var(--fontColor3);font-weight: bold;display: inline-flex;align-items: center;}
.job_right .tit h3 img{width: 24px;height: 24px;margin: 0;margin-right: 10px;}
.job_right .tit a{font-size: 14px;line-height: 36px;color: var(--fontColor3);font-weight: normal;float: right;}
.job_right .tit a span{display: inline-block;filter: brightness(0);margin-left: 10px;}
.job_right .tit a span img{vertical-align: initial;width: 6px;height: 10px;}
.job_right .tct{background: var(--fontColorf);margin-bottom: 30px;border:1px solid var(--fontColord);padding: 15px 30px;box-sizing: border-box;border-top: 4px solid var(--mainColor);border-radius: 0 0 5px 5px;}
.job_right .tct .item{padding: 10px 0;border-top: 1px solid var(--fontColord);}
.job_right .tct .item h3{font-size: 20px;line-height: 30px;color: var(--fontColor3);font-weight: bold;}
.job_right .tct .item p{font-size: 14px;line-height: 24px;color: var(--fontColor3);}
.job_right .tct .item:hover h3,
.job_right .tit a:hover{color: var(--mainColor);}
.job_right .tit a:hover span{filter: brightness(1);}
.job_right .tct:nth-child(2){border-top: 4px solid var(--lineColor);}


.product_pops{position: fixed;top: 0;left: 0;right: 0;width: 100vw;height: 100vh;background: rgba(0, 0, 0, 0.5);z-index: 99;display: none;}
.pops_con{max-width: 600px;margin: 0 auto;position: relative;}
.colse{position: absolute;right: 30px;top: 20px;font-size: 20px;transform: rotate(45deg);cursor: pointer;z-index: 1;}
.pops_con .repair_bd{padding: 30px;}

.pages {padding: 40px 0;}
.pages ul{justify-content: center;}
.pages ul li a{padding: 5px 13px;border: 1px solid #dedede;margin: 0 5px;}
.pages ul li.active a,
.pages ul li:hover a{background: #0270bf;color: #fff;}