/* 基础样式重置 */
body, html {position: relative;height: 100%;margin: 0;padding: 0;}
*, :after, :before {
    margin: 0;padding: 0;box-sizing: border-box;z-index: 2;outline: 0 !important;
    -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
    -webkit-tap-highlight-color: transparent;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}
/* 辅助类 */
.fix {*zoom: 1;}
.fix:after, .fix:before {display: block;content: "clear";height: 0;clear: both;overflow: hidden;visibility: hidden;}
.z {_zoom: 1;}
.m-container {position: relative;height: 100vh;overflow: hidden;}
.m-container .swiper-container {height: 100%;}
.m-container .swiper-slide {position: relative;z-index: 3;height: 100vh!important;overflow: hidden;}
/* Swiper组件样式 */
.swiper-container {width: 100%;height: 100%;}
.m-swiper-d.swiper-container {width: 100%;height: 100vh;}
.m-swiper-d .swiper-button-next:after {display: none;}
.banner-d {background-color: var(--color-1);position: relative;width: 100%;height: 100%;overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.banner-d .pic {display: none;}
.banner-d .pic img {display: block;width: 100%;height: 100%;object-fit: cover;}
.banner-e1 {background-color: var(--color-1);background-position: center;background-repeat: no-repeat;background-size: cover;height: 100%;}
.banner-d .m-about{position: absolute;top: 50%;left:0;transform: translateY(-50%);}
.banner-e1 .m-about{position: absolute;top: 50%;left:0;transform: translateY(-50%);}
.banner-e1 .swiper-button-next {position: static;right: auto;top: auto;width: auto;height: auto;margin-top: auto;z-index: 10;cursor: pointer;background-size: auto;}
.banner-e1 .swiper-button-next:after {font-size: 0;background-size: 0;}
#swiper-container2 .swiper-slide {height: auto!important;box-sizing: border-box;display: block;margin-right: 0.5px;}
/* 容器和布局 */
.wp {width: 100%;padding: 0 200px;}
/* 响应式设计 */
@media only screen and (min-width:1681px) and (max-width:2560px){
    .wp {width: 100%;padding: 0 150px;}
}
@media only screen and (min-width:1441px) and (max-width:1680px){
    .wp {width: 100%;padding: 0 130px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px){
    .wp {width: 100%;padding: 0 100px;}
}
@media screen and (max-width:1280px){
    .wp {width: 100%;padding: 0 50px;}
}
@media only screen and (max-width:992px){
    .wp {width: 100%;padding: 0 20px;}
}
@media only screen and (max-width: 959px) {
    .wp {width: 100%;padding: 0 20px;}
    .m-swiper-e.swiper-container {overflow: visible;height: auto;}
    .m-swiper-e .swiper-wrapper {display: block;}
}
@media only screen and (max-width: 950px) {
    .wp {width: 100%;padding: 0 20px;}
    .banner-d {background-image: none !important;}
    .banner-d .pic {display: block;}
    .banner-d .m-about1 .txt {margin-bottom: 30px;}
    .m-swiper-d .swiper-button-next,
    .m-swiper-d .swiper-button-prev {width: 40px;height: 40px;}
    .m-swiper-d.swiper-container {overflow: visible;height: auto;}
    .m-swiper-d .swiper-wrapper {display: block;}
    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {bottom: 20px !important;}
}

@media only screen and (max-width: 750px) {
    .wp {width: 100%;padding: 0 15px;}
    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {bottom: auto !important;top: 90% !important;}
    .m-swiper-d .swiper-button-next,
    .m-swiper-d .swiper-button-prev {width: 30px;height: 30px;}
    .banner-d .m-about1 .txt {margin-bottom: 30px;margin-top: 80px;}
}

.page-nav{height:90px;position: fixed;left: 0;bottom: 0;width: 100%;z-index: 999;transition: all 0.3s ease;backface-visibility: hidden;border-top: 1px solid rgba(255,255,255,0.2);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}
.page-nav{
    transition: all 0.4s cubic-bezier(0.215, 0.61, 0.355, 1);
    backface-visibility: hidden;
    transform: translateY(0);
    will-change: transform, opacity, background-color;
    contain: layout style;
}
.page-nav li{transition: all 0.3s ease;width:50%;text-align: center;border-right: 1px solid rgba(255,255,255,0.25);border-bottom: 1px solid rgba(255,255,255,0.25);}
.page-nav li:last-child{border-right: none;}
.page-nav li a{display: block;line-height:90px;color: #fff;font-size:22px;font-weight: 400;position: relative}
.page-nav li a i{font-size: 25px;position: absolute;right: 20px;z-index: 2}
.page-nav li a span{position: relative;z-index: 2;}
.page-nav li a:after{transition: all 0.3s;content:'';width: 0;height:5px;position: absolute;z-index: 1;top:0;left: 0;background-color: var(--color-1);}
.page-nav li a:hover,.page-nav li a.sticky,.page-nav li a.active{background-color: rgba(255,255,255,0.25)}
.page-nav li a:hover:after,.page-nav li a.sticky:after,.page-nav li a.active:after{width: 100%;}
.fixed{width: 100%;height:70px;opacity:1;position: fixed;bottom: unset;top:0;left: 0;border-top: none;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);background-color: rgba(0,0,0,0.35);z-index: 9999}
.transitioning {transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);}
.fixed li{}
.fixed li a i {transform: rotate(90deg);transition: transform 0.4s ease;}
.fixed li a{line-height: 70px;display: block}
.updown{bottom:180px!important;left: 50%;}

.m-about .txt{color:#fff;margin-bottom: 100px;}
.m-about .txt h4{font-size:70px;margin-bottom: 20px;font-weight:550;}
.m-about .txt p{font-size: 25px;}

@media only screen and (min-width:1681px) and (max-width:2560px){
    .m-about{padding: 0 150px;}
}
@media only screen and (min-width:1441px) and (max-width:1680px){
    .m-about{padding: 0 130px;}
    .m-about .txt h4{font-size:60px;}
    .m-about .txt p{font-size: 22px;}
}
@media only screen and (min-width:1281px) and (max-width:1440px){
    .m-about{padding: 0 100px;}
    .m-about .txt h4{font-size:50px;}
    .m-about .txt p{font-size: 18px;}
}
@media screen and (max-width:1280px){
    .m-about{padding: 0 50px;}
    .m-about .txt h4{font-size:45px;}
    .m-about .txt p{font-size: 18px;}
}
@media only screen and (max-width:959px){

}

.g-cur-z{font-size:0;line-height:24px;overflow:hidden;padding:20px 0;border-bottom:1px solid #e1e1e1;padding-top:120px}
.g-cur-z .left{font-size:18px;float:left;overflow:hidden;color:var(--color-11)}
.g-cur-z .left a,.g-cur-z .left span{color:var(--color-10);padding:0 10px;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.g-cur-z .left a:hover{color:var(--color-2)}
.g-cur-z .left i{display:inline-block;position:relative;float:left;font-size: 20px;}
.g-cur-z .back{float:right;overflow:hidden;position:relative;padding-left:25px;font-size:18px;display:block;color:var(--color-11);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.g-cur-z .back:hover{color:var(--color-2)}
.g-cur-z .back:hover::after{background:url(../images/ne2.svg) center center no-repeat;background-size:cover}
.g-cur-z .back::after{display:block;content:"";width:20px;height:20px;background:url(../images/ne4.svg) center center no-repeat;background-size:cover;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.m-news .tit{font-size:30px;color:var(--color-10);line-height:1.6;text-align:center;margin-bottom:0px}
.m-news .desc{font-size:18px;color:var(--color-11);line-height:4;text-align:center;margin-bottom:40px;border-bottom:1px dashed #e1e1e1;}
.m-news .time{display:inline-block;margin-right:20px}
.m-news .info{display:inline-block}
.m-news .content{font-size:18px;line-height:1.6;color:var(--color-10)}
.m-news .content.newsCon p{margin-bottom: 15px;}
.m-news .box{width:72%;margin:0 auto;margin-bottom:80px;}
.m-news{padding:60px 0 80px}
.m-news .jump{padding:40px 0;border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;position:relative}
.m-news .jump span{display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}
.m-news .next,.m-news .prev{width:50%;font-size:18px;line-height:30px;height:30PX;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.m-news .prev{text-align:left;float:left}
.m-news .bot{overflow:hidden}
.m-news .jump::after{content:"";display:block;width:1px;height:45px;position:absolute;background-color:#e4e9f2;left:50%;top:50%;transform:translateY(-50%) translateX(-50%);-webkit-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%)}
.m-news .next{text-align:right;float:right}
.m-news .up{padding-right:20px;margin-right:15px;float:left;position:relative}
.m-news .down{float:right;padding-left:20px;margin-left:15px;position:relative}
.m-news .down::after,.m-news .up::after{content:"";display:block;width:1px;height:20px;position:absolute;background-color:#333;right:0;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.m-news .down::after{left:0}
.m-news .prev:hover .down::after{background-color:var(--color-2)}
.m-news .next:hover,.m-news .prev:hover{color:var(--color-2)}
.m-news .next:hover .down::after,.m-news .prev:hover .up::after{background-color:var(--color-2)}
@media only screen and (max-width:1440px){
    .g-cur-z{padding:100px 0 16px}
    .g-cur-z .left{font-size:16px}
    .g-cur-z .back{font-size:16px}
    .g-cur-z .icon::after{width:16px;height:18px}
    .g-cur-z .back::after{width:14px;height:13px}
    .m-news .box{width:90%}
    .m-news .tit{font-size:26px;margin-bottom:20px}
    .m-news .desc{font-size:16px;margin-bottom:25px}
    .m-news .content{font-size:16px}
    .m-news{padding:30px 0 40px}
    .m-news .jump{padding:22px 0}
    .m-news .next,.m-news .prev{font-size:16px;line-height:25px;height:25px}
    .m-news .jump::after{width:1px;height:30px}
    .m-news .down,.m-news .up{padding-right:12px;margin-right:10px}
    .m-news .down::after,.m-news .up::after{width:1px;height:18px}
}
@media only screen and (max-width:750px){
    .g-cur-z{padding:70px 0 14px}
    .g-cur-z .left{font-size:14px}
    .g-cur-z .back{font-size:14px}
    .g-cur-z .icon::after{width:14px;height:15px}
    .g-cur-z .back::after{width:12px;height:11px}
    .m-news .tit{font-size:20px;margin-bottom:15px}
    .m-news .desc{font-size:14px;margin-bottom:15px}
    .m-news .content{font-size:14px}
    .m-news{padding:30px 0}
    .m-news .jump{padding:18px 0}
    .m-news .jump::after{display:none}
    .m-news .prev{margin-bottom:15px}
    .m-news .next,.m-news .prev{font-size:14px;line-height:22px;height:22px;width:100%}
    .m-news .next{text-align:left}
    .m-news .down{float:left}
    .m-news .down{padding-left:0;margin-left:0;padding-right:12px;margin-right:10px}
    .m-news .down::after{left:auto;right:0}
    .m-news .jump::after{width:1px;height:30px}
    .m-news .down::after,.m-news .up::after{width:1px;height:18px}
    .m-news .box{width:100%}
}

/*hr*/
.job{padding:100px 0;background-color:#f4f7fc;}
.job .title{margin-bottom: 20px;}
.job .title h4{font-size: 30px;font-weight:500;color: #495057;}
.job .title h4 i{font-size:30px;margin-right: 10px;color:var(--color-1);font-weight:300;}
.job .job-l{width: 60%;margin: 30px 0;}
.job .job-r{width: 35%;margin: 30px 0 30px 5%;}
.job .job-ul{padding:20px;background-color: rgba(255,255,255,0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 2px solid #fff;border-radius: 12px;}
.job .job-ul li{transition: all 0.5s;-webkit-transition: all 0.5s;border-bottom: 1px dashed #ddd;padding:20px;position: relative;width: 100%;align-items: center;}
.job .job-ul li:last-child{border-bottom: none;margin-bottom: 0;}
.job .job-ul li .info{position: relative;width: 100%;}
.job .job-ul li .info h6{font-size: 18px;color: #495057;width: 100%;display: block;margin-bottom: 10px;font-weight:400;font-family: "Microsoft YaHei", "Roboto", sans-serif}
.job .job-ul li .info p{font-size: 14px;line-height: 22px;color: #868e96;width: 100%;display: block;font-family: "Microsoft YaHei", "Roboto", sans-serif}
.job .job-ul li .info a{display: block;position: absolute;right: 0;top:50%;margin-top: -20px;font-family: "Microsoft YaHei", "Roboto", sans-serif;
    padding: 6px 20px;background-color: #fff;
    font-size: 14px;color: #495057;border-radius: 20px;border: 1px solid #eee;
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;}
.job .job-ul li a:hover{background-color: var(--color-1);color: #fff;}
.job .job-ul li:hover .info h6{color:var(--color-1);}
.job .job-ul li:hover{background-color: var(--color-14);border-bottom:none;}
.job .job-ul li:hover a{background-color: var(--color-1);color: #fff;border: 1px solid var(--color-1);}
.job .job-r .img{width: 100%;text-align: center;margin-bottom: 20px;padding-top:30px}
.job .job-r .img img{width: auto;max-width: 80%;}
.job .job-r .info{padding:30px;background-color: rgba(255,255,255,0.5);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border: 2px solid #fff;border-radius: 12px;}
.job .job-r .info p{font-size:18px;line-height:36px;color:#495057;margin-bottom: 10px;font-family: "Microsoft YaHei", "Roboto", sans-serif }
.job .job-r .info a{font-weight:500;color:var(--color-1);}

@media (max-width: 1440px) {
    .job-r .info p{font-size:15px;line-height:25px;}
}
@media (max-width: 991px) {
    .job{padding: 30px 0 ;}
    .job .container{padding:0 20px;flex-wrap: wrap}
    .job .job-ul li{padding-bottom:20px;margin-bottom:20px;width: 100%;}
    .job .job-ul li .info h6{font-size: 1.6rem;margin-bottom:5px;font-weight:700;}
    .job .job-ul li .info p{font-size: 1.4rem;line-height: 1.8rem;}
    .job .job-ul li .info a{padding: 5px 10px;font-size: 1.2rem;bottom: -5px;}

}

.Talent-Strategy{padding:150px 0 50px 0;background-color:#f4f7fc;}
.page-text{width: 100%;flex-wrap: wrap;margin-bottom: 100px;padding: 50px;background-color: #fff;position: relative;overflow: hidden;border-radius: 20px}
.page-text:after{content: '';width:150px;height:150px;border:25px solid var(--color-2);border-radius: 50%;right: -50px;top: -50px;position: absolute; transform: rotate(45deg);}
.page-text .text{width: 100%}
.page-text .text h5{font-size: 1.25vw;font-weight: 550;margin-bottom: 20px;}
.page-text .text p{font-size: 0.9375vw;line-height: 28px;font-weight: 400;margin-bottom: 40px;width: 60%;}

.page-title{width: 100%;margin-bottom: 20px}
.page-title h4{font-size:2.6041666vw;line-height: 1.3;font-weight: 500;margin-bottom:10px;}
.page-title h5{font-size: 1.25vw;font-weight: 500;margin-bottom:20px;line-height: 30px;}

.ul-2{width: 100%;}
.ul-2 li{width: 49%;margin-bottom: 2%;}
.ul-4{width: 100%;}
.ul-4 li{width: 23.5%;margin-bottom: 2%;}

.ico-txt-ul{width: 100%;}
.ico-txt-ul li{position: relative;overflow: hidden;padding:40px;border:1px solid #eaeaea;border-radius: 12px;margin-bottom: 0}
.ico-txt-ul li:after{content: '';width:50px;height:50px;border: 8px solid var(--color-2);position: absolute;right: -15px;bottom: -15px;border-radius: 50%}
.ico-txt-ul li .ico{text-align: center;width: 30px;position: absolute;right: 10px;top:10px;}
.ico-txt-ul li .ico img{width: auto;max-width: 100%;}
.ico-txt-ul li .txt{width: 100%;}
.ico-txt-ul li .txt h6{font-size: 1.04166vw;font-weight:550;margin-bottom:5px;}
.ico-txt-ul li .txt p{font-size: 0.9375vw;line-height: 28px;margin-bottom: 0;}

.page-txtimg-ul{width: 100%;}
.page-txtimg-ul .page-title h5{font-weight:550;}
.txtimg-ul{width: 100%;padding:10px 0}
.txtimg-ul li{background-color: #fff;padding:20px;border-radius: 15px}
.txtimg-ul li .img{width: 100%;text-align: center;}
.txtimg-ul li .img img{width: auto;max-width: 100%;border-radius: 12px}
.txtimg-ul li .info{padding:10px 0}
.txtimg-ul li .info.center{text-align: center}
.txtimg-ul li .info h6{font-size: 0.9375vw;font-weight:500;margin-bottom:5px;}
.txtimg-ul li .info p{font-size: 0.9375vw;line-height: 25px;}


.m-news-action{padding:150px 0 100px 0;background:#f4f7fc;}
.m-news-action .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px!important}
.m-news-action .swiper-pagination{bottom: 20px;width:100%;position:absolute;text-align:right;padding-right: 20px;}
.m-news-action .swiper-pagination-bullet{position:relative;width:10px;height:10px;border-radius:10px;background:#000;opacity:.15;}
.news .swiper-pagination-bullet-active{background:var(--color-2);opacity: 1;width: 30px}
.m-news-action .news-box{height:auto;webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .06);box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .06);}
.m-news-action .pic{float:left;width:50%;padding-top:30%;position:relative}
.m-news-action .pic img{width:100%;height:100%;position:absolute;top:50%;left:0;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%)}
.m-news-action .con{background-color:#fff;overflow:hidden;display:block}
.m-news-action .txt{overflow:hidden;padding:50px 50px 0 50px}
.m-news-action .tit{font-size:1.5625vw;font-weight: 550;line-height:1.4;color:var(--color-10);margin-bottom:1.85vh;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;}
.m-news-action .con:hover .tit{color:var(--color-2)}
.m-news-action .info{margin-bottom:2.78vh;font-size: 0.9375vw;line-height:1.5;color: var(--color-11);font-family: Arial;font-weight: 550}
.m-news-action .info i{font-size: 0.9375vw;color: var(--color-1);}
.m-news-action .desc{font-size: 0.83333vw;line-height: 1.3;color:var(--color-11);margin-bottom:9.26vh;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.m-news-action .more{position:relative;display:inline-block;border-radius: 50px;line-height:30px;padding:0.925vh 2.78vh;font-size:0.9375vw;color: var(--color-14);
    background-color: var(--color-1);font-weight: 500;font-family: "Microsoft YaHei", "Roboto";
    transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s}
.m-news-action .more i{font-size: 0.9375vw;margin-left: 10px;}
.m-news-list{border-bottom: 1px solid #eee;padding-top:100px;}
.news-title{width: 100%;padding-bottom:25px;border-bottom: 1px solid #eee;position: relative;}
.news-title:after{content: '';width: 30px;height: 30px;border-radius: 50%;border:8px solid var(--color-2);position: absolute;left:-3px;top:-3px;z-index: 1}
.news-title:before{content: '';width:100px;height: 1px;background-color: var(--color-2);position: absolute;right: 0;bottom:-1px;}
.news-title h4{font-size:2.6041666vw;line-height: 1.3;font-weight: 550;color: var(--color-10);position: relative;z-index: 2;}
.news-ul{width: 100%;padding:50px 0 0 0;flex-wrap: wrap;;background-color: #fff;margin-bottom: 50px;}
.news-ul li{width: 32%;margin-right: 2%;margin-bottom:3%;}
.news-ul li:nth-child(3n){margin-right: 0;}
.news-ul li a{display: block;background-color: #fff;transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;box-sizing: border-box;}
.news-ul li .img{width: 100%;height:25.93vh;overflow: hidden;background-color: var(--color-14);background-position: center;background-size:20%;background-repeat: no-repeat;background-image: url(../images/noimg.svg)}
.news-ul li .img img{width: 100%;}
.news-ul li .info{padding:3.24vh 3.24vh 1.85vh 3.24vh;}
.news-ul li .info h6{margin-bottom:2.78vh;font-size: 0.9375vw;font-weight: 550;line-height:1.4;color:var(--color-10);height: 50px;overflow: hidden;}
.news-ul li .info p{margin-bottom:1.85vh;font-size: 0.9375vw;line-height:30px;color: var(--color-11);font-family: Arial;font-weight: 550}
.news-ul li .info p i{font-size: 0.9375vw;color: var(--color-1);}
.news-ul li .info span{padding-top:10px;border-top: 1px solid #eee;display: block;position: relative;font-size:0.9375vw;text-transform: uppercase;font-weight: 550;color: var(--color-12);font-family: Arial, sans-serif}
.news-ul li .info span i{position: absolute;right: 0;font-size: 1.145833vw;font-weight: 550}
.news-ul li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.news-ul li a:hover .info h6{color: var(--color-2);}
.news-ul li a:hover{-webkit-box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);box-shadow: 0 20px 40px 0 rgba(0, 0, 0, .1);border-radius: 12px;overflow: hidden}
/*分页样式*/
.pagination {
    width:100%;
    margin: 0 auto;
    display: flex;
    display:-webkit-flex;
    justify-content:center;
    flex-wrap: wrap;
    line-height: 35px;
    text-transform: uppercase;
    color: #868e96;
    font-size: 14px;
    align-items: center;
    margin-bottom:50px;
}
.pagination a{
    display: block;text-transform: uppercase;text-align: center;font-size: 14px;color:#495057;
    padding:0 12px;line-height: 32px;border: 1px solid #eee;
    margin-right: 10px;margin-bottom: 10px;
    border-radius:4px;background-color: #fff;font-family: "Microsoft YaHei", "Roboto", sans-serif;
}
.pagination a:last-child{margin-right: 0;}
.pagination a:hover,
.pagination a:focus,
.pagination a.active,
.pagination .active span {color: #fff!important;background-color:var(--color-1)}
.pagination a:last-child{margin-right: 20px;}
/*err*/
.err{
    width:100%;margin-bottom: 50px;
    text-align:center;
    padding:200px 0 250px 0;
    background-image: url(/static/images/noinfo.svg);
    background-repeat: no-repeat;background-size:auto 100%; background-position: center center;position: relative;

}
.err p{line-height:30px;font-size:25px;display: block;width: 100%;padding: 50px 0;font-weight: 500;position: absolute;bottom: 0;text-align: center}
@media (max-width: 991px) {
    .pagination {padding:0;line-height:2rem;margin:20px auto;;font-size: 1.4rem;}
    .pagination a{font-size: 1.3rem;line-height:2.8rem;height:3rem;margin-right:5px;margin-bottom:5px;}
    .pagination a:last-child,.pagination a:first-child{display: none}
    .err{margin:5% auto;width:80%;}
    .err p{line-height:3rem;font-size:1.3rem;}
}


#contact-1{padding:150px 0 60px 0;background-color:#f4f7fc;}
#contact-2{padding:100px 0 100px 0}
/*contact-form*/
.contact{width: 100%}
.contact-form{width: 100%;padding:150px 0 100px 0;background-color:#f4f7fc;}
.contact-form form{
    width: 60%;
    background-color: #fff;padding:50px;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.03);
    -webkit-box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.03);
}
.contact-form form label input:focus,.contact-form form label select:focus,.contact-form form label textarea:focus{border: 1px solid #1f439b}
.contact-form .info{width: 40%;padding:50px;}
.contact-form .info .img{width: 100%;}
.contact-form .info .img img{width: auto;max-width: 100%}
.contact-form .info h4{font-size:1.875vw;font-weight:600;color:#495057;margin-bottom:30px;}
.contact-form .info h4 i{font-size:1.875vw;font-weight: 400;margin-right:10px;color:#1f439b}
.contact-form .info h6{font-size: 0.9375vw;color:#868e96;font-weight:500;line-height: 30px;}
.contact-form .info h6 a{color:#868e96;}
.contact-form .info h6 i{font-size: 0.9375vw;}
.contact .info p{font-size: 18px;color:#868e96;font-weight:500;line-height: 36px;}
.contact-form form h4{font-size:1.875vw;font-weight:600;color:#495057;margin-bottom:30px;}
.contact-form form h4 i{font-size:1.875vw;font-weight: 400;margin-right:10px;color:#1f439b}
.contact-form form label{display: block;width:100%;margin:15px 0;}
.contact-form form label input{width: 100%!important;font-weight: 500;font-size: 18px;color: #868e96;border: 1px solid #ddd;text-indent: 20px;line-height:50px;height:50px;background-color:#fff;}
.contact-form form label.i2 input{width:49%!important;margin-right:2%;}
.contact-form form label.i2 select{width:49%!important;margin-right:2%;}
.contact-form form label.i2 input:last-child{margin-right: 0;}
.contact-form form label.i2 select:last-child{margin-right: 0;}
.contact-form form label.i3 input{width:32%!important;margin-right:2%;}
.contact-form form label.i3 input:last-child{margin-right: 0;}
.contact-form form label select{background-color:#fff;line-height:50px;height:50px;width:100%;outline: none;border: 1px solid #ddd;font-weight: 500;font-size: 18px;color: #868e96;padding: 0 20px;}
.contact-form form label select option{padding: 0 20px;}
.contact-form form label.i2 select{width:49%!important;margin-right:2%;}
.contact-form form label.i2 select:last-child{margin-right: 0;}
.contact-form form label textarea{background-color: transparent;font-weight: 400;width: 100%;border: 1px solid #ddd;height: 100px;outline: none;color:#212529;font-size: 16px;}
.contact-form form label textarea{padding: 20px;}
.contact-form form label input[type="checkbox"]{width: 15px!important;height: 15px!important;margin:0!important;padding: 0!important;display: inline-block;}
.contact-form form label span{font-size: 14px;font-weight: 400;display: inline-block;margin-left: 10px;}
.contact-form form label button{
    border: none;text-transform: uppercase;
    width: 200px;height:50px;line-height: 45px;color: #fbf4dc;font-size:18px;
    font-weight: 500;outline: none;border-radius: 25px;
    background-color: var(--color-1);
}
.contact-form form label button i{font-size: 1.145833vw;margin-left: 10px;}
@media (max-width: 1440px) {
    .contact-form form{width:53%;padding: 30px;margin-right:2%;}
    .contact-form form h4{font-size: 25px;}
    .contact-form form label{margin:15px 0;}
    .contact-form form label input{line-height:40px;height:40px;font-size: 15px;}
    .contact-form form label select{line-height:40px;height:40px;font-size: 15px;padding: 0 10px;}
    .contact-form form label select option{padding: 0 10px;}
    .contact-form form label textarea{height:80px;font-size: 14px;}
    .contact-form form label textarea{padding: 20px;}
    .contact-form form label span{font-size: 14px;font-weight: 400;display: inline-block;margin-left: 10px;}
    .contact-form form label button{width: 130px;height:40px;line-height: 40px;font-size:16px;}
    .contact-form form label button i{font-size:2rem;margin-left: 5px;}
    .contact-form .info{width: 45%;padding:30px;}
}
@media (max-width: 991px) {
    .contact-form{padding:30px 20px;background-color: #f1f3f5;}
    .contact-form .container{flex-wrap: wrap;padding: 0}
    .contact-form .flex-sb{flex-wrap: wrap!important;}
    .contact-form form{order: 2;padding: 20px!important;width: 100%!important;background-color: #fff;box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.02);-webkit-box-shadow: 0 3px 10px 3px rgba(0, 0, 0, 0.02);}
    .contact-form form h4{font-size: 1.6rem!important;margin-bottom:20px;}
    .contact-form form h4 i{font-size: 2rem!important;}
    .contact-form form label button{width: 150px;margin:20px auto}
    .contact-form form label button i{color: #fff;}
    .contact-form form .form{width: 100%;padding: 20px;}
    .contact-form form label{margin:0!important;flex-wrap: wrap;}
    .contact-form form .form label input{line-height:40px;height:40px;width:100%;margin-right:2%;font-weight:400;font-size: 1.4rem;border: 1px solid #eee;}
    .contact-form form .form label input:last-child{margin-right: 0;}
    .contact-form form .form label textarea{height:100px;font-size: 1.4rem;border: 1px solid #eee;padding:10px;}
    .contact-form form .form label button{width: 50%;height: 40px;line-height: 40px;font-size:1.4rem;box-shadow:2px 5px 10px rgba(253,117,4,0.2);-webkit-box-shadow:2px 5px 10px rgba(253,117,4,0.2);-moz-box-shadow:2px 5px 10px rgba(253,117,4,0.2);}
    .contact-form form .form label button i{font-size:1.8rem;}
    .contact-form form .form label input::-webkit-input-placeholder{font-size:1.2rem;font-family: arial, sans-serif;}
    .contact-form form .form label input::-moz-placeholder{font-size:1.2rem;font-family: arial, sans-serif;}
    .contact-form form .form label input:-ms-input-placeholder{font-size: 1.2rem;font-family: arial, sans-serif;}
    .contact-form form label.i2 input{margin-bottom: 2%!important;}
    .contact-form form label.i2 select{margin-bottom: 2%!important;font-family: Arial, "sans-serif"}
    .contact-form form label.i3 input{width:49%!important;margin-right:2%;margin-bottom: 2%!important;}
    .contact-form form label.i3 input:nth-child(2){margin-right: 0}
    .contact-form form label.i3 input:last-child{width: 100%!important;}
    .contact-form .info{width: 100%;padding:20px 0;order: 1;}
    .contact-form .info .img{width:50%;margin: 0 auto}
    .contact-form .info h4{font-size: 2.2rem;margin-bottom:20px;}
    .contact-form .info h4 i{font-size: 2.5rem;margin-right:5px;}
    .contact-form .info h6{font-size: 1.5rem;line-height: 2.5rem;}
    .contact-form .info h6 i{font-size: 1.5rem;}
    .contact-form .info p{font-size: 1.5rem;line-height: 2.5rem;}
}
.contact-cont{padding: 50px;background-color: #fff;border-radius:20px;margin: 0 0 20px 0;}
.contact-info{width: 100%;position: relative;margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
    align-items: center;flex-wrap: wrap;
}
.contact-cont-info{width:40%}
.contact-cont-info .contact-text{width: 100%;height: auto;padding: 0;border-radius: 0;margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.contact-text{background-color: #fff;padding:0 50px;height: 100%;border-radius: 20px}
.w49{width: 48.5%;padding:50px 50px;border: 1px solid #eee;}
.mr2{margin-right:2%}
.contact-text h5{font-size: 1.04166vw;font-weight: 500;color:var(--color-2);margin-bottom:5px;}
.contact-text h6{font-size:1.5625vw;font-weight: 550;color:var(--color-1);margin-bottom:2.7778vh;}
.contact-text p{font-size: 0.9375vw;color:var(--color-10);padding:6px 0}
.contact-text p i{font-size: 1.04166vw;font-weight:600;text-align: center;margin-right: 5px;border-radius: 50%;color: var(--color-1);position:relative;top:2px;}
.contact-text .message{display: inline-block;padding: 0 50px;font-size: 0.9375vw;border:2px solid var(--color-2);border-radius: 30px;line-height: 50px;margin-top: 40px;color: var(--color-2);font-weight: 400;}
.contact-text .message:hover{background-color:var(--color-2);color: #fff; }
.map{width:50%;background-color: #fff;}
.Gaodemap{width: 100%;height:100%;}
.Gaodemap .ripple{text-align: center;line-height: 1;}
.Gaodemap .ripple>i{font-size: 32px;display: block;color: var(--color-1);}
.Gaodemap .ripple>span{position:relative;left:50%;width: 14px;height: 14px;display: block;border-radius: 50%;background-color:var(--color-1);transform: translateX(-50%);}
.Gaodemap .ripple>span:before{content:'';position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50%;background-color: var(--color-1);animation:soak 6s ease-in-out infinite;opacity: 0;}
.amap-logo{display: none!important;}
.amap-copyright{opacity:0;}
@keyframes soak{
    0% {
        opacity:.6;
        transform:scale(1);
    }

    50% {
        opacity:.2;
        transform:scale(6);
    }

    100% {
        opacity:.6;
        transform:scale(1);
    }
}
.contact .contact-tel{width: 100%;margin-bottom: 20px;border-bottom: 1px solid #eee;padding-bottom: 20px;}
.contact .contact-tel h6{font-size: 1.145833vw;font-weight: 600;color:#495057;line-height:1.8;margin-bottom:10px;position: relative;}
.contact .contact-tel h4{font-size:1.875vw;color:#d83980;font-weight:600;line-height: 1.3}
.contact .contact-tel p{font-size: 0.83333vw;color:#868e96;line-height:1.8;}
.contact .contact-wx{width: 100%;}
.contact .contact-wx h6{font-size: 1.145833vw;font-weight: 600;color:#495057;line-height:1.8;margin-bottom:10px;position: relative;}


.about{width: 100%;padding: 100px 0 0 0;background-color:#f4f7fc;}
.about-info{width: 100%;padding: 50px 0}
.about-info .info{width: 50%;}
.about-info .info .section-title h4{color: var(--color-1)}
.about-info .info .section-title a i{color:var(--color-1)}
.about-info .video{width: 43%;}
.about-info .video img{width: 100%;border-radius: 12px;}
.about-info .text{margin-bottom:80px;}
.about-info .text h6{font-size: 32px;font-weight: 500;color:var(--color-1);margin-bottom:25px;}
.about-info .text p{font-size: 0.9375vw;line-height:2.08333vw;color:var(--color-10);margin-bottom: 20px;}
.tongji{background-color: #fff;padding:30px 0 30px 0;}
.tongji-ul{width: 100%;}
.tongji-ul li{width: 25%;border-right: 1px solid rgb(0,0,0,0.08);}
.tongji-ul li:last-child{border-right: none;}
.tongji-ul li p{font-size: 0.9375vw;font-weight: 400;position: relative;display: block;text-align: center;margin: 5px auto;color: var(--color-10)}
.tongji-ul li p span{font-family: MiSans;font-size:2.6041666vw;font-weight:700;color: var(--color-1);margin-right:5px;position: relative;top:2px;}
.tongji-ul li b{font-size: 1.04166vw;text-align: center;display: block;font-weight: 400}

.zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:rgba(0,0,0,0.8); display:none; z-index:99999;}
.tc_video{ width:1000px;height:460px; position:fixed; left:50%; top:50%; margin:-230px 0 0 -500px; background:transparent; display:none; z-index:100000;text-align: center}
.tc_video video, .tc_video p{width:100%; height:auto;}
.tc_video p iframe{width:100%; height:100%;}
@media (max-width: 1440px) {
}
@media  screen and (max-width:991px){
    .tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px;}
}
@media  screen and (max-width:767px){
    .tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;}
}

.History{width: 100%;padding: 150px 0 0 0;background-image: url(../images/History-bg.jpg?v=2025);background-size: cover;background-position: center bottom;}
.history-ul{width: 100%;padding:0 0 350px 0}
.history-ul li{border-left:1px solid #fff;margin-right: 2%;position: relative;padding-left: 15px;padding-top: 15px;padding-bottom:30px;padding-right: 15px;}
.history-ul li:before{content: '';width: 16px;height: 16px;border: 3px solid var(--color-1);border-radius: 50%;position: absolute;left: -8px;bottom: -16px;}
.history-ul li i{position: relative;left: -15px;top:-15px;font-size: 1.145833vw;font-style: normal;font-weight: 550;display: inline-block;background-color:var(--color-1);color: #fff;padding: 5px 20px;border-top-right-radius: 10px;}
.history-ul li h6{font-size: 0.9375vw;font-weight: 550;color: var(--color-10);margin-bottom: 10px;}
.history-ul li h6 span{font-size: 0.72916vw;}
.history-ul li p{font-size: 0.72916vw;color: var(--color-10)}
.history-ul li:nth-child(1){position: relative;top:200px;}
.history-ul li:nth-child(2){position: relative;top:150px;}
.history-ul li:nth-child(3){position: relative;top:100px;}
.history-ul li:nth-child(4){position: relative;top:50px;}
.history-ul li:nth-child(5){position: relative;top:0;margin-right: 0}
.Organizational{padding:100px 0 50px 0;background-color: #fff;}
.partner{background-color:#f1f3f5;padding: 100px 0;}
.partner-list{flex-wrap: wrap;}
.partner-list li{width: 19.2%;margin-right:1%;margin-bottom:1%;overflow: hidden;text-align: center;padding:20px 20px;border: 1px solid #eee;background-color: #fff}
.partner-list li:nth-child(5n){margin-right: 0;}
.partner-list li img{width: auto;max-width: 100%;}
.partner-list li:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
}
@media (max-width: 1440px) {
    .partner-list li{padding:10px 20px;}
}
@media (max-width: 991px) {
    .partner{background-color:#f1f3f5;padding:30px 0 0 0;}
    .partner-list{padding:20px 0;}
    .partner-list li{padding:5px;width: 32%;margin-right: 2%;margin-bottom: 2%;}
    .partner-list li:nth-child(3n){margin-right: 0;}
    .partner-list li:nth-child(5n){margin-right:2%;}
    .partner-list li:last-child{margin-right: 0;}
}

.culture{padding:50px 0 0 0;background-color:#f4f7fc;}
.csr{padding:50px 0;}
.csr:last-child{background-color: #fff;padding:100px 0;}
.csr .wp{flex-wrap: wrap;align-items: center;position: relative}
.csr .csr-ul{width: 100%;flex-wrap: wrap;position: relative}
.csr .csr-ul li{width: 45%;margin-right:10%;margin-bottom: 2%;position: relative;background-color:#fff;padding:30px 60px 30px 30px;text-align: right;border: 1px solid #eaeaea;border-radius:100px;}
.csr .csr-ul li:nth-child(2n){margin-right: 0;text-align: left;padding:30px 30px 30px 60px;}
.csr .csr-ul li:nth-child(2n) i{left:unset;right:-20px;}
.csr .csr-ul li:nth-child(3),.csr .csr-ul li:nth-child(4){width: 40%;}
.csr .csr-ul li:nth-child(1),.csr .csr-ul li:nth-child(5){right: -50px;}
.csr .csr-ul li:nth-child(2),.csr .csr-ul li:nth-child(6){left: -50px;}
.csr .csr-ul li h6{font-size: 25px;font-weight: 550;color:#495057;margin-bottom:10px;}
.csr .csr-ul li p{font-size: 15px;line-height: 25px;color: #495057;font-weight: 400;position: relative;z-index: 2;}
.csr .csr-ul li i{font-size:18px;width:40px;height:40px;border-radius: 50%;line-height:40px;background-color: #d83980;color:#fff;text-align: center;left:-20px;top:50%;margin-top: -20px;position: absolute;font-family:MiSans!important;z-index: 1;font-weight: 600}
.csr .img{background-color:rgba(255,255,255,0.5);width:200px;height:200px;border-radius: 50%;padding:50px 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;text-align: center;position: absolute;top:50%;left: 50%;margin-top: -110px;margin-left: -100px;
    font-size:35px;line-height: 35px;font-weight: 800;text-transform: uppercase;color: #d83980;border: 3px solid #d83980; }
.csr .img img{width:80%;}
.csr .csr-ul.csr-ul-4{}
.csr .csr-ul.csr-ul-4 li:nth-child(3),.csr .csr-ul.csr-ul-4 li:nth-child(4){width: 45%;}
.csr .csr-ul.csr-ul-4 li:nth-child(1),.csr .csr-ul.csr-ul-4 li:nth-child(5){right:unset;}
.csr .csr-ul.csr-ul-4 li:nth-child(2),.csr .csr-ul.csr-ul-4 li:nth-child(6){left:unset;}
@media (max-width: 1440px) {
    .csr .csr-ul li h6{font-size: 18px;}
    .csr .csr-ul li p{font-size: 14px;line-height: 22px}
    .csr .img{width:150px;height:150px;margin-top: -90px;margin-left: -75px;font-size:40px;border: 2px solid #d83980; }
}
.culture .text{padding:0 0 50px 0;}
.culture .text p{font-size: 20px;line-height:40px;color: #495057;text-align:justify; text-justify:inter-ideograph;margin-bottom: 30px;font-weight: 400}

.Vision{padding: 150px 0 100px 0;}
.Vision-ul{width: 100%}
.Vision-ul li{width: 32%;background-color:#f4f7fc;padding:40px;border-radius: 12px;position: relative;overflow: hidden}
.Vision-ul li h6{font-size: 1.354166vw;color: var(--color-10);margin-bottom: 20px;font-weight: 500}
.Vision-ul li p{font-size: 0.9375vw;color: var(--color-10)}
.Vision-ul li :after{content: '';width:50px;height:50px;border:10px solid var(--color-2);position: absolute;right: -15px;bottom: -15px;border-radius: 50%}

.about-ren{padding: 100px 0;background-color:#f4f7fc;}
.about-ren-ul{flex-wrap: wrap;}
.about-ren-ul li{width: 23.5%;margin-bottom: 2%;background-color: #fff;border-radius: 12px;padding:10px;}
.about-ren-ul li img{width: 100%;}

#Cert1{background-color:#f4f7fc;}
#Cert{background-color: #fff}
.zs{padding: 100px 0 0 0;}
.zs .Quality{padding: 50px 0}
.zs-img{text-align: center;padding: 20px 0;}
.zs-img img{width: auto;max-width: 100%;}
.quality-ul{margin: 30px auto;flex-wrap: wrap}
.quality-ul li{width:23.5%;margin-right: 2%;margin-bottom: 2%;background-color:#f4f7fc;padding: 20px;}
.quality-ul li:nth-child(4n){margin-right: 0;}
.quality-ul li img{width: 100%;display: block;margin-bottom: 10px;border: 5px solid #eee}
.quality-ul li p{font-size: 0.9375vw;text-align: center;line-height: 28px;}


.pro{padding: 150px 0 0 0;background-color: #fff;}
.pro-title{font-size:2.34375vw;margin-bottom: 50px;}

.pro::-webkit-scrollbar{display: none;}
.pro .nav-tabs{width:100%;border: none!important;position: relative;bottom: -2px;}
.pro .nav-tabs li{border:none!important;width:20%;height: 85px;border-radius:0!important;}
.en .pro .nav-tabs li{border:none!important;width:25%;}
.pro .nav-tabs li:last-child{margin-right: 0}
.pro .nav-tabs li a{width: 100%;display:block;padding: 0 40px;line-height:80px;font-size: 1.145833vw;color: var(--color-10);border-bottom: 0!important;border-top: 2px solid #fff;;font-weight: 500;background-color:#fff!important;text-align: center;}
.pro .nav-tabs li.active{border: none!important;}
.pro .nav-tabs li.active a,.pro .nav-tabs li.active:hover a{font-weight: 550;border:none;background-color:#f4f7fc!important;border-top:2px solid var(--color-1);border-bottom: 0!important;color:var(--color-1);}
.pro .tab-content{position: relative;z-index: 2;width:100%;padding:20px 0 0 0}
.pro .tab-content p{font-size: 18px;line-height: 30px;font-weight: 300;margin-bottom: 20px;color:#495057 }
.pro .tab-content h6{font-size:25px;font-weight: 550;color: #212529;margin-bottom: 20px;}
@media (max-width: 991px) {
    .pro .nav-tabs{width:100%;margin-bottom:0;}
    .pro .nav-tabs li{border: none!important;width:100%;margin-right:0;margin-bottom:4%}
    .pro .nav-tabs li:last-child{margin-bottom:0;}
    .pro .nav-tabs li a{font-size: 1.6rem;line-height:30px!important;}
    .pro .tab-content{padding:10px 0 0 0}
    .pro .tab-content p{font-size: 1.4rem;line-height:2rem;margin-bottom:10px;}
    .pro .tab-content h6{font-size:1.6rem;margin-bottom:10px;}
}

.product{padding:0;background-color:#f4f7fc;}
.pro-ul{flex-wrap: wrap;padding: 50px 0;}
.pro-ul li{width: 23.5%;margin-right: 2%;margin-bottom: 2%;}
.pro-ul li:nth-child(4n){margin-right: 0;}
.pro-ul li .img{width: 100%;margin: 0;height: auto;overflow: hidden;}
.pro-ul li .img img{width: auto;max-width: 100%;}
.pro-ul li .info{padding: 20px;background-color: #fff;text-align: center;}
.pro-ul li .info h6{font-size: 1.04166vw;font-weight: 500;color:var(--color-10);}
.pro-ul li a:hover .img img{transform: scale(1.1);-webkit-transform: scale(1.1);}
.pro-ul li a:hover .info h6{color: var(--color-2);}

.app{padding:50px 0 50px 0;background-color:#f4f7fc;}
.app .section-title{margin-bottom:20px;}
.app .text{padding:0;}
.app .text p{font-size: 0.9375vw;line-height:2;color: #495057;font-weight: 400;margin-bottom: 0;}
.app-ul{padding:50px 0;position: relative;flex-wrap: wrap;}
.app-ul li{
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    width: 32%;
    margin-right:2%;
    margin-bottom:2%;
    position: relative;
    background-color: #fff;
    box-shadow:0 5px 10px rgba(88,100,117,.1);
    -webkit-box-shadow:0 5px 10px rgba(88,100,117,.1);
    overflow: hidden;
}
.app-ul li:nth-child(3n){margin-right: 0}
.app-ul li:hover{
    background-color: #fff;
    box-shadow:0 20px 40px rgba(88,100,117,.15);
    -webkit-box-shadow:0 20px 40px rgba(88,100,117,.15);
}
.app-ul li a{outline: none;}
.app-ul li:hover:after{background-color: rgba(31,67,155,0.9);}
.app-ul li .img{width:100%;position: relative;}
.app-ul li .img:after{content: '';width: 100%;height: 100%;background-color: rgba(0,0,0,0);position: absolute;left: 0;top:0;z-index: 3;}
.app-ul li .img img{width:100%;position: relative;z-index: 2;}
.app-ul li .info{width: 100%;height: 15%;padding:15px 30px;position: absolute;bottom: 0;left: 0;z-index: 4;background-color: rgba(0,46,167,0.75);
    transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);
}
.app-ul li .info h4{font-size: 1.145833vw;font-weight:500;margin-bottom: 20px;color: #fff}
.app-ul li .info h4 i{font-size: 1.145833vw;font-weight:400;}
.app-ul li .info p{font-size: 0.83333vw;line-height:1.8;color:#fff;font-weight:400;}
.app-ul li a:hover .info{height:100%;bottom: 0;padding: 30px;}

@media (max-width: 1440px) {
    .app{padding:40px 0;}
    .app-ul{padding:40px 0;}
}
@media (max-width: 1280px) {
    .app{padding:40px 0;}
    .app-ul{padding:30px 0;}
}
@media (max-width: 992px) {
    .app{padding:20px 0;}
    .app-ul{padding:20px 0 0 0;}
    .app-ul li{margin-bottom: 3%;}
    .app-ul li a{flex-wrap: wrap;padding: 20px;}
    .app-ul li .img{width:100%;margin-bottom: 10px;}
    .app-ul li .info{width: 100%;padding-left:0;}
    .app-ul li .info h4{font-size:2.2rem;margin-bottom:10px;font-weight: 550}
    .app-ul li .info h4 i{font-size: 2.6rem;}
    .app-ul li .info p{font-size: 1.5rem;line-height:2.5rem;}
}

.showpro{padding:100px 0 0 0;background-color:#fff;}
/*产品介绍*/
.pro-details{width: 100%;padding:50px 0}
.pro-details:nth-child(2){padding: 0 0 100px 0}
.pro-details p{font-size: 0.83333vw;line-height:2;color: var(--color-10);font-weight: 400;margin-bottom: 10px;}
.pro-details p:last-child{margin-bottom: 0;}
.pro-details table{width: 100%;margin: 20px auto;}
.pro-details table:last-child{margin-bottom: 0;}
.pro-details table td{border: 1px solid #ddd;padding: 5px 10px;text-align: center}
.pro-details table th{background-color:var(--color-1);font-weight: 500;color: #fff;padding: 5px 10px;border: 1px solid #fff;text-align: center}
.pro-details-info{width: 100%;background-color:#f4f7fc;padding:50px 0 100px 0;}

.pro-img-info{width: 100%;}
.pro-img-info .info{width:47.5%;font-size: 0.9375vw;line-height: 2;color: var(--color-10);}
.pro-img-info .info h1{font-size:1.875vw;font-weight: 500;color: var(--color-10);margin-bottom:30px;}
.pro-img-info .imgs{width:47.5%;margin-right: 5%}
.pro-img-info .imgs .thumbnails {width: 120px; display: flex; flex-direction: column;gap: 10px;}
.pro-img-info .imgs .thumbnail {width: 100%; height:90px;cursor: pointer;overflow: hidden;opacity: 0.5;}
.pro-img-info .imgs .thumbnail.active {opacity: 1;}
.pro-img-info .imgs .thumbnail img {width: 100%; height: 100%; object-fit: cover; border-radius: 8px;border: none;}
.pro-img-info .imgs .main-image-container {flex: 1; position: relative; border-radius:20px; overflow: hidden;margin-bottom: 20px;}
.pro-img-info .imgs .main-image { width: 100%; height: 100%; object-fit: cover; }
.pro-img-info .imgs .image-info { position: absolute; bottom: 0; left: 0; right: 0; background: linear-gradient(to top, rgba(0,0,0,0.5), transparent);padding:40px 20px; color: white;opacity: 0; transition: opacity 0.5s; }
.pro-img-info .imgs .main-image-container:hover .image-info { opacity: 1; }
.pro-img-info .imgs .nav-btn { position: absolute; top: 50%; transform: translateY(-50%);background-color:rgba(255,255,255,0.5);width:60px; height:60px;border-radius: 50%;display: flex; align-items: center; justify-content: center; cursor: pointer; z-index: 10; transition: background 0.2s;border: 1px solid #eee }
.pro-img-info .imgs .nav-btn:hover { background-color:var(--color-1); color: white;}
.pro-img-info .imgs .nav-btn:hover i{color: #fff;font-weight: 400;}
.pro-img-info .imgs .nav-btn i{font-size: 20px;color:var(--color-10)}
.pro-img-info .imgs .prev-btn { left: 10px; }
.pro-img-info .imgs .next-btn { right: 10px; }
.pro-img-info .imgs .disabled { opacity: 0.5; cursor: not-allowed;}
@keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }
.fade-in { animation: fadeIn 0.5s; }

/*相关产品*/
.pro-related-ul{width: 100%;height: 300px;}
.pro-related-ul li{margin: 25px 10px;}
.pro-related-ul li a{outline: none;display: block;background-color: #fff;}
.pro-related-ul li .img{width: 100%;overflow: hidden}
.pro-related-ul li .img img{width: 100%;}
.pro-related-ul li .info{padding:10px 0;text-align: center;}
.pro-related-ul li .info h6{font-size: 0.9375vw;color: var(--color-10);}
.pro-related-ul .NextArrow,.pro-related-ul .PrevArrow{
    position: absolute;
    width: 40px;
    height:40px;
    line-height: 40px;top:50%;margin-top: -25px;border: none;background-color: #fff;border-radius: 50%;
    text-align: center;
    z-index: 999;
    outline: none;
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.1),0 8px 22px -11px rgba(0, 0, 0, 0.4),0 16px 40px -20px rgba(0, 0, 0, 0.1);
}
.pro-related-ul .NextArrow i,.pro-related-ul .PrevArrow i{font-size:20px;color:#868e96;}
.pro-related-ul .NextArrow:hover i,.pro-related-ul .PrevArrow:hover i{color:var(--color-1);}
.pro-related-ul .NextArrow{right:-20px;}
.pro-related-ul .PrevArrow{left:-20px;}
@media (max-width: 991px) {
    .pro-related-ul{width: 100%;padding:20px 0;}
    .pro-related-ul li{padding:0;margin:0 5px;border: none}
    .pro-related-ul li .info{padding:10px 0;}
    .pro-related-ul li .info h6{font-size: 1.4rem;line-height:1.8rem!important;padding: 0}
    .pro-related-ul li .info p{font-size:1.2rem;line-height:2rem;}
    .pro-related-ul .NextArrow,.pro-related-ul .PrevArrow{width:32px;height:32px;line-height:30px;bottom:-25px;}
    .pro-related-ul .NextArrow i,.pro-related-ul .PrevArrow i{font-size:1.6rem;}
    .pro-related-ul .NextArrow{right:0;}
    .pro-related-ul .PrevArrow{left:0;}
}

#Process{padding: 150px 0 50px 0;background-color: #fff;}
#Equipment{padding:100px 0;background-color: #f4f7fc;}
.rd{width: 100%;}
.rd .section-title h4{margin-bottom: 20px;}
.rd .section-title p{font-size: 1.04166vw;color: var(--color-10);line-height: 2;width: 70%}
.Process{width: 100%;max-height: 500px;padding: 50px 50px 25px 50px;background-color: #fff;border-radius:20px;margin-bottom: 50px;overflow: hidden;}
.process-ul{width: 100%;position: relative;}
.process-ul:after{content: '';width: 100%;height: 3px;background-color: var(--color-1);position: absolute;left: 0;top:20px;z-index: 1;}
.process-ul:before{
    content: '';
    position: absolute;
    right: -10px;
    top:21px;
    transform: translateY(-50%);
    border-width: 10px 0 10px 10px;
    border-style: solid;
    border-color: transparent transparent transparent var(--color-1);
}
.process-ul li{width: 20%;padding-top:50px;text-align: center;position: relative;}
.process-ul li:after{content: '';width: 20px;height: 20px;background-color: var(--color-1);border: 4px solid #fff;position: absolute;top:10px;border-radius: 50%;left:50%;margin-left:-14px; }
.process-ul li .ico{position: relative;z-index: 2;width:80px;margin:20px auto;display: block}
.process-ul li .ico img{width: 100%;}
.process-ul li .txt{position: relative;z-index: 2;}
.process-ul li .txt h6{font-size: 1.145833vw;margin-bottom: 10px;font-weight: 550;color: var(--color-10);}
.process-ul li .txt p{font-size: 0.83333vw;color:var(--color-11);}


.Equipment{width: 100%;}
.Equipment-ul{flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}
.Equipment-ul li{width: 32%;margin-right: 2%;margin-bottom: 2%;border-radius: 20px;overflow: hidden;background-color: #fff;position: relative;padding-bottom:6.8vh;}
.Equipment-ul li:nth-child(3n){margin-right: 0}
.Equipment-ul li .img{width: 100%;}
.Equipment-ul li .img img{width: 100%;}
.Equipment-ul li .info{ transition: all 0.5s;-webkit-transition: all 0.5s;width: 100%;height:100%;padding:0 2.08vw 0 2.08vw;position:absolute;bottom:-90%;left: 0;background-color: rgba(255,255,255,0.75);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);}
.Equipment-ul li .info h6{font-size: 1.145833vw;margin-bottom:30px;color: var(--color-10);font-weight: 550;position:relative;}
.Equipment-ul li .info p{font-size: 0.83333vw;color: var(--color-10);line-height:25px;}
.Equipment-ul li:hover .info{bottom:-30%;padding:3.70vh 2.08vw 0 2.08vw;border-top: 1px solid #fff;}
.Equipment-ul li.slick-active{-webkit-animation: fadeIn 1s both;animation: fadeIn 1s both;}
.Equipment-ul li.slick-active .img{-webkit-animation: fadeInDown 1s both 0.2s;animation: fadeInDown 1s both 0.2s;}
.Equipment-ul li.slick-active .info p{-webkit-animation: fadeInUp 1s both 0.4s;animation: fadeInUp 1s both 0.4s;}
.Equipment-ul li.slick-active .info h6{-webkit-animation: fadeInUp 1s both 0.6s;animation: fadeInUp 1s both 0.6s;}
.Equipment-ul .NextArrow,.Equipment-ul .PrevArrow{
    position: absolute;
    width: 40px;
    height:40px;border-radius: 50%;
    line-height:40px;
    background:transparent;border: none;top:50%;margin-top: -20px;
    text-align: center;
    z-index: 999;
    outline: none;
}
.Equipment-ul .NextArrow i,.Equipment-ul .PrevArrow i{font-size:40px;color:var(--color-1);font-weight: 400;}
.Equipment-ul .NextArrow:hover i,.Equipment-ul .PrevArrow:hover i{color:var(--color-1);}
.Equipment-ul .NextArrow{right:-20px;transform: rotate(-180deg)}
.Equipment-ul .PrevArrow{left:-20px;}
.Equipment-ul .slick-dots{position: absolute;width: 100%;left: 0;bottom:-20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
}
.Equipment-ul .slick-dots li{margin:6px!important;border: none;border-radius: 50%;width:10px!important;height: 10px;padding: 0!important;background:none;background-color: rgba(0,0,0,0.2);}
.Equipment-ul .slick-dots li button{padding: 0;border: none;margin: 0;}
.Equipment-ul .slick-dots li.slick-active{background-color:var(--color-1) }
.Equipment-ul .slick-dots li button:before {font-size:14px;color:#222;opacity: 0;left:50%;margin-left: -5px;top:0;}
.Equipment-ul .slick-dots li.slick-active button:before {opacity: 0;color: var(--color-1)}
@media (max-width: 1440px) {
    .rd .section-title p{font-size: 1.25vw;}
    .Equipment-ul{flex-wrap: wrap;margin: 0 -15px;}
    .Equipment-ul{height:350px;}
    .Equipment-ul li{margin:0 15px;border-radius: 15px}
    .Equipment-ul li .info{}
    .Equipment-ul li .info h6{top:-10px;margin-bottom: 20px;}
    .Equipment-ul li:hover .info h6{top:unset}
    .Equipment-ul li .info p{font-size: 0.99vw;line-height:20px;}
}

.paihao{padding:100px 0 100px 0;}
.paihao-img-info{}
.paihao-img-info .img{width:72%;border:3px solid #f4f7fc;background-color: #fff;padding:40px;border-radius: 20px;-webkit-box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .03);box-shadow: 0 15px 30px 0 rgba(0, 0, 0, .03);}
.paihao-img-info .img img{width: auto;max-width: 100%;}
.paihao-img-info .info{width:26%;}
.paihao-img-info .info h6{font-size: 1.145833vw;color: var(--color-10);margin-bottom: 20px;font-weight: 600}
.paihao-ul{width: 100%;}
.paihao-ul li{margin-bottom:20px;display: flex;align-items: center}
.paihao-ul li i{display: block;width:25px;height:25px;border-radius: 50%;border:3px solid #fff;}
.paihao-ul li p{font-size: 0.83333vw;color: var(--color-10);width: calc(100% - 25px);padding-left:15px;}
.paihao-ul li p span{font-size: 0.72916vw;display: block}
.gongxu{padding:100px 0 100px 0;background-color:#f4f7fc;}
.gongxu-ul{
    background-color: #fff;padding:60px 40px 0 40px;border-radius: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    counter-reset: item;
    flex-wrap: wrap;
    position: relative;-webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.03);box-shadow: 0 15px 30px 0 rgba(0,0,0,.03);
}
.gongxu-ul li{width: 20%;margin-bottom:4%;position: relative;z-index: 3;text-align: center;counter-increment: item;}
.gongxu-ul li:nth-child(1) { order: 1; }
.gongxu-ul li:nth-child(2) { order: 2; }
.gongxu-ul li:nth-child(3) { order: 3; }
.gongxu-ul li:nth-child(4) { order: 4; }
.gongxu-ul li:nth-child(5) { order: 5; }
.gongxu-ul li:nth-child(6) { order: 10;margin-bottom:2%;}
.gongxu-ul li:nth-child(7) { order: 9;margin-bottom:2%;}
.gongxu-ul li:nth-child(8) { order: 8;margin-bottom:2%;}
.gongxu-ul li:nth-child(9) { order: 7;margin-bottom:2%;}
.gongxu-ul li:nth-child(10) { order: 6;margin-bottom:2%;}
.gongxu-ul li .img{width:70%;margin:10px auto;position: relative;z-index: 10}
.gongxu-ul li .img img{width: 100%;border-radius: 50%;border:8px solid #eee;}
.gongxu-ul li .img i{position:absolute;border:1px solid #fff;bottom:-15px;left:50%;margin-left: -18px;background-color:rgba(0,46,167,0.75);backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);color:#fff;font-size: 0.9375vw;font-style: normal;display: inline-block;width: 36px;height: 36px;line-height: 34px;border-radius: 50%;text-align: center;}
.gongxu-ul li .info{text-align: center;padding: 20px 0;}
.gongxu-ul li .info h6{font-size: 1.145833vw;color: var(--color-10);position: relative;z-index: 2}
.gongxu-ul li::before {content: "";position: absolute;top:40%;width:40%;height:1px;background:var(--color-13);z-index: 1;}
.gongxu-ul li:nth-child(-n+5)::before {right: -10%;transform: translateY(-50%);}
.gongxu-ul li:nth-child(n+6)::before {left:-10%;transform: translateY(-50%);}
.gongxu-ul li::after {transition: all 0.3s ease;content: "";position: absolute;top: 40%;width: 12px;height: 12px;border-top:2px solid var(--color-1);border-right:2px solid var(--color-1);z-index: 1}
.gongxu-ul li:nth-child(-n+5)::after {animation: arrow-right 1s infinite;right:-10%;transform: translateY(-50%) rotate(45deg);}
.gongxu-ul li:nth-child(n+6)::after {animation: arrow-left 1.5s infinite;left: -10%;transform: translateY(-50%) rotate(-135deg);}
.gongxu-ul li:last-child::before,.gongxu-ul li:last-child::after{display: none;}
.gongxu-ul li:nth-child(5)::after {
    content: "";
    position: absolute;
    right: 50%;
    bottom:-20%;
    top: auto;
    width: 12px;
    height: 12px;
    border-right:2px solid var(--color-1);
    border-bottom:2px solid var(--color-1);
    border-top:none;
    transform: translateX(50%) rotate(45deg);
    display: block;animation: arrow-down 2s infinite;
}
.gongxu-ul li:nth-child(5)::before {
    content: "";
    position: absolute;
    right: 50%;
    bottom: -20%;
    top: auto;
    width:1px;
    height:40%;
    background: var(--color-13);
    transform: translateX(50%);
    display: block;
}

/* 箭头动画 */
@keyframes arrow-right {
    0% {
        right: -9%;
        opacity: 0;
    }
    50% {
        right: -10%;
        opacity: 1;
    }
    100% {
        right: -11%;
        opacity: 0;
    }
}

@keyframes arrow-left {
    0% {
        left: -9%;
        opacity: 0;
    }
    50% {
        left: -10%;
        opacity: 1;
    }
    100% {
        left: -11%;
        opacity: 0;
    }
}

@keyframes arrow-down {
    0% {
        bottom: -19%;
        opacity: 0;
    }
    50% {
        bottom: -20%;
        opacity: 1;
    }
    100% {
        bottom: -21%;
        opacity: 0;
    }
}
#Technology-1{background-color:#f4f7fc;padding:100px 0 50px 0;}
#Technology-2{background-color: #fff;padding:100px 0 50px 0;}
#Technology-3{background-color:#f4f7fc;padding:100px 0 100px 0;}
.Technology{width: 100%}
.Technology .img-text{background-color: #fff;padding: 40px;border-radius: 12px;margin-bottom:50px;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.03);box-shadow: 0 15px 30px 0 rgba(0,0,0,.03);
    align-items: center;
}
.Technology .img-text .img{width:30%;margin-right: 3%}
.Technology .img-text .img img{width: auto;max-width: 100%;}
.Technology .img-text .text{width:67%;}
.Technology .ico-text-ul{width: 100%;margin-bottom: 50px;}
.Technology .ico-text-ul li{width: 18.4%;height: 120px;border-radius: 8px;background-color: var(--color-1);
    display: flex;justify-content: center;flex-wrap: wrap;
    box-sizing: border-box;
    position: relative;
    transform: translateY(0);
    transition: all 0.3s ease;
    box-shadow:
            0 4px 8px -4px rgba(0, 0, 0, 0.1),  /* 第一层：轻微阴影 */
            0 8px 22px -11px rgba(0, 0, 0, 0.4),   /* 第二层：中等模糊阴影 */
            0 16px 40px -20px rgba(0, 0, 0, 0.1); /* 第三层：远距离模糊阴影 */
}
.Technology .ico-text-ul li::before {
    background: linear-gradient(180deg, rgba(255,255,255,0.2) 0%, rgba(255,255,255,0) 50%);
}
.Technology .ico-text-ul li:first-child{background-color: var(--color-2);}
.Technology .ico-text-ul li:last-child{background-color: transparent;text-align: center;align-items: center;justify-content: center;box-shadow:none;}
.Technology .ico-text-ul li i{display: block;color: #fff;margin-top:10px;}
.Technology .ico-text-ul li:nth-child(1) i{font-size: 32px;line-height: 30px;}
.Technology .ico-text-ul li:nth-child(2) i{font-size: 18px;line-height: 30px;}
.Technology .ico-text-ul li:nth-child(3) i{font-size: 20px;line-height: 30px;}
.Technology .ico-text-ul li:nth-child(4) i{font-size: 25px;line-height: 30px;}
.Technology .ico-text-ul li p{color: #fff;font-size: 0.72916vw;text-align: center;width: 100%;height: 50px;}
.Technology .ico-text-ul li p b{font-size: 0.9375vw;display: block;font-weight: 500}
.Technology .ico-text-ul li h6{color: var(--color-1);font-size: 1.04166vw;font-weight: 550;}
.Technology .img-text .text table{width: 100%;border: 1px solid #eee;border-radius: 12px;overflow: hidden;
    -webkit-box-shadow: 0 15px 30px -10px rgba(0,0,0,.08);box-shadow: 0 15px 30px -10px rgba(0,0,0,.08);
}
.Technology .img-text .text table td{border: 1px solid #eee;padding: 10px;font-size: 0.83333vw;text-align: center;}
.Technology .img-text .text table th{border: 1px solid #eee;padding: 10px;background-color: var(--color-1);color: #fff;font-size: 0.9375vw;font-weight: 500;text-align: center}
.Technology .text{width: 100%;margin-bottom: 0}
.Technology .text h6{margin-bottom: 20px;font-weight: 550;font-size: 1.145833vw;}
.Technology .text .duibi{display: flex;align-items: center;}
.Technology .text .duibi p{margin-right:10px;display: inline-block;max-width: 100%;padding: 0 20px;
    line-height:45px;background-color: var(--color-1);font-size: 0.83333vw;color: #fff;border-radius:30px;text-align: center;
    box-shadow: 0 4px 8px -6px rgba(0, 0, 0, 0.08), 0 8px 22px -11px rgba(0, 0, 0, 0.16),0 16px 40px -20px rgba(0, 0, 0, 0.08);
}
.Technology .text .duibi p:last-child{background-color: #fff;color: var(--color-10);margin-right: 0}
.Technology .text .duibi i{font-size: 50px;color: var(--color-1);margin-right:10px;}

#Technology-2 .img-text{-webkit-box-shadow:none;box-shadow:none;padding:50px 0 0 0}
#Technology-2 .img-text .img{margin-bottom:30px;width: 100%;}
#Technology-2 .img-text .img img{width:500px;max-width: 100%;min-width: 50%;}
#Technology-2 .img-text .text{padding-top: 20px;border-top: 1px solid #eee;width: 100%}
#Technology-2 .img-text .text h6{color: var(--color-1);}
#Technology-2 .img-text .text p.flex-fs{width: 100%;padding-top: 10px;}
#Technology-2 .img-text .text .flex-fs span{display: inline-block;margin-right: 20px;padding:8px 30px;border-radius: 30px;background-color: var(--color-14);color: var(--color-10);font-size: 0.9375vw;}
#Technology-2 .imgs{width:100%;margin-bottom: 20px}
#Technology-2 .imgs img{width:1000px;max-width: 100%;min-width: 50%;}
#Technology-2 .text{padding-top: 20px;border-top: 1px solid #eee;}
#Technology-2 .text h6{font-size: 1.354166vw;color: var(--color-1)}
#Technology-2 .text p{font-size: 1.04166vw;}
#Technology-2 .text .txt-jia{width: 330px;align-items: center;font-size:1.5625vw;padding-top:25px;}
#Technology-2 .text .txt-jia span{display: inline-block;border-radius:25px;width:45%;font-size: 1.04166vw;line-height: 45px;text-align: center;background-color:#f4f7fc;}

.Technology .text-ul-u4{width: 100%;margin:30px 0 50px 0;}
.Technology .text-ul-u4 li{width: 23.5%;padding:25px;background-color: #fff;border-radius: 12px;position: relative;
    -webkit-box-shadow: 0 15px 30px -10px rgba(0,0,0,.06);box-shadow: 0 15px 30px -10px rgba(0,0,0,.06);overflow: hidden;
}
.Technology .text-ul-u4 li:after{content: '';width:50px;height:50px;border:8px solid var(--color-2);border-radius: 50%;right: -15px;top: -15px;position: absolute; transform: rotate(45deg);}

.Technology .text-ul-u4 li b{font-size: 1.04166vw;margin-bottom: 10px;color: var(--color-10);display: block}
.Technology .text-ul-u4 li p{font-size: 0.83333vw;color: var(--color-11)}
.Technology .biezhu h6{font-size: 1.145833vw;color: var(--color-1);font-weight: 550;margin-bottom:20px;}
.Technology .biezhu p{font-size: 0.9375vw;color:var(--color-10);}
.Technology .biezhu p b{font-size: 0.9375vw;}

.youshi{padding:100px 0 100px 0;background-color: #fff}
.dingzhi{padding:100px 0 100px 0;background-color: #f4f7fc}
.dingzhi .text-dl{
    padding: 40px;
    -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.03);box-shadow: 0 15px 30px 0 rgba(0,0,0,.03);
    background-color: #fff;
    border-radius: 20px;margin-bottom: 50px;position: relative;overflow: hidden;
}
.dingzhi .text-dl:after{
    content: '';width:100px;height:100px;border:12px solid var(--color-2);border-radius: 50%;left: -30px;bottom: -30px;position: absolute;
}
.dingzhi h5{font-size: 1.354166vw;margin-bottom:3vh;font-weight: 550;color: var(--color-10)}
.dingzhi .text{width:48.5%;border-right: 1px dashed #ddd;padding-right:30px}
.dingzhi .text p{font-size: 0.9375vw;color: var(--color-10);margin-bottom: 20px;line-height: 2;}
.dingzhi-dl{width: 48.5%;flex-wrap: wrap;}
.dingzhi-dl dt{width: 100%;margin-bottom: 20px;font-size: 1.145833vw;font-weight: 550;color: var(--color-10)}
.dingzhi-dl dd{width: 49%;padding: 20px;border-radius:8px;border: 1px solid #eee;}
.dingzhi-dl dd h6:after{content: '';width: 3px;height: 20px;position: absolute;left:-20px;background-color: var(--color-1);top:50%;margin-top: -10px;}
.dingzhi-dl dd h6{font-size: 0.9375vw;font-weight: 500;margin-bottom: 10px;position: relative;color: var(--color-10);}
.dingzhi-dl dd h6 i{}
.dingzhi-dl dd p{font-size: 0.83333vw;color: var(--color-11);line-height: 1.8;}

.dingzhi-ul{width: 100%;}
.dingzhi-ul li{width: 32%;padding: 30px;position: relative;border-radius: 12px;background-color: #fff; -webkit-box-shadow: 0 15px 30px 0 rgba(0,0,0,.03);box-shadow: 0 15px 30px 0 rgba(0,0,0,.03);}
.dingzhi-ul li i{position: absolute;font-size:40px;right:20px;top:20px;color: var(--color-1)}
.dingzhi-ul li b{font-size: 1.04166vw;font-weight: 550;margin-bottom: 10px;display: block;color: var(--color-10);}
.dingzhi-ul li p{font-size: 0.83333vw;color: var(--color-11)}

.youshi-info{width: 100%;position: relative;padding: 50px 0;}
.youshi-info .img{width: 100%;height: 100%;}
.youshi-info .img img{width: auto;max-width: 100%;}
.youshi-lc-ul{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content:space-between;
    justify-content: space-between;
    width: 80%;margin: 0 auto 20px 5%;
}
.youshi-lc-ul:last-child{margin:20px 5% 0 auto}
.youshi-lc-ul li{width: 20%;text-align: center;position: relative}
.youshi-lc-ul li:after{content: '';width: 20px;height: 20px;border-radius: 50%;background-color: var(--color-1);
    box-shadow: 0 4px 8px -6px rgba(0, 0, 0, 0.08), 0 8px 22px -11px rgba(0, 0, 0, 0.16),0 16px 40px -20px rgba(0, 0, 0, 0.08);
    position: absolute;left: 50%;margin-left: -10px;bottom: -61%;
}
.youshi-lc-ul:last-child li:after{bottom:unset;top: -59%}
.youshi-lc-ul li b{font-size: 1.04166vw;font-weight: 550;display: block;margin: 10px auto;text-align: center}
.youshi-lc-ul li p{font-size: 0.83333vw;display: flex;align-items: center;justify-content: center}
.youshi-lc-ul li p span{display: inline-block;padding: 5px 20px;background-color: #fff;border: 1px solid #eee;margin-right: 10px;border-radius: 20px;box-shadow: 0 4px 8px -6px rgba(0, 0, 0, 0.08), 0 8px 22px -11px rgba(0, 0, 0, 0.16),0 16px 40px -20px rgba(0, 0, 0, 0.08);}
.youshi-lc-ul li p span:last-child{margin-right: 0}

.youshi-title{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;height: 180px;top:50%;margin-top: -90px;
}
.youshi-title .ico{padding: 20px;background-color: var(--color-1);border-radius: 50%;
    box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.1),0 8px 22px -11px rgba(0, 0, 0, 0.4),0 16px 40px -20px rgba(0, 0, 0, 0.1);
    margin-right:2vw;display: flex;align-items: center;justify-content: center;text-align: center;
    width:9vw;height:9vw;
}
.youshi-title .ico h4{color:#fff;font-size: 1.145833vw;}
.youshi-title .ico h4 span{font-size: 0.83333vw;color:#fff;display: block;padding-top:1vh;}
.youshi-title .txt{padding-top:2vh;}
.youshi-title .txt h4{font-size:1.5625vw;color: var(--color-1);font-weight: 550;margin-bottom:1vh;}
.youshi-title .txt p{font-size: 1.04166vw;margin-bottom:2vh;}
.youshi-title .txt p span{background-color: #fff;font-size: 0.83333vw;display: inline-block;border-radius: 20px;padding: 5px 20px;margin-right: 10px;border: 1px solid #ddd;}

.zmb{ width:100%; height:100%; position:fixed; left:0; top:0; background:black; background:rgba(0,0,0,0.8); display:none; z-index:99999;}
.tc_video{ width:1000px;height:460px; position:fixed; left:50%; top:50%; margin:-230px 0 0 -500px; background:transparent; display:none; z-index:100000;text-align: center}
.tc_video video, .tc_video p{width:100%; height:auto;}
.tc_video p iframe{width:100%; height:100%;}
@media (max-width: 1440px) {
}
@media  screen and (max-width:991px){
    .tc_video{ width:760px; height:300px; margin:-150px 0 0 -380px;}
}
@media  screen and (max-width:767px){
    .tc_video{ width:90%; height:250px; margin:-125px 0 0 0; left:5%;}
}