@import "font-awesome.css";
@import "michuan.css";
@import "animate.css";
@import "swiper.min.css";
*{box-sizing:border-box}
.wrap{width:100%;max-width:90%;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}
.main{padding:40px 0 60px 0;}

.header{position: fixed;z-index:999999;top:0;height:80px;width:100%;background:#fff;}
.header .wrap{height:100%;}
.header .left{display:flex;align-items: center;}
.header .left .logo img{max-width:140px}
.header .left .menu{display:flex;align-items: center;padding-left:34px;}
.header .left .menu .item{margin-right:44px;position: relative;}
.header .left .menu .item:last-child{margin-right:0;}
.header .left .menu .item h3 a{font-size:18px;height:80px;display:flex;align-items:center;position: relative;overflow:hidden;}
.header .left .menu .item h3 a:before{width:0;height:3px;background: linear-gradient(to right, #3675BA, #44BBB3);contetn:"";position: absolute;left:0;bottom:20px;transition-duration:.4s;content:""}
.header .left .menu .item:hover h3 a:before{width:100%;}
.header .left .menu .item.on h3 a{color:var(--on-color);}
.header .menu .item .pro_sub{transform: scaleY(0);transform-origin: top;transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;transition-duration:.4s;position: fixed;top:80px;left:0;width:100%;background: rgba(255,255,255,0.95);padding:20px 0 40px 0;}
.header .menu .item .pro_sub .hd{height:320px;overflow-y:scroll;;width:270px;padding:0 10px;border-right:1px solid #dfdfdf;}
.header .menu .item .pro_sub .hd::-webkit-scrollbar{display:none;}
.header .menu .item .pro_sub .hd a{position: relative;;display:flex;align-items: center;padding:0 25px 0 10px;height:45px;border-bottom:1px solid #dfdfdf;font-size:14px;color:#000;}
.header .menu .item .pro_sub .hd a i{position: absolute;right:5px;top:50%;transform: translateY(-50%);font-size:15px;}
.header .menu .item .pro_sub .hd a:hover,.header .menu .item .pro_sub .hd a.on{background:#4675B1;color:#fff;}
.header .menu .item .pro_sub .bd{width:calc(100% - 270px);padding:0 30px;}
.header .menu .item .pro_sub .bd .box{width:100%;display:none;overflow: hidden;}
.header .menu .item .pro_sub .bd .box .box_alt{width:100%;}
.header .menu .item .pro_sub .bd .box .box_alt .t{font-size:16px;color:#000;}
.header .menu .item .pro_sub .bd .box .box_alt .m a{font-size:16px;color:#000;}
.header .menu .item .pro_sub .bd .box .box_alt .m a:hover{color:#69BA2E;}
.header .menu .item .pro_sub .bd .box .box_info{display:block;width:100%;;margin-top:15px;overflow: hidden;}
.header .menu .item .pro_sub .bd .box .box_info .pitem{width:calc(100% / 5 - 24px);float:left;margin-right:30px;}
.header .menu .item .pro_sub .bd .bd .box .box_info .pitem{width:calc(100% / 4 - 22.5px);margin-right:30px;}
.header .menu .item .pro_sub .bd .box .box_info .pitem:last-child{margin-right:0;}
.header .menu .item .pro_sub .bd .box .box_info .pitem a{display:block;width:100%;background:#000;}
.header .menu .item .pro_sub .bd .box .box_info .pitem a .pic{width:100%;height:100%;}
.header .menu .item .pro_sub .bd .box .box_info .pitem a .pic img{width:100%;height:100%;object-fit: cover;;}
.header .menu .item .pro_sub .bd .box .box_info .pitem a .p{transition-duration:.4s;padding:10px 15px 15px;background:#E5E5E5;}
.header .menu .item .pro_sub .bd .box .box_info .pitem a .p h4{transition-duration:.4s;font-size:18px;color:#202020;text-transform:uppercase;font-family: 'Barlow-Bold';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.header .menu .item .pro_sub .bd .box .box_info .pitem a .p p{transition-duration:.4s;margin-top:4px;font-size:16px;color:#202020;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.header .menu .item .pro_sub .bd .box .box_info .pitem:hover .p{background:#4675B1;color:#FFF;}
.header .menu .item .pro_sub .bd .box .box_info .pitem:hover .p h4{color:#FFF;}
.header .menu .item .pro_sub .bd .box .box_info .pitem:hover .p p{color:#FFF;}
.header.height .left .menu .item .pro_sub{top:60px;}
.header .menu .item:hover .pro_sub{transform: scaleY(1);}
.header .subs{z-index:999;transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease;position: fixed;top:80px;left:0;width:100%;background: rgba(255,255,255,0.95);padding:30px;}
.header .subs .wrap{display:flex;flex-wrap: wrap;}
.header .subs{display: flex;flex-wrap: wrap;}
.header .subs .items{display: flex;flex-direction: column;align-items: center;flex-basis: calc(25% - 35px);padding: 0 0 25px 0;margin-right: 35px;width:calc(100% / 4 - 26.25px)}
.header .subs .items:nth-child(4n){margin-right: 0;}
.header .subs .items .pics{display:block;width:100%;overflow:hidden}
.header .subs .items img {width:100%;transition: 0.5s;}
.header .subs .items:hover img {transform: scale(1.2);}
.header .subs .items span {font-size: 16px;margin-top: 15px;text-align: center;}
.header .subs .ab span {font-size: 20px; margin-top: 25px;}
.header .item:hover .subs {transform: scaleY(1);}
.header .right{display:flex;align-items: center;gap:30px}
.header .right .lang{position: relative;}
.header .right .lang h3{border-radius:30px;cursor: pointer;;display:flex;background: linear-gradient(to right, #3988B1, #40ABB2);align-items: center;height:42px;padding:0 20px;;}
.header .right .lang h3 span{font-size:14px;margin-left:10px;color:#fff;}
.header .right .lang .sub{z-index:999;transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease;position:absolute;top:50px;left:0;width:120px;background:#fff;box-shadow:0 0 10px rgba(0,0,0,0.1);}
.header .right .lang .sub a{height:42px;display:block;overflow: hidden;font-size:13px;line-height:42px;padding:0 10px;}
.header .right .lang .sub a:hover{background:var(--on-color);color:#fff;}
.header .right .lang:hover .sub{transform: scaleY(1);}
.index_header{background:transparent;}
.header.height{box-shadow:0 0 10px rgba(0,0,0,0.1);background:#fff;}

.banner{padding-top:80px;overflow: hidden;position: relative;}
.banner .p img{width:100%;}

.index_swiper{position: relative;overflow: hidden;}
.index_swiper .swiper-slide{display:block;position: relative;z-index:33;}
.index_swiper .swiper-slide a{display:block;width:100%;}
.index_swiper .swiper-slide .pic{width:100%;height:100%;overflow: hidden;}
.index_swiper .swiper-slide .pic img{width:100%;height:100%;object-fit: cover;}
.index_swiper .swiper-slide .txt{width:100%;max-width:98%;margin:0 auto;text-align:center;transition-duration:1.5s;position: absolute;top:50%;opacity:0;left:0%;}
.index_swiper .swiper-slide.swiper-slide-active .txt{opacity:1;top:40%;}
.index_swiper .swiper-slide .txt h2{text-transform:uppercase;color: transparent;background-image: linear-gradient(to right, #3675BA, #44BBB3);-webkit-background-clip: text;background-clip: text;font-size:60px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.index_swiper .pagination{bottom:40px;position: absolute;z-index:99;display:flex;justify-content: center;align-items: center;}
.index_swiper .pagination .swiper-pagination-bullet{transition-duration:.5s;cursor: pointer;opacity:1;background:#3369B3;}
.index_swiper .pagination .swiper-pagination-bullet-active{width:35px;border-radius:4px;}
.index_swiper .swiper-prev,.index_swiper .swiper-next{cursor: pointer;;position: absolute;z-index:99;top:50%;transform: translateY(-50%);}
.index_swiper .swiper-prev{left:3%;}
.index_swiper .swiper-next{right:3%;}

.bread{position: relative;top:-33px;z-index:2;}
.bread .bread_box{padding:0 33px;height:66px;display:flex;align-items: center;background: linear-gradient(to right, #366BB3, #46BBB5);}
.bread .bread_box img{margin-right:12px;}
.bread .bread_box a{color:#FFFFFF;font-size:16px;}
.bread .bread_box span{margin:0 10px;color:#fff;}
.bread .bread_box a:hover{text-decoration: underline;}

.footer{background:#434751;}
.footer .bg{width:100%;height:15px;background: linear-gradient(to right, #3675BA, #44BBB3);}
.footer .footer-info{padding:55px 0 80px;}
.footer .footer-info .logo{width:19%;}
.footer .footer-info .info{width:62%;padding:0 1%;}
.footer .footer-info .info .item{width:45%;}
.footer .footer-info .info .item h2{color:#FFFFFF;font-size:22px;text-transform:uppercase;}
.footer .footer-info .info .item h3{height:48px;margin:30px 0 25px 0;font-size:16px;color:#FFFFFF;line-height:24px;}
.footer .footer-info .info .item p,.footer .footer-info .info .item p a{font-size:16px;color:#FFFFFF;line-height:36px;}
.footer .footer-info .info .item p a:hover{text-decoration: underline;}
.footer .footer-info .so{width:19%;}
.footer .footer-info .so h3{font-size:24px;color:#FFFFFF}
.footer .footer-info .so form{margin:20px 0 28px;display:flex;border-bottom:1px solid #7C7F86;align-items: center;justify-content: center;width:100%;}
.footer .footer-info .so form .btn{width:40px;display:flex;align-items: center;justify-content: center;cursor: pointer;}
.footer .footer-info .so form input{width:calc(100% - 40px);height:40px;font-size:16px;color:#FFFFFF;background: transparent;border:0;}
.footer .footer-info .so form input::placeholder{color:#FFFFFF;}
.footer .footer-info .so .txt{color:#FFFFFF;font-size:16px;line-height:24px;}
.footer .footer-info .so .ico{display:flex;align-items: center;margin-top:40px;}
.footer .footer-info .so .ico a{color:#fff;cursor: pointer;padding:0 10px;border-right:1px solid #FFFFFF}
.footer .footer-info .so .ico a:last-child{border-right:0;}

.footer .footer-bottom{border-top:1px solid #565A63;padding:35px 0 85px;}
.footer .footer-bottom p{font-size:16px;color:#FFFFFF;}
.footer .footer-bottom p a{margin-left:15px;font-size:14px;color:#FFFFFF;}
.footer .footer-bottom p a img{margin-right:5px;}

.list-downdows .bd .item{width:calc(50% - 30px);margin-bottom:70px;}
.list-downdows .bd .item .a{;display:flex;align-items: center;border-radius:4px;position: relative;padding:40px;box-shadow:0 0 10px rgba(0,0,0,0.1);transition-duration:.4s;height:100%;}
.list-downdows .bd .item .a:hover{transform: translateY(-5px);}
.list-downdows .bd .item::after{content:'';position: absolute;bottom:0;left:0;width:100%;height:10px;background: linear-gradient(to right, #3675BA, #44BBB3);}
.list-downdows .bd .item::before{content:'';position: absolute;bottom:10px;left:17%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #3675BA;}
.list-downdows .bd .item .pic{width:50%;border:1px solid #D6D6D6;display:flex;align-items: center;justify-content: center;}
.list-downdows .bd .item .info{height:100%;width:50%;padding-left:30px;display:flex;align-content:space-between;flex-wrap: wrap;}
.list-downdows .bd .item .info .title{width:100%;}
.list-downdows .bd .item .info .title h3{display:flex;align-items: center;gap:15px;}
.list-downdows .bd .item .info .title h3 span{font-size:24px;color:#3575BA;}
.list-downdows .bd .item .info .title .dasc{display:flex;border-bottom:1px solid #D9DADC;padding:40px 0 27px 0;}
.list-downdows .bd .item .info .title .dasc p{width:50%;display:flex;align-items: center;gap:10px}
.list-downdows .bd .item .info .title .dasc p span{color:#434751;}
.list-downdows .bd .item .info .btn{width:100%;}
.list-downdows .bd .item .info .btn a{width:160px;height:47px;display:flex;align-items: center;justify-content: center;font-size:16px;color:#fff;gap:10px;background: linear-gradient(to right, #3675BA, #44BBB3);transition-duration:.5s;margin-top:10px;}
.list-downdows .bd .item .info .btn a:hover{border-radius:24px;}

.pc-menu{display:flex;flex-wrap:wrap;gap:40px;}
.pc-menu a{color:#434751;font-size:16px;border-bottom:1px solid #D9DADC;display:flex;align-items: center;padding:0 10px 15px 3px;min-width:200px;;}
.pc-menu a:hover,.pc-menu a.on{color:var(--on-color);}

.list-page .hd{text-align:center;padding:70px 0;}
.list-page .hd h2{color:#434751;font-size:48px;text-transform:uppercase;font-family: 'Barlow-Bold';}
.list-page .hd p{font-size:16px;color:#434751;line-height:24px;margin-top:20px;}
.list-page .list .item{border-radius:12px;width:calc(100% / 3 - 40px);margin:0 60px 60px 0}
.list-page .list .item:nth-child(3n){margin-right:0;}
.list-page .list .item a{border-radius:12px;display:flex;position: relative;width:100%;padding-bottom:60px;}
.list-page .list .item a .pic,.list-page .list .item a .pic img{border-radius:12px;width:100%;}
.list-page .list .item .p{position: absolute;border-radius:0 0 12px 12px;height:70px;display:flex;align-items: center;padding:0 20px;bottom:0;left:0;width:100%;font-size:18px;color:#fff;background: linear-gradient(to right, #3675BA, #44BBB3);}
.list-histort .business_philosophy{display:flex;justify-content:center;flex-wrap:wrap;align-items: center;justify-content: space-between;margin-top: 60px}
.list-histort .business_philosophy .item{display:flex;margin-bottom:80px;flex-direction: column;width: 31%;}
.list-histort .business_philosophy .item .pic{width:50px;padding-top:10px;margin-bottom: 15px;}
/*.list-histort .business_philosophy .item .txt{width:520px;}*/
.list-histort .business_philosophy .item .txt h3{font-size:36px;color:#3575BA;font-family: 'Barlow-Bold';}
.list-histort .business_philosophy .item .txt .line{margin:12px 0 30px 0;width:80px;height:4px;background: linear-gradient(to right, #3675BA, #44BBB3);}
.list-histort .business_philosophy .item .txt p{font-size:20px;line-height:30px;color:#434751;white-space:wrap;}
.list-page .certificates .item_box .title{font-size:30px;color:#4081C0;margin-bottom:45px;;border-bottom:1px solid #E0DFDF;padding-bottom:13px;font-family: 'Barlow-Bold';}
.list-page .certificates .item_box .images_box{margin-bottom:45px;background:url(../images/bg3.png) repeat-x bottom center;}
.list-page .certificates .item_box .images_box .item{position: relative;width:calc(100% / 3 - 20px);margin:0 30px 40px 0;}
.list-page .certificates .item_box .images_box .item:nth-child(3n){margin-right:0;}
.list-page .certificates .item_box .images_box .item .src {width: 100%;height: 100%;}
.list-page .certificates .item_box2 .images_box .item{width:calc(100% / 4 - 15px);margin:0 20px 40px 0 !important;}
.list-page .certificates .item_box2 .images_box .item:nth-child(4n){margin-right:0 !important;}
.list-page .about_body{padding:70px 0 30px;}
.list-page .about_body .pic{width:44.5%;}
.list-page .about_body .pic h2{font-size:48px;color:#2A303D;line-height:60px;text-transform:uppercase;font-family: 'Barlow-Bold';}
.list-page .about_body .pic h2 span{color:#3777B1;font-family: 'Barlow-Bold';}
.list-page .about_body .txt{width:51%;padding-top:10px;}
.list-page .about_body .txt p{font-size:16px;line-height:24px;color:#434751;margin-bottom:20px;}
.list-page .about_body .txt p:last-child{margin-bottom:0;}
.list-page .about_video{padding:90px 0 60px;}
.list-page .about_video .title{display:flex;align-items: center;gap:15px;}
.list-page .about_video .title h2{font-size:48px;color:#434751;text-transform:uppercase;font-family: 'Barlow-Bold';}
.list-page .about_video .video_list{display:flex;flex-wrap:wrap;padding-top:50px;}
.list-page .about_video .video_list .video_list_left{width:30%;padding-right:30px;height:590px;overflow: auto;}
.list-page .about_video .video_list .video_list_left .item{position: relative;margin-bottom:25px;cursor: pointer;padding:4px;}
.list-page .about_video .video_list .video_list_left .item .p{position: relative;z-index:2;}
.list-page .about_video .video_list .video_list_left .item .p img{height:180px;object-fit: cover;width:100%;border-radius:8px;}
.list-page .about_video .video_list .video_list_left .item .bg{z-index:3;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.list-page .about_video .video_list .video_list_left .item.on::after{content:'';position: absolute;top:0;left:0;width:100%;height:100%;border-radius:8px;background: linear-gradient(to right, #3675BA, #44BBB3);}
.list-page .about_video .video_list .video_list_right{width:70%;padding-left:30px;}
.list-page .about_video .video_list .video_list_right .item{position: relative;cursor: pointer;}
.list-page .about_video .video_list .video_list_right .item .bg{z-index:3;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.list-page .about_video .video_list .video_list_right .item .p video{width:100%;height:590px;border-radius:8px;}

.about_data .item{width:calc(100% / 4 - 45px);border-top:1px solid #2A303D;margin:0 60px 0 0;}
.about_data .item:nth-child(4n){margin-right:0;}
.about_data .item .pic{padding:30px 0 20px;}
.about_data .item .num h3,.about_data .item .num h3 span{transition-duration:.4s;font-size:72px;color:#434751;font-family: 'Barlow-Bold';}
.about_data .item:hover .num h3,.about_data .item:hover .num h3 span{background: linear-gradient(to right, #3572ba, #44bbb3);-webkit-background-clip: text;background-clip: text;color: transparent;}
.about_data .item .num p{color:#2A303D;}

.list-histort .logo{z-index:3;width:213px;margin:80px auto 0;position: relative;}
.list-histort .logo::after{z-index:3;content:'';position: absolute;top:-4px;left: -4px;width:calc(100% + 8px);height:calc(100% + 8px);border-radius:50%;background: linear-gradient(to right, #3675BA, #44BBB3);}
.list-histort .logo .p{display:flex;align-items: center;justify-content: center;border-radius:100%;width:213px;position: relative;z-index:4;height:213px;background:#fff;;text-align:center;}
.list-histort .logo .p img{max-width:80%}
.list-histort .bd{padding-top:50px;position: relative;}
.list-histort .bd::after{z-index:2;content:'';position: absolute;top:0;left:50%;transform: translateX(-50%);width:3px;height:100%;background:#DCDFE3;}
.list-histort .bd .item{padding-bottom:70px;z-index:99;width:100%;position: relative;;display:flex;justify-content: space-between;}
.list-histort .bd .item .info{text-align:right;width:calc(50% - 45px);padding:30px;border-radius:10px;box-shadow:0 0 10px rgba(54,108,181,0.2);position: relative;}
.list-histort .bd .item .info h3{font-size:18px;color:#3575BA;margin-bottom:20px;}
.list-histort .bd .item .info p{font-size:16px;line-height:24px;color:#434751;transition-duration:.4s;}
.list-histort .bd .item:hover .info p{transform: translateY(-10px);}
.list-histort .bd .item .info::after{width:13px;height:20px;background:url(../images/ico10.png) no-repeat center center;content:"";position: absolute;right:-13px;top:30px;}
.list-histort .bd .item:nth-child(2n) .info{text-align:left;}
.list-histort .bd .item .num{width:calc(50% - 45px);padding-top:15px;}
.list-histort .bd .item .num span{font-size:48px;font-family: 'Barlow-Bold';color:transparent;background-image: linear-gradient(to right, #3675BA, #44BBB3);-webkit-background-clip: text;background-clip: text;}
.list-histort .bd .item:nth-child(2n) .num{text-align:right;padding-right:20px;}
.list-histort .bd .item .bg{position: absolute;display:flex;align-items: center;justify-content: center;z-index:99;top:0%;left:50%;margin:35px 0 0 -9px;z-index:99;width:18px;height:18px;border-radius:50%;background: linear-gradient(to right, #3675BA, #44BBB3);}
.list-histort .bd .item .bg span{display:block;width:10px;height:10px;border-radius:50%;background:#fff;}
.list-histort .bd .item:nth-child(2n) .info::after{left:-13px;transform: rotate(180deg);}

.list-news .bd .item{margin-bottom:80px;}
.list-news .bd .item a{display:flex;width:100%;overflow: hidden;;border-bottom:1px solid #D9DADC;position: relative;}
.list-news .bd .item a .src{width:25%;padding:30px 35px 35px 0;}
.list-news .bd .item a .bg{transition-duration:.4s;width:225px;height:100%;position:absolute;left:0;top:100%;z-index:2;background:linear-gradient(to right, #3675BA, #44BBB3);}
.list-news .bd .item a .src img{width:100%}
.list-news .bd .item a .time{width:225px;display:flex;align-items: center;z-index:4;justify-content: center;flex-direction: column}
.list-news .bd .item a .time p{font-size:80px;color:#434751;font-family: 'Barlow-Bold';}
.list-news .bd .item a .time span{font-size:18px;color:#434751;}
.list-news .bd .item a .info{width:calc(100% - 25% - 225px);padding:0px 4% 0 9.5%;position: relative;}
.list-news .bd .item a .info::after{width:80px;height:1px;background:#434751;content:"";position: absolute;left:0;top:45%;}
.list-news .bd .item a .info::before{transition-duration:.8s;opacity:0;content:'';position: absolute;left:0;top:45%;margin-top:-10px;width:0;height:0;z-index:11;border-top: 10px solid transparent;border-bottom: 10px solid transparent;border-left: 10px solid #44B9B7; }
.list-news .bd .item a .info h3{margin-top:45px;font-size:24px;color:#3575BA;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .bd .item a .info .attr{margin:28px 0;display:flex;align-items: center;gap:45px;}
.list-news .bd .item a .info .attr span{color:#434751}
.list-news .bd .item a .info .attr span img{margin-right:5px;}
.list-news .bd .item a .info p{font-size:16px;color:#434751;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;}
.list-news .bd .item a:hover{box-shadow:0 0 10px rgba(0,0,0,0.1);border-color:#fff;}
.list-news .bd .item a:hover .bg{top:0;}
.list-news .bd .item a:hover .time p{color:#fff;}
.list-news .bd .item a:hover .time span{color:#fff;}
.list-news .bd .item a:hover .info::after{background:#45BAB6;}
.list-news .bd .item a:hover .info::before{opacity:1;}


.list-contact{
  /* 你的原始背景配置：图片、位置、不重复 完全保留 */
  background: url(../images/map.jpg) no-repeat left 210px;
  /* 默认：不浮动，跟随元素滚动 */
  background-attachment: scroll;
  /* 保留原有布局样式 */
  min-height: 500px;
}
/* 中间区间：开启浮动固定 */
.list-contact.active-float {
  background-attachment: fixed !important;
}

.list-contact .hd{width:22%;}
.list-contact .hd h2{font-size:48px;color:#434751;text-transform:uppercase;margin-bottom:20px;font-family: 'Barlow-Bold';}
.list-contact .hd p{font-size:16px;color:#434751;line-height:24px;}
.list-contact .bd{width:64%}
.list-contact .bd .info{margin-bottom:90px;}
.list-contact .bd .info .item{width:calc(50% - 20px);padding:30px 0;border-bottom:1px solid #CCCCCC;display:flex;align-items: center;}
.list-contact .bd .info .item:first-child{width:100%;}
.list-contact .bd .info .item .pic{width:60px;}
.list-contact .bd .info .item .p{flex:1 0 0;}
.list-contact .bd .info .item .p h3{margin-bottom:5px;font-size:18px;color:#666464;}
.list-contact .bd .info .item .p p,.list-contact .bd .info .item .p a{color:#666464;font-size:16px;}
.list-contact .bd .info .item .p p a{margin-right:20px;}
.list-contact .bd .info .item .p p a:hover{color:#45BAB6;}
.list-contact .bd .info .item .p p a:last-child{margin-right:0;}
.list-contact .bd .form input{transition-duration:.4s;margin-bottom:30px;height:50px;display:flex;width:100%;padding:0 12px;font-size:16px;color:#434751;;align-items: center;border:1px solid #BCBCBC;}
.list-contact .bd .form input::placeholder{color:#434751;}
.list-contact .bd .form textarea{transition-duration:.4s;min-height:250px;margin-bottom:30px;width:100%;padding:12px;font-size:16px;color:#434751;border:1px solid #BCBCBC;}
.list-contact .bd .form textarea::placeholder{color:#434751;}
.list-contact .bd .form .code_btn_box .btn{transition-duration:.4s;width:170px;height:50px;cursor: pointer;display:flex;align-items: center;justify-content: center;gap:10px;background:linear-gradient(to right, #3675BA, #44BBB3);color:#fff;}
.list-contact .bd .form .code_btn_box .btn:hover{border-radius:40px;}
.list-contact .bd .form .code_btn_box .code_box{width:calc(100% - 230px);position: relative;}
.list-contact .bd .form .code_btn_box .code_box input{margin:0;}
.list-contact .bd .form .code_btn_box .code_box img{position: absolute;right:1px;bottom:1px;height:48px;cursor: pointer;}
.list-contact .bd .form input:hover{border-color:#45BAB6;}
.list-contact .bd .form textarea:hover{border-color:#45BAB6;}

.show-news .left{width:64%;}
.show-news .left h1{font-size:24px;color:#3575BA;}
.show-news .left  .attr{margin:25px 0;display:flex;align-items: center;gap:45px;}
.show-news .left .attr span{color:#434751}
.show-news .left .attr span img{margin-right:5px;}
.show-news .left .body{padding:20px 0;color:#434751;font-size:16px;line-height:30px;}
.show-news .left .body p{margin-bottom:20px;}
.show-news .left .up_box{padding-top:30px;border-top:1px solid #D9DADC}
.show-news .left .up_box .btn{width:120px;height:48px;display:flex;align-items: center;border-radius:8px;transition-duration:.5s;justify-content: center;gap:10px;background:linear-gradient(to right, #3675BA, #44BBB3);color:#fff;}
.show-news .left .up_box .btn:hover{border-radius:40px;}
.show-news .left .up_box .up p,.show-news .left .up_box .up a{font-size:16px;color:#434751;line-height:30px;}
.show-news .left .up_box .up a:hover{color:#45BAB6;}
.show-news .right{width:33%;}
.show-news .right h2{font-size:48px;font-family: 'Barlow-Bold';text-transform:uppercase;color: transparent;background-image: linear-gradient(to right, #3675BA, #44BBB3);-webkit-background-clip: text;background-clip: text;}
.show-news .right .item{padding:40px 0;border-bottom:1px solid #D9DADC;position: relative;}
.show-news .right .item::after{transition-duration:.5s;content:"";position: absolute;left:0;bottom:-1px;width:0%;height:1px;background:#D9DADC;}
.show-news .right .item a{display:block;width:100%;}
.show-news .right .item a h3{font-size:24px;color:#3575BA;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.show-news .right .item a .attr{margin:23px 0;display:flex;align-items: center;gap:45px;}
.show-news .right .item a .attr span{color:#434751}
.show-news .right .item a .attr span img{margin-right:5px;}
.show-news .right .item a p{font-size:16px;color:#434751;line-height:30px;}
.show-news .right .item:hover::after{width:100%;background:#45BAB6;}

.list-rd h2{font-size:48px;color:#434751;text-transform:uppercase;margin-bottom:20px;font-family: 'Barlow-Bold';}
.list-rd .info{padding:80px 0;}
.list-rd .info .pic{width:47%;}
.list-rd .info .pic img{width:100%;}
.list-rd .info .body{width:47%}
.list-rd .info .body .hd{padding:40px 0;}
.list-rd .info .body p{margin-bottom:30px;font-size:16px;color:#434751;line-height:24px;}
.list-rd .info .body p:last-child{margin-bottom:0;}
.list-rd .images h2{text-align:center;margin-bottom:70px;}
.list-rd .images .bd{overflow: hidden;}
.list-rd .images .bd .swiper-slide{display:block;position: relative;overflow: hidden;border-radius:8px;}
.list-rd .images .bd .swiper-slide a{padding-bottom:68px;display:block;width:100%;border-radius:8px;}
.list-rd .images .bd .swiper-slide a .pic,.list-rd .images .bd .swiper-slide a .pic img{width:100%;height:100%;object-fit: cover;border-radius:8px;}
.list-rd .images .bd .swiper-slide a .p{position: absolute;display:flex;align-items: center;height:75px;left:0;bottom:0;width:100%;background:linear-gradient(to right, #3675BA, #44BBB3);padding:0 20px;font-size:18px;color:#fff;}
.list-rd .images .pagination{margin:70px auto 0;display:flex;justify-content: center;gap:15px}
.list-rd .images .pagination .swiper-pagination-bullet{width:18px;height:18px;border-radius:100%;background:#434751;opacity:1;}
.list-rd .images .pagination .swiper-pagination-bullet-active{background:#4081C0;}

.list-pro .left{width:310px;}
.list-pro .left h2{font-size:48px;font-family: 'Barlow-Bold';text-transform:uppercase;color: transparent;background-image: linear-gradient(to right, #3675BA, #44BBB3);-webkit-background-clip: text;background-clip: text;}
.list-pro .left .menu .item{margin-top:30px;}
.list-pro .left .menu .item h3{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-pro .left .menu .item h3 a,.list-pro .left .menu .item h3 a.on{font-size:18px;color:#434751;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-pro .left .menu .item h3 a:hover{padding-left:5px;background: linear-gradient(to right, #3572ba, #44bbb3);-webkit-background-clip: text;background-clip: text;color: transparent;}
.list-pro .left .menu .item .line{margin:20px 0;width:100%;height:5px;background:linear-gradient(to right, #3675BA, #44BBB3);}
.list-pro .left .menu .item .sub a{display:block;font-size:16px;color:#434751;line-height:36px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-pro .left .menu .item .sub a.on,.list-pro .left .menu .item .sub a:hover{padding-left:5px;background: linear-gradient(to right, #3572ba, #44bbb3);-webkit-background-clip: text;background-clip: text;color: transparent;}
.list-pro .right{width:calc(100% - 380px);}
.list-pro .right .bd .item{margin-bottom:60px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.list-pro .right .bd .item a{display:flex;width:100%;padding:40px;position: relative;}
.list-pro .right .bd .item a:hover{transform: translateY(-5px) !important;}
.list-pro .right .bd .item a::after{content:'';position: absolute;bottom:0;left:0;width:100%;height:10px;background: linear-gradient(to right, #3675BA, #44BBB3);}
.list-pro .right .bd .item a::before{content:'';position: absolute;bottom:10px;left:12%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #3675BA;}
.list-pro .right .bd .item a .img{transition-duration:.1s;width:270px;border:1px solid #D6D6D6;}
.list-pro .right .bd .item a:hover .img{border-color:#3575BA;}
.list-pro .right .bd .item a .info{flex:1 0 0;padding-left:40px;position: relative;}
.list-pro .right .bd .item a .info .btn{width:160px;height:45px;display:flex;align-items: center;position: absolute;right:0;top:0;transition-duration:.5s;justify-content: center;gap:10px;background:linear-gradient(to right, #3675BA, #44BBB3);color:#fff;}
.list-pro .right .bd .item a:hover .info .btn{border-radius:40px;}
.list-pro .right .bd .item a .info .type{height:30px;color:#434751;border:1px solid #D6D6D6;padding:0 15px;width:max-content;text-align:center;display:flex;align-items: center;justify-content: center;}
.list-pro .right .bd .item a .info h3{transition-duration:.4s;font-size:24px;color:#3575BA;border-bottom:1px solid #D9DADC;padding:14px 0 20px 0;;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-pro .right .bd .item a:hover .info h3{border-color:#3575BA;}
.list-pro .right .bd .item a .info .attr{display:flex;padding:25px 0;flex-wrap:wrap;}
.list-pro .right .bd .item a .info .attr .p{width:50%}
.list-pro .right .bd .item a .info .attr .p h4{font-size:18px;color:#3575BA;margin-bottom:10px;}
.list-pro .right .bd .item a .info .attr .p p{font-size:16px;color:#2A303D;line-height:30px;}
.list-pro .right .alt{margin-bottom:40px;font-size:48px;font-family: 'Barlow-Bold';text-transform:uppercase;color: transparent;background-image: linear-gradient(to right, #3675BA, #44BBB3);-webkit-background-clip: text;background-clip: text;}
.list-pro .right .show h3{font-size:30px;font-family: 'Barlow-Bold';text-transform: uppercase;margin-bottom:14px;background-image: linear-gradient(to right, #376CB3, #46BBB5);-webkit-background-clip: text;background-clip: text;color: transparent;-webkit-text-fill-color: transparent;}
.list-pro .right .show .attr{padding:35px 0;}
.list-pro .right .show .attr .p{padding-bottom:25px;width:calc(50% - 30px);border-bottom:1px solid #D9DADC;}
.list-pro .right .show .attr .p p{font-size:16px;color:#2A303D;line-height:30px;}
.list-pro .right .show .features{padding-bottom:30px;}
.list-pro .right .show .features h3{margin-bottom:25px;}
.list-pro .right .show .features p{font-size:16px;color:#2A303D;line-height:30px;}
.list-pro .right .show .specifications{overflow:auto;padding-bottom:25px;margin-bottom:25px;font-size:16px;color:#434751;line-height:30px;}
.list-pro .right .show .specifications::-webkit-scrollbar{height:5px;}
.list-pro .right .show .specifications table{width:100%;border-collapse: collapse;}
.list-pro .right .show .specifications table tr{line-height:30px; min-height:50px;}
.list-pro .right .show .specifications table tr th,.list-pro .right .show .specifications table tr td{text-align:left;;padding:0 20px;border:1px solid #D9DADC;}
.list-pro .right .show .specifications table tr td:nth-child(1){width: 220px;white-space: nowrap;}
.list-pro .right .show .specifications table tr th{font-weight:normal;}
.list-pro .right .show .dimensions{padding-bottom:50px;}
.list-pro .right .show .dimensions h3{margin-bottom:30px;}
.list-pro .right .show .dimensions ul li{width:calc(50% - 40px);margin-bottom:25px;}
.list-pro .right .show .dimensions ul li p{transition-duration:.4s;width:100%;height:45px;margin-top:10px;;background:#DDDDDD;line-height:45px;text-align:center;font-size:20px;color:#2A303D;}
.list-pro .right .show .dimensions ul li:hover p{background:#3575BA;color:#fff;}
.list-pro .right .show .bg{margin-top:50px;position: relative;;width:100%;height:10px;background: linear-gradient(to right, #3675BA, #44BBB3);}
.list-pro .right .show .bg::before{content:'';position: absolute;bottom:10px;left:12%;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid #3675BA;}
.list-pro .right .show_box .show_swiper{display:none;}
.list-pro .right .show_box .tupian_list{width:700px;}
.list-pro .right .show_box .tupian_list .xiaotu{width:85px;padding-top:40px;}
.list-pro .right .show_box .tupian_list .xiaotu li{border:1px solid #ECF1F5;text-align: center;border-radius:8px;width:85px;height:85px;margin-bottom:15px;}
.list-pro .right .show_box .tupian_list .xiaotu li img{width:100%;max-height:100%;object-fit:contain;border-radius:8px;}
.list-pro .right .show_box .tupian_list .xiaotu .video{width:100%;margin-bottom:15px;border-radius:8px;cursor: pointer;}
.list-pro .right .show_box .tupian_list .xiaotu .video img{width:100%;max-height:100%;object-fit:contain;border-radius:8px;}
.list-pro .right .show_box .tupian_list .xiaotu .btn{display:flex;align-items: center;justify-content: center;}
.list-pro .right .show_box .tupian_list .xiaotu .btn a{width:50%;background:#434751;height:40px;display:flex;align-items: center;justify-content: center;color:#FFF;}
.list-pro .right .show_box .tupian_list .xiaotu .btn a:first-child{border-radius:5px 0 0 5px;}
.list-pro .right .show_box .tupian_list .xiaotu .btn a:last-child{border-radius:0 5px 5px 0;}
.list-pro .right .show_box .tupian_list .xiaotu .btn a:hover{background:#4081C0;}
.list-pro .right .show_box .tupian_list .datu{width:calc(100% - 120px);}
.list-pro .right .show_box .tupian_list .datu img{width:100%;}
.list-pro .right .show_box .info_list{flex:1 0 0;padding:40px 0 0 50px;display:flex;flex-wrap:wrap;align-content: space-between;}
.list-pro .right .show_box .info_list .info_list_top{width:100%;}
.list-pro .right .show_box .info_list .info_list_top .type{height:30px;color:#434751;border:1px solid #D6D6D6;padding:0 15px;width:max-content;text-align:center;display:flex;align-items: center;justify-content: center;}
.list-pro .right .show_box .info_list .info_list_top .model{font-size:24px;color:#3575BA;margin:14px 0 30px 0;}
.list-pro .right .show_box .info_list .info_list_top .i{padding:25px 0;border-top:1px solid #D9DADC;display:flex;align-items: center;;}
.list-pro .right .show_box .info_list .info_list_top .i a{width:44px;height:44px;margin-right:8px;border-radius:5px;display:flex;align-items: center;justify-content: center;background:#434751;}
.list-pro .right .show_box .info_list .info_list_top .i a:hover{background:#4081C0;border-radius:44px}
.list-pro .right .show_box .info_list_bottom{width:100%;}
.list-pro .right .show_box .info_list_contact{width:100%;padding:18px;border:1px solid #D3D7DA;border-radius:5px;}
.list-pro .right .show_box .info_list_contact h2{font-size:24px;color:#4081C0;;}
.list-pro .right .show_box .info_list_contact p{font-size:16px;line-height:24px;color:#393939;margin:5px 0 10px;}
.list-pro .right .show_box .info_list_contact ul li{display:flex;align-items: center;height:40px;border-bottom:1px solid #D2D2D2;}
.list-pro .right .show_box .info_list_contact ul li p{margin:0 10px;}
.list-pro .right .show_box .info_list_contact ul li span{margin-right:5px;font-size:15px;color:#393939;}
.list-pro .right .show_box .info_list_contact ul li a{color:#393939;font-size:15px;}
.list-pro .right .show_box .info_list_contact ul li a:hover{color:#4081C0;}
.list-pro .right .show_box .info_list_contact a.btn{width:100%;display:flex;align-items: center;justify-content: center;height:40px;margin-top:15px;border-radius:5px;background:linear-gradient(to right, #3675BA, #44BBB3);}
.list-pro .right .show_box .info_list_contact a.btn span{font-size:16px;color:#fff;margin-left:10px;}
.list-pro .right .show_box .info_list_contact a.btn:hover{border-radius:40px;}

.index-ad{display:flex;flex-wrap:wrap;}
.index-ad .item{width:calc(100% / 3);}
.index-ad .item a{display:block;position: relative;width:100%;overflow:hidden}
.index-ad .item a .p img{width:100%;transform: scale(1.02);transition-duration:.4s;}
.index-ad .item a:hover .p img{transform: scale(1.08);}
.index-ad .item a .txt{transition-duration:1s;width:calc(100% - 20%);position: absolute;left:10%;bottom:45px;  min-height: 130px;}
.index-ad .item a .txt h3{font-size:30px;color:#FFFFFF;margin-bottom:23px;font-family: 'Barlow-Bold';}
.index-ad .item a .txt p{font-size:16px;color:#FFFFFF;line-height:24px;}
.index-ad .item a:hover .txt{bottom:100px;}

.animated-title{
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: #3675ba;
    background-image: -webkit-linear-gradient(-45deg, rgb(53 115 186) 30%, #64c6c0 50%, rgb(60 149 183) 70%);
    background-blend-mode: hard-light;
    background-size: 150%;
    -webkit-animation: shine 4s infinite;
}

@-webkit-keyframes shine {
    from {
        background-position: 100%;
    }

    to {
        background-position: 0;
    }
}


.home-section {
  position: relative;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  z-index: 0;
  background-size: cover;
}
.hero-slider,
.hero-slider .flex-viewport {
  height: 100% !important;
  width: 100%;
  padding: 0;
  margin: 0;
}
.hero-slider .slides {
  height: 100% !important;
  transition-delay: 1s;
}
.index_swiper .swiper-slide {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  height: 100% !important;
  width: 100%;
  padding: 0;
  margin: 0;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
}
.module,
.module-small {
  position: relative;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: cover;
}

.index-news{padding:110px 0;}
.index-news .hd{margin-bottom:50px;}
.index-news .hd h2{font-size:60px;line-height:1;color:#434751;text-transform:uppercase;font-family: 'Barlow-Bold';}
.index-news .bd{display:flex;justify-content: space-between;}
.index-news .bd .left{border-radius: 10px;width: 42%;display: flex;flex-direction: column;justify-content: flex-end;align-content: flex-end;padding: 50px 30px;position: relative;overflow: hidden;}
.index-news .bd .left::before {content: "";position: absolute;top: 0; left: 0;width: 100%; height: 100%;z-index: 0;background: url(../images/news_bg.jpg) no-repeat center center/cover;transition: transform 0.5s ease; }
.index-news .bd .left:hover::before {transform: scale(1.1);}
.index-news .bd .left h2{font-size:30px;color:#fff;font-family: 'Barlow-Bold';position: relative;z-index:2;}
.index-news .bd .left .txt{position: relative;z-index:2;}
.index-news .bd .left .txt h3{margin:40px 0 35px;font-size:18px;color:#fff;}
.index-news .bd .left .txt p{font-size:16px;color:#fff;line-height:24px;}
.index-news .bd .left .txt a{display:flex;gap:10px;align-items: center;margin-top:30px;}
.index-news .bd .left .txt a span{color:#fff;}
.index-news .bd .left .txt a:hover{padding-left:20px}
.index-news .bd .right{width:54.5%;}
.index-news .bd .right .item{position: relative;overflow:hidden;transition-duration:.6s;}
.index-news .bd .right .item::after{transition-duration:.6s;width:100%;height:100%;content:"";background: linear-gradient(to right, #3675BA, #44BBB3);position: absolute;left:0;top:-100%;}
.index-news .bd .right .item:hover::after{top:0}
.index-news .bd .right .item a{padding:40px 0 30px;border-bottom:1px solid #D9DADC;display:flex;width:100%;position: relative;z-index:2;padding:20px;}
.index-news .bd .right .item a .info{padding-right:40px;width: 65%;}
.index-news .bd .right .item a .info h3{transition-duration:.4s;transition-duration:.4s;font-size:18px;color:#4081C0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-news .bd .right .item a:hover .info h3{color:#fff}
.index-news .bd .right .item a .info .attr{margin:9px 0 18px;display:flex;gap:45px;}
.index-news .bd .right .item a .info .attr span{transition-duration:.4s;display:flex;align-items: center;gap:10px;color:#434751}
.index-news .bd .right .item a .info .attr span img:nth-child(2){display:none;}
.index-news .bd .right .item a:hover .attr span{color:#fff}
.index-news .bd .right .item a .info p{transition-duration:.4s;font-size:16px;line-height:24px;height:48px;color:#434751;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.index-news .bd .right .item a:hover p{color:#fff}
.index-news .bd .right .item a .info .btn{display:flex;align-items: center;gap:10px;margin-top:17px;}
.index-news .bd .right .item a .info .btn span{transition-duration:.4s;color:#434751}
.index-news .bd .right .item a .info .btn img:nth-child(3){display:none;}
.index-news .bd .right .item a:hover .info .btn span{color:#fff}
.index-news .bd .right .item a:hover .info .attr span img:nth-child(1){display:none;}
.index-news .bd .right .item a:hover .info .attr span img:nth-child(2){display:block;}
.index-news .bd .right .item a:hover .info .btn img:nth-child(2){display:none;}
.index-news .bd .right .item a:hover .info .btn img:nth-child(3){display:block;}

.index-news .bd .right .item a .src{width:33%}
.index-news .bd .right .item a:hover{border-bottom:1px solid #4081C0;}

.index-pro{position: relative;overflow: hidden;padding: 110px 0 70px;background: #ECEDEE;}
.index-pro::after{width: 150px;height: 203px;background: url(../images/ico40.png) no-repeat center center/cover;content: "";position: absolute;left: 0;top: 0;}
.index-pro::before{width: 224px;height: 233px;background: url(../images/ico41.png) no-repeat center center/cover;content: "";position: absolute;right: 0;top: 0;}
.index-pro .datu{position: relative;overflow: hidden;height:705px;}
.index-pro .datu .item{display: flex;position: absolute;top: 0;left: 0;width: 100%;opacity: 0;visibility: hidden;transform: translateY(20px);transition: all 0.5s ease;cursor: pointer;}
.index-pro .datu .item.on {opacity: 1;visibility: visible;transform: translateY(0);z-index: 2;}
.index-pro .datu .item .info {width: 30.5%;}
.index-pro .datu .item .info .alt {position: relative;max-width: 450px;}
.index-pro .datu .item .info .alt::after {width: 117px;height: 125px;background: url(../images/ico39.png) no-repeat center center/cover;content: "";position: absolute;z-index: 1;right: -100px;top: 0;}
.index-pro .datu .item .info .alt h2 {font-size: 60px;color: #434751;line-height: 1;font-family: 'Barlow-Bold';text-transform: uppercase;z-index: 2;position: relative;transform: translateY(40px);transition: all 0.6s ease;opacity: 0;}
.index-pro .datu .item.on .info .alt h2{transform: translateY(0);opacity: 1;}
.index-pro .datu .item .info .line{display: flex;align-items: center;padding-top: 45px;gap: 10px;transform: translateY(40px);transition: all 0.6s ease 0.1s;opacity: 0;}
.index-pro .datu .item .info .txt{max-width:90%}
.index-pro .datu .item.on .info .line{transform: translateY(0);opacity: 1;}
.index-pro .datu .item .info .line span {width: 10px;height: 10px;border-radius: 10px;background: #44BCB3;}
.index-pro .datu .item .info .line span:first-child {width: 70px;background: linear-gradient(to right, #3675BA, #44BBB3);}
.index-pro .datu .item .pic {width: 45%;position: relative;top: -100px;transform: translateY(40px);transition: all 0.6s ease 0.2s;opacity: 0;}
.index-pro .datu .item.on .pic{transform: translateY(0);opacity: 1;}
.index-pro .datu .item .attr{width: 24.5%;}
.index-pro .datu .item .txt{padding-top: 60px;transform: translateY(40px);transition: all 0.6s ease 0.3s;opacity: 0;}
.index-pro .datu .item.on .txt{transform: translateY(0);opacity: 1;}
.index-pro .datu .item .txt h3{font-size: 30px;padding-bottom: 25px;color: #2A303D;}
.index-pro .datu .item .txt p {font-size: 16px;line-height: 30px;color: #2A303D;}
.index-pro .datu .item .attr .txt:nth-child(1){padding-left: 5%;}
.index-pro .datu .item .attr .txt:nth-child(2){padding-left: 20%;padding-top: 120px;}
.index-pro .xiaotu{display: flex;justify-content: space-between;padding-top: 30px;position: relative;z-index: 10;}
.index-pro .xiaotu .item{transition-duration: .5s;width: 20%;padding: 20px 0 15px 0;position: relative;overflow: hidden;}
.index-pro .xiaotu .item a{display: flex;justify-content: center;align-items: center;}
.index-pro .xiaotu .item a .p{width: 30%;text-align: center;}
.index-pro .xiaotu .item a .txt{width: 65%;}
.index-pro .xiaotu .item a .txt h3 {margin-bottom: 8px;font-size: 18px;color: #2A303D;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-pro .xiaotu .item a .txt span {font-size: 16px;color: #2A303D;opacity: .5;border-bottom: 1px solid #D6D8D9;}
.index-pro .xiaotu .item .bg {transition-duration: .2s;position: absolute;left: 0;bottom: -10px;width: 100%;height: 4px;background: linear-gradient(to right, #3675BA, #44BBB3);}
.index-pro .xiaotu .item.on {box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);background: #fff;}
.index-pro .xiaotu .item.on .bg {bottom: 0;}


@media (max-width: 1740px){
.list-contact{background: url(../images/map.jpg) no-repeat -221px 210px fixed;
  background-attachment: scroll;
  /* 保留原有布局样式 */
  min-height: 500px;
}
    
/* 中间区间：开启浮动固定 */
.list-contact.active-float {
  background-attachment: fixed !important;
}


.wrap{width:96%}
.pc-menu a{min-width:140px}
.list-rd .info .body .hd{padding:0 0 30px 0}
.list-pro .left{width:240px}
.list-pro .right{width: calc(100% - 300px);}
}

@media (max-width: 1330px){
    .list-contact .hd h2 {
    font-size: 34px}
    
}
@media (max-width: 1280px){
    .list-histort .bd .item .info p{font-size: 14px;}
    .list-pro .right .show .specifications table tr th,.list-pro .right .show .specifications table tr td{padding: 0 10px;}
    .list-pro .right .show .specifications table tr th,.list-pro .right .show .specifications table tr td:nth-child(1){ width:30%;}
}
@media screen and (max-width:992px) {
    
.list-page .about_video .video_list .video_list_left .item .bg{    z-index: 3;
    position: absolute;
    top: 50%;
    left: 55%;
    transform: translate(-50%, -50%);}
.list-page .about_video .video_list .video_list_left .item .bg img{max-width: 50%;}
    
.list-contact{background:none;

}
.wrap,.list-contact .hd,.list-contact .bd,.list-page .about_video .video_list .video_list_left,.list-page .about_video .video_list .video_list_right,.list-page .about_body .pic,.list-page .about_body .txt,.show-news .left,.show-news .right,.list-pro .right,.list-pro .right .show_box .info_list,.footer .footer-info .info .item,.list-rd .info .pic,.list-rd .info .body,.footer .footer-info .info,.footer .footer-info .so{width:100%;max-width:100%}
.header,.list-page .about_video .video_list .video_list_right .item .bg,.list-news .bd .item a .time,.list-news .bd .item a .bg,.list-news .bd .item a .info::before,.list-news .bd .item a .info::after,.show-news .left .up_box .btn,.list-pro .right .bd .item a .info .type,.list-pro .right .bd .item a .info .btn,.list-pro .right .show_box .tupian_list,.pc-menu,.list-pro .left,.footer .footer-info .logo{display:none !important;}
.list-pro .right .show_box .show_swiper{display:block !important;}
.main{padding:20px 15px}
.list-pro .right .bd .item a .img{width:100%}
.banner{padding:0;}
.bread{margin:0;top:0;}
.bread .bread_box{height:auto;flex-wrap:wrap;padding:10px;}
.bread .bread_box a{font-size:14px;}
.bread .bread_box span{margin:0 5px;}
.list-rd .info{padding:0 0 15px 0;}
.list-rd .info .body .hd{padding:0 0 15px 0}
.list-rd h2{font-size:34px;margin-bottom:10px;}
.list-rd .info .body p{font-size:14px;line-height:24px;margin-bottom:15px;}
.list-rd .images h2{margin-bottom:20px;}
.list-rd .images .bd .swiper-slide a{padding-bottom:32px}
.list-rd .images .bd .swiper-slide a .p{height:40px;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px}
.list-rd .images .pagination{margin-top:25px;gap:5px}
.footer .footer-info{padding:40px 15px;}
.footer .footer-info .info{padding:0;flex-wrap:wrap;}
.footer .footer-info .info .item{margin-bottom:15px;}
.footer .footer-info .info .item h3{height:auto;margin:10px 0;}
.footer .footer-info .info .item p, .footer .footer-info .info .item p a{font-size:14px;line-height:24px;}
.footer .footer-bottom{padding:20px 15px 60px;}
.footer .footer-bottom .michuan{margin:20px auto 0;}
.list-pro .right .show_box{display: block;}
.list-pro .right .show_box .info_list{padding:20px 0 0 0;}
.list-pro .right .show .attr .p{width:48%;}
.list-pro .right .show h3{font-size:16px;}
.list-pro .right .show .attr{padding:20px 0;}
.list-pro .right .show .attr .p p,.list-pro .right .show .features p{font-size:14px;line-height:24px;}
.list-pro .right .show .dimensions{padding-bottom:25px;}
.list-pro .right .show .dimensions ul li{width:48%}
.list-pro .right .show .dimensions ul li p{height:30px;font-size:13px;line-height:30px;}
.list-pro .right .alt{font-size:20px;margin-bottom:20px;}
.list-pro .right .bd .item{margin-bottom:25px;}
.list-pro .right .bd .item a{padding:20px 15px 15px 15px;display:block;}
.list-pro .right .bd .item a .pic{width:120px;border:0;}
.list-pro .right .bd .item a .info{padding:10px 0 0 0px;}
.list-pro .right .bd .item a .info .attr{padding:5px 0;}
.list-pro .right .bd .item a .info .attr .p{width:100%;margin-bottom:4px;}
.list-pro .right .bd .item a .info .attr .p h4{font-size:13px;margin-bottom:5px;}
.list-pro .right .bd .item a .info .attr .p p{font-size:12px;line-height:20px;}
.list-pro .right .bd .item a .info h3{padding:0 0 5px 0;font-size:18px;}
.show-news .left h1{font-size:18px;}
.show-news .left .attr{margin:15px 0;gap:15px;}
.show-news .left .attr span{font-size:14px;}
.show-news .left .body{padding:10px 0 20px 0;font-size:14px;line-height:24px;}
.show-news .left .body p{margin-bottom:10px;}
.show-news .left .up_box{padding-top:15px;}
.show-news .left .up_box .up p, .show-news .left .up_box .up a{font-size:14px;line-height:24px;}
.show-news .right h2{font-size:32px;margin-top:20px;}
.show-news .right .item{padding:20px 0;}
.show-news .right .item a h3{font-size:16px;}
.show-news .right .item a .attr{margin:15px 0;gap:15px;}
.show-news .right .item a .attr span{font-size:14px;}
.show-news .right .item a p{font-size:14px;line-height:24px;}
.list-news .bd .item{margin-bottom:25px;}
.list-news .bd .item a{flex-wrap:wrap;padding:0 10px 20px;box-shadow:none !important}
.list-news .bd .item a .info{padding:0 15px 0 0;flex:none;width:100%}
.list-news .bd .item a .src{padding:0;margin-top:10px;width:100%;}
.list-news .bd .item a .info h3{margin:0;font-size:16px;}
.list-news .bd .item a .info .attr{margin:15px 0;gap:15px;}
.list-news .bd .item a .info .attr span{font-size:14px;}
.list-news .bd .item a .info p{font-size:14px;line-height:24px;}
.list-downdows .bd .item{width:100%;}
.list-downdows .bd .item .a{padding:15px 15px 30px 15px;margin-bottom:25px;display:block}
.list-downdows .bd .item .info{padding-left:15px;}
.list-downdows .bd .item .info .title h3 span{font-size:16px;}
.list-downdows .bd .item .info .title .dasc{padding:12px 0;}
.list-downdows .bd .item .info .title .dasc p{width:100%;margin-bottom:4px;}
.list-downdows .bd .item .info .btn a{max-width:120px;height:30px;}
.list-page .hd,.list-page .about_body{padding:20px 0;}
.list-page .hd h2{font-size:32px;}
.list-page .list{justify-content: space-between;}
.list-page .list .item{width:100% !important;margin:0 0 15px 0;}
.list-page .list .item a{padding-bottom:25px;}
.list-page .list .item .p{height:35px;font-size:14px;padding:0 10px;}
.list-page .business_philosophy .item{padding:0;margin-bottom:30px;}
.list-page .business_philosophy .item .pic{width:80px;margin-top:0;}
.list-page .business_philosophy .item .pic img{max-width:40px;}
.list-page .business_philosophy .item .txt{width:100%;}
.list-page .business_philosophy .item .txt h3{font-size:22px;}
.list-page .business_philosophy .item .txt .line{margin:8px 0;}
.list-page .business_philosophy .item .txt p{font-size:14px;line-height:24px;}
.list-page .about_body .txt p{font-size:14px;line-height:24px;margin-bottom:10px;}
.about_data .item{width:48%;margin:0;padding:12px 24px;}
.about_data .item .pic{padding:0 0 12px 0}
.about_data .item .num h3,.about_data .item .num h3 span{font-size:44px;}
.about_data .item .num p{font-size:12px;line-height:20px;}
.list-page .about_video{padding:30px 0 0 0;}
.list-page .about_video .title h2{font-size:32px;}
.list-page .about_video .video_list{padding-top:25px;}
.list-page .about_video .video_list .video_list_left{height: auto;padding:0 0 15px 0;display: flex;flex-direction: row;overflow-x: auto;-webkit-overflow-scrolling: touch;}
.list-page .about_video .video_list .video_list_left .item {margin:0 10px 0 0;flex: 0 0 120px;margin-right: 10px;}
.list-page .about_video .video_list .video_list_left .item .p img {height: 60px;width: 100%;object-fit: cover;}
.list-page .about_video .video_list .video_list_left::-webkit-scrollbar{width:2px;height: 2px;}
.list-page .about_video .video_list .video_list_right{padding:12px 0 0 0;}
.list-page .about_video .video_list .video_list_right .item .p video{width:100%;height:auto;}
.list-contact .hd h2{font-size:32px;margin-bottom:10px;}
.list-contact .bd .info{margin-bottom:40px;}
.list-contact .bd .info .item{padding:12px 0;width:100%;}
.list-contact .bd .info .item .pic{display:flex;align-items: center;justify-content: center;}
.list-contact .bd .info .item .pic img{max-width:50%}
.list-contact .bd .info .item .p h3{font-size:15px;}
.list-contact .bd .info .item .p p, .list-contact .bd .info .item .p a{font-size:14px;line-height:24px;}
.list-contact .bd .form input{height:40px;margin-bottom:15px;}
.list-contact .bd .form textarea{min-height:120px;margin-bottom:15px;}
.list-contact .bd .form .code_btn_box .code_box{width:100%;}
.list-contact .bd .form .code_btn_box .btn{margin:20px auto 0;border-radius:40px}
.list-page .certificates .item_box .images_box{background:none;margin-bottom:25px;justify-content: space-between;}
.list-page .certificates .item_box .images_box .item{width:48% !important;margin:0 0 15px 0!important;}
.list-page .certificates .item_box .images_box .item .src{width:100%;position: static;}
.list-page .certificates .item_box .images_box .item .bg{display:none;position: static;}
.list-page .list .item a{padding:0;}
.list-page .certificates .item_box .title{margin-bottom:15px;}
.list-histort .logo{width:148px;margin-top:40px;}
.list-histort .logo .p{width:148px;height:148px;}
.list-histort .logo .p img{max-width:100px;}
.list-histort .bd .item .bg,.list-histort .bd::after{display:none;}
.list-histort .bd .item{display:flex;flex-direction: column;padding-bottom:20px;}
.list-histort .bd .item .info{width:100%;text-align:left;order:2}
.list-histort .bd .item .num{width:100%;padding:0 0 15px 0;order: 1;text-align:left !important}
.list-histort .bd .item .info::after{top:-15px !important;left:30px !important;transform: rotate(270deg) !important}
.index_swiper .swiper-prev, .index_swiper .swiper-next{display:none;}
.index_swiper .swiper-slide .txt h2{font-size:20px;text-align:center;}
.list-page .about_body .pic h2{font-size:32px;line-height:1;}
.index-ad .item{width:100%;margin-bottom:15px;}
.index-news{padding:40px 0px;}
.index-news .hd h2{font-size:32px;margin-bottom:10px;}
.index-news .bd{display:block;}
.index-news .bd .left{width:100%;min-height:600px}
.index-news .bd .left .txt h3{margin:20px 0;}
.index-news .bd .right{width:100%;}
.index-news .bd .right .item a{padding:24px 12px;flex-wrap:wrap;}
.index-news .bd .right .item a .src{width:100%;margin-top:12px;}
.index-news .bd .right .item a .info{width:100%;flex:none;padding:0;}
.index-news .bd .right .item a .info .attr{margin:12px 0;gap:5px;}
.index-news .bd .right .item a .info .attr span{font-size:14px;}
.index-news .bd .right .item a .info p{font-size:14px;line-height:24px;height:auto;}
.index-news .bd .right .item a .info .btn{margin-top:15px;}
.index-news .bd .right .item a .info .btn span{font-size:14px;}
.index-pro{padding:60px 15px;}
.index-pro .xiaotu{flex-direction:row;overflow-x: auto;padding-bottom:5px;}
.index-pro .xiaotu .item{flex:0 0 160px;padding:12px;}
.index-pro .xiaotu::-webkit-scrollbar{width:2px;height: 2px;}
.index-pro .xiaotu .item a .p{width:40px;}
.index-pro .xiaotu .item a .p img{width:80%}
.index-pro .xiaotu .item a .txt{width:calc(100% - 40px)}
.index-pro .xiaotu .item a .txt h3{font-size:12px;margin-bottom:4px;}
.index-pro .xiaotu .item a .txt span{font-size:14px;}
.index-pro::before,.index-pro::after{display:none;}
.index-pro .datu .item{flex-wrap:wrap;}
.index-pro .datu .item .info{width:100%;}
.index-pro .datu .item .pic{width:100%;position: static;margin:15px 0;}
.index-pro .datu .item .attr{width:100%;display:flex;justify-content: space-between;  display:none;}
.index-pro .datu .item .info .alt h2{font-size:24px;}
.index-pro .datu .item .info .alt::after{display:none;}
.index-pro .datu .item .info .line{padding-top:25px;}
.index-pro .datu .item .txt{padding-top:20px;}
.index-pro .datu .item .txt h3{font-size:20px;padding-bottom:15px;}
.index-pro .datu .item .txt p{font-size:14px;line-height:26px;}
.index-pro .datu .item .attr .txt:nth-child(1){padding:0;}
.index-pro .datu .item .attr .txt:nth-child(2){padding:0;}
.index-pro .datu .item .attr .txt{width:49%;}
.index-pro .datu .item .attr .txt h3{color: transparent;background-image: linear-gradient(to right, #3675BA, #44BBB3);-webkit-background-clip: text;background-clip: text;}
.list-downdows .bd .item{display:block;}
.list-downdows .bd .item .pic{width:100%}
.list-downdows .bd .item .info{width:100%;height:auto;padding:15px 0}
.list-downdows .bd .item .info .btn{margin-top:15px;}
.index-news .bd .right .item:first-child a{padding-top:20px}
#home{height:auto !important;object-fit:cover}
.list-histort .business_philosophy .item{width: 100%;margin-bottom: 50px;}
.list-histort .business_philosophy{margin-top: 35px;}
}
.list-pro .right .show .specifications table tr th,.list-pro .right .show .specifications table tr td{white-space: nowrap;}