@import "font-awesome.css";
@import "michuan.css";
@import "animate.css";
@import "swiper.min.css";
*{box-sizing:border-box}
.wrap{width:100%;max-width:calc(100% - 180px);margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}
.main{padding:60px 0;}
.img_filter a img,.img_filter a img{transition-duration:.4s;}
.img_filter a:hover img,.img_filter.on a img{-webkit-filter: brightness(0) saturate(100%) invert(48%) sepia(13%) saturate(2677%) hue-rotate(84deg) brightness(95%) contrast(98%);filter: brightness(0) saturate(100%) invert(48%) sepia(13%) saturate(2677%) hue-rotate(84deg) brightness(95%) contrast(98%);}

.top{height:50px;background:var(--on-color);display:flex;align-items: center;position:relative;z-index:33;}
.top .left{display:flex;align-items: center;height:50px;gap:15px;}
.top .left p,.top .left a{color:#fff;}
.top .left a img{margin-left:6px;}
.top .right{display:flex;align-items: center;height:50px;gap:20px;}
.top .right p{color:#fff;text-transform:uppercase;}
.top .right a{display:flex;align-items: center;gap:10px;}
.top .right a .i{transition-duration:.4s;width:24px;height:24px;background:#fff;border:1px solid #fff;display:flex;justify-content: center;align-items: center;border-radius:26px;}
.top .right a .i img{width:14px;height:14px;}
.top .right a span{font-size:14px;color:#fff;}
.top .right a.on .i,.top .right a:hover .i{background:#58A829;border-color:#74CA41;}

.header{height:80px;display:flex;align-items: center;background:#fff;position: relative;z-index:2;}
.header .left{display:flex;align-items: center;}
.header .right{display:flex;align-items: center;}
.header .right .menu{display:flex;align-items:center;gap:40px;}
.header .right .menu .item{position: relative;}
.header .right .menu .item h3 a{height:80px;display:flex;align-items: center;position: relative;}
.header .right .menu .item h3 a::after{bottom:30px;left:0;width:0%;height:1px;content:'';position: absolute;background:var(--on-color);}
.header .right .menu .item.on h3 a::after{width:100%;}
.header .right .ico{display:flex;align-items: center;gap:30px;margin-right:45px;}

.header .subx{z-index:999;transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease;position: fixed;top:130px;left:0;width:100%;background:#fff;padding: 35px 0 30px 0;}
.header.height .subx{top:100px;}
.header .subx .wrap{display:flex;flex-wrap:wrap;}
.header .subx .items{display: flex;flex-direction: column;align-items: center;margin-bottom:40px;margin-left: 60px;width: calc((100% - 240px)/5);}
.header .subx .items img{transition: 0.5s;width: 100%;}
.header .subx .items:hover img{transform: scale(1.1);}
.header .subx .pics{overflow: hidden;width: 100%;}
.header .subx .items:nth-child(5n){margin-left: 0;}
.header .subx .items span{font-size: 18px;margin-top: 15px;text-align: center;}
.header .subx .ab span{font-size: 20px;margin-top: 25px;}
.header .right .menu .item:hover .subx{transform: scaleY(1);}
.header .header-right .item:hover .subx{transform: scaleY(1);}

.index-header{transition-duration:.4s;position: fixed;top:0;left:0;z-index:999999;width:100%;}
.index-header::after{transition-duration:3s;content:"";width:0%;height:1px;background:var(--on-color);position: absolute;top:130px;left:0;z-index:999999;}
.index-header.height::after{width:100%}
.index-header.height{top:-130px}
.index-header .header-btn{transition-duration:1s;position: absolute;z-index:1;gap:5px;cursor: pointer;;right:30px;bottom:48px;display:flex;align-items: center;justify-content: center;width:48px;height:48px;background:#4CAF50;border-radius:0 0 4px 4px;flex-direction:column}
.index-header .header-btn span{color:#fff;font-size:14px;}
.index-header .header-btn img{transition-duration:.4s;transform: rotate(180deg);}
.index-header .header-btn.on img{transform: rotate(0);}
.index-header.height .header-btn{bottom:-48px;}
.index-header.on{top:0px;}

.banner{position: relative;overflow: hidden;padding-top:130px;}
.banner .p,.banner .p img{width:100%;}
.banner .breadcrumbs{height:70px;border-top:1px rgba(255,255,255,.2);background:rgba(27,26,26,.9);width:100%;position: absolute;left:0;bottom:0;display:flex;align-items: center;}
.banner .breadcrumbs .wrap{display:flex;align-items: center;height:100%;gap:15px;}
.banner .breadcrumbs a{color:#fff;}
.banner .breadcrumbs a:hover{color:var(--on-color);}

.title{font-size:48px;font-family: 'Barlow-Bold';font-weight:700;text-transform:uppercase;line-height:1;color:#fff;}

.index-subscribe{padding:100px 0;}
.index-subscribe .wrap{position: relative;}
.index-subscribe .bg{width:100%;height:540px;background:url(../images/bg.jpg) no-repeat center center / 100% 100%  fixed;border-radius:12px;}
.index-subscribe .txt{color:#fff;position: absolute;left:0;bottom:0;width:100%;height:100%;display:flex;align-items: center;justify-content: center;flex-direction: column;}
.index-subscribe .txt p{font-size:18px;line-height:30px;max-width:720px;margin:25px 0 60px;text-align:center;}
.index-subscribe .txt .btn{display:flex;gap:15px;}
.index-subscribe .txt .btn a{padding:0 20px;height:40px;border-radius:4px;display:flex;align-items: center;background:#FFFFFF;gap:8px;}
.index-subscribe .txt .btn a:first-child{background:var(--on-color);color:#fff;}
.index-subscribe .txt .btn a:hover{border-radius:40px;}

.index-quality{padding:50px 0;background:#4CAF50;}
.index-quality .wrap{padding:0 15%;}
.index-quality .txt{max-width:700px;}
.index-quality .txt h2{text-transform:none;}
.index-quality .txt p{font-size:18px;line-height:24px;color:#fff;margin-top:10px;}
.index-quality .btn{display:flex;align-items: center;}
.index-quality .btn a{padding:0 20px;height:92px;border-radius:8px;background:#fff;display:flex;align-items: center;gap:20px;}
.index-quality .btn a .p h3{font-size:18px;color:var(--color);}
.index-quality .btn a .p p{font-size:36px;font-family: 'Barlow-Bold';color:var(--on-color);}
.index-quality .btn a:hover{border-radius:20px;}
.index-quality .btn .video{width:92px;height:92px;cursor: pointer;margin-right:40px;background:#fff;border-radius:100%;display:flex;align-items: center;justify-content: center;}

.footer{padding:70px 0 50px;background:#1B1A1A;color:#fff}
.footer h3{font-size:24px;color:#fff;font-family: 'Barlow-Bold';margin-bottom:30px;}
.footer .left{width:400px;}
.footer .left ul li{display:flex;margin-bottom:30px;}
.footer .left ul li .i{width:40px;}
.footer .left ul li .p{flex:1;}
.footer .left ul li .p p,.footer .left ul li .p a{font-size:16px;line-height:24px;color:#fff;}
.footer .left ul li .p a:hover{color:var(--on-color);}
.footer .left .ico{gap:10px;display:flex;padding-top:15px;}
.footer .left .ico a{width:50px;height:50px;border-radius:8px;border:1px solid #353232;display:flex;align-items: center;justify-content: center;color:#fff;font-size:20px;}
.footer .left .ico a:hover{border-radius:50px;background:var(--on-color);}
.footer .right{width:calc(100% - 500px);display:flex;}
.footer .right .menu{display:flex;flex:1}
.footer .right .menu .item{flex:1;}
.footer .right .menu .item a{font-size:16px;line-height:40px;display:block;color:#fff;}
.footer .right .menu .item a:hover{color:var(--on-color);padding-left:10px;}
.footer .right .qrcode{width:300px;}
.footer .right .qrcode .item{padding:20px;background:#fff;margin-bottom:20px;border:10px solid #121212;border-radius:4px;display:flex;align-items: center;}
.footer .right .qrcode .item .i{width:92px;}
.footer .right .qrcode .item .i img{width:92px;height:92px;}
.footer .right .qrcode .item .p{flex:1;display:flex;padding:0 15px;gap:15px;text-align:center;align-items:center;justify-content: center;flex-direction: column;}
.footer .right .qrcode .item .p p{font-size:16px;line-height:18px;color:#1B1A1A;}

.bottom{background:#1B1A1A;border-top:1px solid #323131;padding:50px 0;}
.bottom p,.bottom p a{color:#fff;font-size:16px;}
.bottom p a:hover{color:var(--on-color);margin-left:10px;}
.pc-menu{transition-duration:.8s;overflow: hidden;position:sticky;top:0;left:0;z-index:9998;background:#fff;}
.pc-menu .menu-swiper{transition-duration:.4s;padding:60px 0 40px;border-bottom:1px solid #D2D4D5;overflow: hidden;}
.pc-menu.on .menu-swiper{padding:25px 0;}
.pc-menu.on2{top:130px !important;}
.pc-menu .menu-swiper .swiper-slide a{display:block;width:100%;text-align:center;}
.pc-menu .menu-swiper .swiper-slide a .p{padding-top:8px;}
.pc-menu .menu-swiper .swiper-slide a .p p{transition-duration:.4s;font-size:16px;}
.pc-menu .menu-swiper .swiper-slide.on a .p p{color:var(--on-color);}
.pc-menu .swiper-button-next,.pc-menu .swiper-button-prev{transition-duration:.4s;top:50%;transform: translateY(-50%);margin:0;width:30px;color:#fff;font-size:24px;height:30px;background:var(--color);border-radius:30px;}
.pc-menu .swiper-button-next::after,.pc-menu .swiper-button-prev::after{display:none;}
.pc-menu .swiper-button-next{right:40px;}
.pc-menu .swiper-button-prev{left:40px;}
.pc-menu .swiper-button-next:hover,.pc-menu .swiper-button-prev:hover{background-color: var(--on-color);}
.pc-menu.on{top:0;}

.list-news .bd{padding-top:80px;}
.list-news .bd .item{width:calc(50% - 40px);margin-bottom:70px;border-top:5px solid var(--on-color);background:#fff;box-shadow:0 0 10px rgba(0,0,0,.1);padding:40px;;}
.list-news .bd .item a{display:block;width:100%}
.list-news .bd .item .txt{color:var(--color);}
.list-news .bd .item .txt .time_typename{font-size:18px;margin-bottom:20px;}
.list-news .bd .item .txt h3{transition-duration:.4s;font-size:30px;}
.list-news .bd .item .txt p{font-size:18px;line-height:30px;margin-top:30px;}
.list-news .bd .item:hover .txt h3{color:var(--on-color);}
.list-news .bd .item .pic{margin-top:30px;}
.list-news .bd .item .pic:first-child{margin-top:0;}
.list-news .content{padding-top:60px}
.list-news .content h1{font-size:18px;color:#373D42;font-weight:bold;}
.list-news .content .time{font-size:16px;color:#373D42;margin:15px 0;}
.list-news .content .body{font-size:16px;line-height:24px;color:#373D42;border-top:1px solid #DBDDDE;border-bottom:1px solid #DBDDDE;padding:30px 0;}
.list-news .content .body p{margin-bottom:20px}
.list-news .content .up-more{width:100%;padding:35px 0 70px;}
.list-news .content .up-more .up p,.list-news .content .up-more .up p a{font-size:16px;line-height:24px;color:#666464;}
.list-news .content .up-more .up p a:hover{color:var(--on-color);}
.list-news .content .up-more .mroe{width:118px;height:46px;border-radius:50px;background:var(--on-color);gap:10px;display:flex;align-items: center;justify-content: center;}
.list-news .content .up-more .mroe span{font-size:16px;color:#fff;}
.list-news .content .up-more .mroe:hover{background:#1E262B;}
.list-news .content .title{color:var(--color)}

.list-catalog .hd{position: relative;padding:70px 0 730px;}
.list-catalog .hd .bg{position: absolute;left:0;bottom:0;width:100%;z-index:22;}
.list-catalog .hd .bg img{width:100%;}
.list-catalog .hd .txt{position: relative;z-index:333;width:40%;}
.list-catalog .hd .txt .title{margin-bottom:45px;color:var(--color);}
.list-catalog .hd .txt p{font-size:16px;line-height:24px}
.list-catalog .hd .down{position: relative;z-index:333;padding-bottom:210px;width:35%;}
.list-catalog .hd .down a{display:flex;margin-top:75px;gap:20px;}
.list-catalog .hd .down a .p h3{transition-duration:.4s;font-size:24px;font-weight:bold;line-height:24px;color:var(--color);font-family: 'Barlow-Bold';}
.list-catalog .hd .down a .p p{font-size:16px;line-height:28px;color:var(--color);}
.list-catalog .hd .down a:hover .p h3{color:var(--on-color);}
.list-catalog .bd .pdf{margin:120px 0 50px 0;}
.list-catalog .bd .pdf img,.list-catalog .bd .pdf iframe{width:100%;}
.list-catalog .bd .btn{overflow: hidden;;width:210px;height:46px;position: relative;border-radius:4px;border:2px solid var(--on-color);display:flex;align-items: center;justify-content: center;margin:0 auto;;}
.list-catalog .bd .btn .i{position: relative;z-index:2;width:50px;height:100%;background:var(--on-color);display:flex;align-items: center;justify-content: center;}
.list-catalog .bd .btn .i img{transition-duration:.4s;}
.list-catalog .bd .btn span{transition-duration:.4s;position: relative;z-index:2;flex:1;text-align:center;color:var(--color);}
.list-catalog .bd .btn::after{transition-duration:.4s;content:'';position: absolute;left:100%;bottom:0;width:100%;height:100%;background:var(--on-color);}
.list-catalog .bd .btn:hover span{color:#FFF;}
.list-catalog .bd .btn:hover::after{left:0;}
.list-catalog .bd .btn:hover .i img{transform: scale(1.2);}

.list-faq .title{margin-bottom:45px;color:var(--color)}
.list-faq .faq-list{padding-bottom:40px;}
.list-faq .faq-list .item{overflow: hidden;;margin-bottom:40px;}
.list-faq .faq-list .item .t{border-radius:8px 8px 0 0;display:flex;align-items: center;min-height:65px;padding:10px 30px;font-size:16px;background:var(--on-color);color:#fff;}
.list-faq .faq-list .item .p{border-radius:0 0 8px 8px;border:1px solid var(--on-color);padding:30px;font-size:16px;line-height:30px;color:var(--color);}
.list-faq .faq-list .item:last-child{margin:0;}
.list-faq .faq-list:last-child{padding:0;}

.two-columns .item{width:calc(50% - 40px);background:#fff;box-shadow:0 0 15px rgba(0,0,0,0.1);border-radius:12px;transition-duration:.4s;overflow: hidden;}
.two-columns .item .pic img{width:100%;border-radius:15px 15px 0 0;}
.two-columns .item .txt{padding:50px 30px;}
.two-columns .item .txt h3{font-size:30px;line-height:30px;color:var(--on-color);font-weight:bold;font-family: 'Saira-Bold';margin-bottom:15px;}
.two-columns .item .txt h4{font-size:16px;line-height:28px;color:var(--color);}
.two-columns .item .txt ul{padding-top:35px;}
.two-columns .item .txt ul li{margin-bottom:25px;padding-right:30px;position: relative;font-size:16px;line-height:20px;color:var(--color);}
.two-columns .item .txt ul li:last-child{margin-bottom:0;}
.two-columns .item .txt ul li::before{content:'';position:absolute;top:50%;right:5px;width:10px;height:10px;background:var(--on-color);;border-radius:50%;transform:translate(-50%,-50%);}

.list-customized .title{text-align:center;margin-bottom:60px;color:var(--color)}
.list-customized h1{margin-top:60px;}
.list-customized .hd{padding:100px 0 80px;text-align:center;}
.list-customized .hd h2{margin-bottom:15px;}
.list-customized .hd p{font-size:16px;line-height:28px;color:var(--color);}
.list-customized .bd{display:flex;flex-wrap:wrap;}
.list-customized .bd .item{transition-duration:.5s;position: relative;;box-shadow:0 0 15px rgba(0,0,0,0.1);width:calc(100% / 3 - 40px);margin:0 60px 100px 0;}
.list-customized .bd .item:nth-child(3n){margin-right:0;}
.list-customized .bd .item a{transition-duration:.5s;display:block;width:100%;height:100%;padding:120px 35px 35px 35px;border-radius:12px;background:#fff;}
.list-customized .bd .item .i{border:3px solid var(--on-color);;transition-duration:.5s;position: absolute;top:30px;left:50%;transform:translateX(-50%);display:flex;align-items: center;width:88px;height:88px;background:var(--on-color);border-radius:100%;display:flex;align-items: center;justify-content: center;}
.list-customized .bd .item .t{transition-duration:.3s;text-align:center;padding:24px 0 24px;border-bottom:1px solid #D2D4D5;}
.list-customized .bd .item .t h3{transition-duration:.3s;font-size:30px;font-weight:bold;line-height:30px;color:var(--on-color);;font-family: 'Saira-Bold';}
.list-customized .bd .item .p{transition-duration:.3s;}
.list-customized .bd .item .p h4{transition-duration:.3s;padding:29px 0 23px 0;font-size:24px;line-height:24px;color:#000000;}
.list-customized .bd .item .p p{transition-duration:.3s;font-size:16px;line-height:28px;color:var(--color);}
.list-customized .bd .item:hover a{background:var(--on-color);;padding:100px 35px 55px;}
.list-customized .bd .item:hover .i{width:120px;top:-60px;height:120px;background:#fff;}
.list-customized .bd .item:hover .t{border-bottom:1px solid #fff;}
.list-customized .bd .item:hover .t h3{color:#FFF;}
.list-customized .bd .item:hover .p h4{color:#FFF;}
.list-customized .bd .item:hover .p p{color:#FFF;}

.list-contact .info{padding:80px 0 120px;border-bottom:1px solid #D1D1D1;}
.list-contact .info .left{width:50%;}
.list-contact .info .left h2{color:var(--color);margin-bottom:30px;}
.list-contact .info .left .addlist .item{width:calc(50% - 20px);padding:22px 0;border-bottom:1px solid #E8E8E9;display:flex;align-items: center;}
.list-contact .info .left .addlist .item .i{width:40px;height:40px;background-color: var(--on-color);border-radius:40px;display:flex;align-items: center;justify-content: center;}
.list-contact .info .left .addlist .item .p{flex:1;padding-right:20px;}
.list-contact .info .left .addlist .item .p h4{margin-bottom:2px;}
.list-contact .info .left .addlist .item .p p,.list-contact .info .left .addlist .item .p p a{color:var(--on-color)}
.list-contact .info .left .addlist .item:first-child{width:100%;}
.list-contact .info .left .qrcode{margin-top:50px;height:280px;background:url(../images/contact_bg.jpg) no-repeat center center;background-size: cover;border-radius:8px;padding:20px;display:flex;gap:20px;}
.list-contact .info .left .qrcode .item .i{padding:20px;background:#fff;}
.list-contact .info .left .qrcode .item .i img{width:174px;height:174px;}
.list-contact .info .left .qrcode .item .p{margin-top:10px;display:flex;align-items: center;justify-content: center;gap:10px;text-align:center;}
.list-contact .info .left .qrcode .item .p img{width:18px;height:18px;-webkit-filter: brightness(0) invert(1);filter: brightness(0) invert(1);}
.list-contact .info .left .qrcode .item .p p{color:#fff;}
.list-contact .info .right{width:45%;}
.list-contact .info .right input{transition-duration:.4s;width:100%;height:50px;border-radius:5px;border:1px solid #BCBCBC;margin-bottom:30px;padding:0 15px}
.list-contact .info .right textarea{transition-duration:.4s;width:100%;min-height:240px;border-radius:5px;border:1px solid #BCBCBC;margin-bottom:30px;padding:15px}
.list-contact .info .right input::placeholder,.list-contact .info .right textarea::placeholder{color:var(--color)}
.list-contact .info .right input:hover,.list-contact .info .right textarea:hover{border:1px solid var(--on-color);}
.list-contact .info .right .code_box{position: relative;;width:calc(100% - 200px);}
.list-contact .info .right .code_box input{margin:0;}
.list-contact .info .right .code_box img{position: absolute;right:1px;bottom:1px;height:48px;}
.list-contact .info .right .btn{transition-duration:.4s;display:flex;align-items: center;justify-content: center;width:160px;height:50px;border-radius:5px;cursor: pointer;background:var(--on-color);gap:10px;color:#fff}
.list-contact .info .right .btn:hover{border-radius:40px;}
.list-contact .about{padding-top:160px;}
.list-contact .about .pic{width:45%;}
.list-contact .about .pic img{border-radius:20px;width:100%}
.list-contact .about .txt{width:50%;}
.list-contact .about .txt h1{line-height:60px;color:var(--on-color);}
.list-contact .about .txt .p{margin:10px 0 5px}
.list-contact .about .txt h3{opacity:.6;font-size:18px;margin-top:12px;}
.list-contact .about .txt p{font-size:18px;line-height:30px;margin:55px 0;}
.list-contact .about .txt .more{width:160px;height:50px;border-radius:5px;cursor: pointer;background:#1B1A1A;font-size:18px;display:flex;align-items: center;justify-content: center;gap:10px;color:#fff;}
.list-contact .about .txt .more:hover{background:var(--on-color);border-radius:40px;}
.list-contact .about .txt ul{padding-top:100px;display:flex;align-items: center;}
.list-contact .about .txt ul li{width:25%;padding:8px 16px;border-right:1px solid #DDDDDD;text-align:center;display:flex;justify-content: center;}
.list-contact .about .txt ul li:last-child{border-right:none;}
.list-contact .about .txt ul li .i{height:55px;display:flex;justify-content: center;align-items: center;}
.list-contact .about .txt ul li .p{font-size:24px;margin-top:5px;font-weight:bold;font-family: 'Saira-Bold';}

.list-about .imageslist{display:flex;flex-wrap:wrap;}
.list-about .imageslist .item{width:calc(100% / 3 - 2%);margin:0 0 60px 3%;}
.list-about .imageslist .item:nth-child(3n){margin-left:0;}
.list-about .imageslist .item a{display:block;width:100%;padding:20px;border-radius:8px;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);}
.list-about .imageslist .item a .p{padding-top:15px;}
.list-about .culture .item{display:flex;margin-bottom:120px;position: relative;}
.list-about .culture .item .pic{width:50%;border-radius:12px;overflow: hidden;}
.list-about .culture .item .pic img{width:100%;}
.list-about .culture .item:last-child{margin-bottom:0;}
.list-about .culture .item .txt{display:flex;flex-direction: column;justify-content: center;gap:40px;box-shadow:0 0 15px 0 rgba(0,0,0,0.1);position: absolute;left:0;top:10%;background:#fff;border-radius:12px;height:calc(100% - 20%);padding:60px;width:calc(50% + 80px);z-index:999;}
.list-about .culture .item .txt h2{font-size:60px;color:var(--on-color);}
.list-about .culture .item .txt p{font-size:18px;line-height:30px;}
.list-about .culture .item .txt p:last-child{margin-bottom:0;}
.list-about .culture .item:nth-child(2n){justify-content: flex-end;}
.list-about .culture .item:nth-child(2n) .txt{right:0;right:0;}
.list-about .talent_philosophy{padding-top:70px;}
.list-about .talent_philosophy .hd{flex-wrap:nowrap}
.list-about .talent_philosophy .hd .pic{order:2;width:500%;max-width:840px;}
.list-about .talent_philosophy .hd .pic img{width:100%;border-radius:12px;overflow: hidden;}
.list-about .talent_philosophy .hd .txt{width:45%;}
.list-about .talent_philosophy .hd .txt .logo{gap:25px;display:flex;align-items: center;}
.list-about .talent_philosophy .hd .txt .logo .line{height:6px;background:var(--on-color);width:50%;max-width:400px;}
.list-about .talent_philosophy .hd .txt h1{color:var(--on-color);margin:27px 0 80px 0 ;}
.list-about .talent_philosophy .hd .txt h3{color:var(--on-color);margin-bottom:40px;font-size:36px;text-transform:none;}
.list-about .talent_philosophy .hd .txt p{font-size:18px;line-height:30px;margin-bottom:20px;}
.list-about .talent_philosophy .hd .txt p:last-child{margin-bottom:0;}
.list-about .talent_philosophy .bd{margin-top:100px;display:flex;align-items: center;position: relative;}
.list-about .talent_philosophy .bd .pic{width:100%;}
.list-about .talent_philosophy .bd .pic img{width:100%;}
.list-about .talent_philosophy .bd .txt{position: absolute;left:50%;top:65%;transform: translate(-50%,-50%);width:70%;width:70%;max-width:800px;}
.list-about .talent_philosophy .bd .txt h2{color:var(--on-color);;margin-bottom:30px;font-size:36px;font-weight:bold;font-family: 'Saira-Bold';}
.list-about .talent_philosophy .bd .txt p{font-size:18px;line-height:30px;margin-bottom:20px;}
.list-about .body{font-size:16px;line-height:24px;}
.list-about .body h3{font-size:24px;font-family: 'Saira-Bold';color:var(--on-color);font-weight:bold;margin-bottom:20px;}
.list-about .history .bd .item{padding:60px 0;border-bottom:1px solid #D1D1D1;display:flex;}
.list-about .history .bd .item .pic{width:40%;border-radius:12px;overflow: hidden;max-width:680px;}
.list-about .history .bd .item .pic img{width:100%;border-radius:12px;overflow: hidden;}
.list-about .history .bd .item .txt{width:60%;padding-right:60px;}
.list-about .history .bd .item .txt h2{color:var(--on-color);font-size:24px;text-transform:none;margin-bottom:45px;}
.list-about .history .bd .item .txt ul li{margin-bottom:35px;}
.list-about .history .bd .item .txt ul li .title{color:var(--on-color);margin-bottom:10px;}
.list-about .history .bd .item .txt ul li .p{font-size:16px;line-height:24px;}
.list-about .history .bd .item:nth-child(2n) .pic{order:2;}
.list-about .history .bd .item:nth-child(2n) .txt{padding:0 0 0 60px;}
.list-about .history .body{padding-top:60px}
.list-about .certificate{position: relative;}
.list-about .certificate::after{width:calc(100% + 180px);height:200px;content:"";position: absolute;left:-90px;top:500px;background:url(../images/bg3.jpg) repeat-x;}
.list-about .certificate .title{padding:45px 0;color:var(--on-color)}
.list-about .certificate .list{position: relative;z-index:3;}
.list-about .certificate .list .item{width:30%;margin:0 0 60px 5%;position: relative;}
.list-about .certificate .list .item:nth-child(3n){margin:0;}
.list-about .certificate .list .item .pic{width:100%;}
.list-about .certificate .list .item .pic img{width:100%;height:100%;object-fit: cover;}
.list-about .certificate .list:last-child .item{width:22%;margin:0 0 60px 4% !important;}
.list-about .certificate .list:last-child .item:nth-child(4n){margin-left:0 !important;}
.list-about .about .content .body{flex:1;padding-right:60px;}
.list-about .about .content .body h1{color:var(--on-color);line-height:60px;}
.list-about .about .content .body h4{color:var(--color);opacity:.6;font-size:18px;margin:20px 0 50px;}
.list-about .about .content .body p{font-size:18px;line-height:24px;margin-bottom:35px;}
.list-about .about .content .pic{width:45%;max-width:700px;}
.list-about .about .content .pic .item{margin-bottom:60px;}
.list-about .about .content .pic .item img{width:100%;border-radius:15px;}
.list-about .about .content .pic .item:last-child{margin-bottom:0;}
.list-about .about .data{border-top:1px solid #CFCFCF;border-bottom:1px solid #CFCFCF;margin:80px 0;}
.list-about .about .data .item{flex:1;}
.list-about .about .data .item h3{font-size:60px;color:var(--color);}
.list-about .about .data .item p{font-size:18px;margin-top:8px;}
.list-about .about .choose .hd{margin-bottom:60px;}
.list-about .about .choose .hd h2{color:var(--on-color);margin-bottom:15px;}
.list-about .about .choose .hd p{font-size:18px;line-height:30px;}
.list-about .about .choose .list .item{padding:45px 40px 70px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);width:calc(100% / 3 - 40px);margin:0 0 0 60px;}
.list-about .about .choose .list .item:nth-child(3n){margin-left:0;}
.list-about .about .choose .list .item h4{margin:40px 0;color:var(--color);font-size:30px;line-height:30px;}
.list-about .about .choose .list .item p{font-size:18px;line-height:30px;}

.index-banner{width: 100%;position: relative;overflow: hidden;padding-top:130px;}
.index-banner .swiper{width: 100%;height:100%;}
.index-banner .swiper .swiper-slide{position: relative;}
.index-banner .swiper .swiper-slide .pic{display:none;}
.index-banner .swiper .swiper-slide .pic img{width: 100%;height: 100%;object-fit: cover;display: block;}
.index-banner .swiper .swiper-slide .txt{position: absolute;text-align:center;left:50%;top:80%;transform: translate(-50%,-50%);width:70%;max-width:800px;opacity:0;transition-duration:1.5s;}
.index-banner .swiper .swiper-slide .txt h3{display:inline-block;padding:4px 10px;background:var(--on-color);border-radius:8px;color:#fff;font-size:30px;}
.index-banner .swiper .swiper-slide .txt h2{font-size:60px;margin-top:10px}
.index-banner .swiper .swiper-slide.swiper-slide-active .txt{top:50%;opacity:1;}
.index-banner .swiper-button-prev,.index-banner .swiper-button-next {color: #fff;background: rgba(0, 0, 0, 0.3);width: 60px;height: 60px;border-radius: 50%;transition: all 0.3s ease;}
.index-banner .swiper-button-prev:hover,.index-banner .swiper-button-next:hover {background: rgba(0, 0, 0, 0.6);}
.index-banner .swiper-button-prev:after,.index-banner .swiper-button-next:after {font-size: 20px;font-weight: bold;}
.index-banner .swiper-pagination{text-align:right;padding-right:100px;bottom:40px;}
.index-banner .swiper-pagination-bullet{width: 30px;height: 10px;border-radius:8px !important;margin:0 10px 0 0 !important;background: #fff;opacity: 0.5;transition: all 0.3s ease;}
.index-banner .swiper-pagination-bullet-active {opacity: 1;background: #fff;width: 60px;}

.index-about .about .data{margin:0;border-top:0;}
.index-type .hd{margin:100px 0 70px}
.index-type .hd .t h2{color:var(--on-color);margin-bottom:15px;}
.index-type .hd .t p{font-size:18px;line-height:30px;}
.index-type .hd .btn{display:flex;gap:15px;align-items: center;}
.index-type .hd .btn div{transition-duration:.4s;width:50px;height:50px;position: static !important;border-radius:4px;display:flex;justify-content: center;align-items: center;background:#1B1A1A;}
.index-type .hd .btn div i{font-size:24px;color:#fff;}
.index-type .hd .btn div::after{display:none;}
.index-type .hd .btn div:hover{background:var(--on-color);}
.index-type .swiper .swiper-slide a{display:block;width:100%;border-radius:12px;overflow: hidden;}
.index-type .swiper .swiper-slide .txt{padding:30px;background:#fff;position: relative;}
.index-type .swiper .swiper-slide .txt .num{position: absolute;left:30px;top:45px;color:var(--color)}
.index-type .swiper .swiper-slide .txt h3{font-size:24px;color:var(--on-color);font-family: 'Barlow-Bold';margin-bottom:10px;}
.index-type .swiper .swiper-slide .txt p{opacity:.5;font-size:16px;color:var(--color)}
.index-type .swiper-pagination{position: static;padding-top:80px;}
.index-type .swiper-pagination span{width:18px;height:18px;background:#1B1A1A;opacity:1;margin:0 8px !important;}
.index-type .swiper-pagination span.swiper-pagination-bullet-active{background:#fff;}
.index-choose{position: relative;background:var(--on-color);padding:70px 0 120px}
.index-choose::after{background:var(--on-color);position: absolute;top:-350px;height:350px;left:0;width:100%;content:'';}
.index-choose .hd{color:#fff;}
.index-choose .about .choose .hd h2{color:#fff !important;}
.index-choose .about .choose .list .item{background:#fff;border-radius:8px;}
.index-pro{padding:100px 0 0 0;}
.index-pro .hd{margin-bottom:70px;}
.index-pro .hd .t h2{color:var(--color);margin:0 0 25px 0;}
.index-pro .hd .t p{font-size:18px;line-height:30px;}
.index-pro .hd .tabs{display:flex;align-items:center;}
.index-pro .hd .tabs span{margin:0 15px;}
.index-pro .hd .tabs span,.index-pro .hd .btns a{font-size:18px;color:var(--color);}
.index-pro .hd .tabs a.on{color:var(--on-color)}
.index-pro .box .list-pro{display:none;}
.index-pro .list-pro.on{display:flex !important;}
.list-products{padding:0;}
.list-products .hd{display:block;margin:60px 0;}
.list-products .show-content{margin-bottom:100px;padding:35px 50px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);border-radius:12px;}
.list-products .show-content .show_swiper{display:none;}
.list-products .show-content .tupian_box{width:910px;}
.list-products .show-content .tupian_box .datu{flex:1;padding-left:60px;}
.list-products .show-content .tupian_box .datu img{width:100%;}
.list-products .show-content .tupian_box .xiaotu{width:100px;padding-top:50px;}
.list-products .show-content .tupian_box .xiaotu li{transition-duration:.4s;margin-bottom:25px;width:100px;height:100px;border:1px solid #1E262B;display:flex;align-items: center;justify-content: center;}
.list-products .show-content .tupian_box .xiaotu li img{width:100%;}
.list-products .show-content .tupian_box .xiaotu li:hover{border-color:var(--on-color)}
.list-products .show-content .tupian_box .xiaotu .btn{display:flex;}
.list-products .show-content .tupian_box .xiaotu .btn a{width:50%;height:40px;background:#1B1A1A;display:flex;justify-content: center;align-items: center;font-size:24px;color:#fff;}
.list-products .show-content .tupian_box .xiaotu .btn a:hover{background:var(--on-color);}
.list-products .show-content .info_box{flex:1;padding-right:5%;display:flex;align-content: space-between;flex-wrap:wrap;}
.list-products .show-content .info_box .info_box_top{width:100%;}
.list-products .show-content .info_box .info_box_top .t{padding-bottom:30px;border-bottom:1px solid #D1D1D1;}
.list-products .show-content .info_box .info_box_top .t h1{font-size:24px;font-family: 'Barlow-Bold';font-weight:bold;text-transform:uppercase;}
.list-products .show-content .info_box .info_box_top .t h3{font-size:18px;opacity:.7;margin-top:10px;}
.list-products .show-content .info_box .info_box_top .attr{padding:20px 0 30px;font-size:18px;line-height:30px;}
.list-products .show-content .info_box .info_box_top .attr h3{font-weight:bold;}
.list-products .show-content .info_box .info_box_top .social{padding-bottom:20px;display:flex;align-items: center;gap:10px;}
.list-products .show-content .info_box .info_box_top .social a{width:44px;height:44px;border-radius:4px;background:#1E262B;display:flex;align-items: center;justify-content: center;}
.list-products .show-content .info_box .info_box_top .social a:hover{border-radius:40px;background:var(--on-color);}
.list-products .show-content .info_box .info_box_bottom{width:100%;}
.list-products .show-content .info_box .info_box_bottom .me{display:flex;border-radius:8px;background:var(--on-color);width:100%;height:50px;display:flex;align-items: center;justify-content: center;gap:10px;}
.list-products .show-content .info_box .info_box_bottom .me img{height:20px;}
.list-products .show-content .info_box .info_box_bottom .me span{font-size:18px;color:#fff;}
.list-products .show-content .info_box .info_box_bottom .me:hover{border-radius:40px;}
.list-products .show-content .info_box .info_box_bottom .btn{padding:35px 0 45px;display:flex;flex-wrap:wrap;}
.list-products .show-content .info_box .info_box_bottom .btn .item{width:50%;display:flex;align-items: center;}
.list-products .show-content .info_box .info_box_bottom .btn .item .i{background-color:#1B1A1A;width:60px;height:60px;border-radius:60px;display:flex;align-items: center;justify-content: center;}
.list-products .show-content .info_box .info_box_bottom .btn .item .p{flex:1;padding-right:12px;}
.list-products .show-content .info_box .info_box_bottom .btn .item .p h3{font-size:18px;color:var(--color);}
.list-products .show-content .info_box .info_box_bottom .btn .item .p p,.list-products .show-content .info_box .info_box_bottom .btn .item .p p a{color:#8D9497;font-size:18px;}
.list-products .show-content .info_box .info_box_bottom .btn .item .p p a:hover{color:var(--on-color)}
.list-products .show-content .info_box .info_box_bottom .ico{position: relative;display:flex;align-items: center;gap:10px;}
.list-products .show-content .info_box .info_box_bottom .ico a{color:#1B1A1A;width:50px;height:50px;border-radius:10px;background:#fff;border:1px solid #D4DADD;display:flex;align-items: center;justify-content: center;position: relative;z-index:2;}
.list-products .show-content .info_box .info_box_bottom .ico a i{font-size:20px;}
.list-products .show-content .info_box .info_box_bottom .ico a:hover{border-radius:40px;border-color:var(--on-color);background:var(--on-color);color:#FFF;}
.list-products .company .pic{width:100%;}
.list-products .company .pic img{width:100%;max-height:700px;}
.list-products .company .txt{font-size:18px;line-height:30px;padding:50px 0;}
.list-products .company .txt p{margin-bottom:20px;}
.list-products .body{font-size:16px;line-height:26px;padding:0 0 30px 0;}
.list-products .scene{position: relative;}
.list-products .scene .pic{width:100%;}
.list-products .scene .pic img{width:100%;}
.list-products .scene .txt{text-align:center;position: absolute;left:50%;bottom:120px;width:30%;max-width:500px;background:#fff;transform: translateX(-50%);}
.list-products .scene .txt .title{color:var(--on-color);font-size:60px;line-height:60px;}
.list-products .scene .txt p{font-size:16px;line-height:24px;margin-top:30px;}
.list-products .images .item{width:100%;margin-bottom:60px;}
.list-products .images .item:last-child{margin-bottom:0;}
.list-products .images .item img{width:100%;object-fit: cover;}
.list-products .title2{color:var(--color);padding-bottom:50px;}
.list-products .ask .left{width:300px;}
.list-products .ask .left span{cursor: pointer;transition-duration:.4s;font-size:18px;min-height:50px;padding:10px;line-height:24px;margin-bottom:15px;display:flex;align-items: center;border-radius:5px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
.list-products .ask .left span.on{background:var(--on-color);color:#fff;}
.list-products .ask .right{flex:1;padding-right:50px;}
.list-products .ask .faq-list{display:none;}
.list-products .ask .faq-list:first-child{display:block;}
.list-products .ask .item{box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);margin-bottom:40px;}
.list-products .ask .item .t{border-radius:8px 8px 0 0;display:flex;align-items: center;min-height:60px;padding:10px 20px;font-size:16px;background:var(--on-color);color:#fff;}
.list-products .ask .item .p{border-radius:0 0 8px 8px;border:1px solid var(--on-color);padding:20px;font-size:16px;line-height:30px;color:var(--color);}

.list-pro{display:flex;flex-wrap: wrap;}
.list-pro .item{width:calc(100% / 4 - 30px);border-radius:8px;margin:0 0 40px 40px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);position: relative;}
.list-pro .item:nth-child(4n){margin-left:0;}
.list-pro .item a{display:block;width:100%;padding:15px;}
.list-pro .item .logo{top:27px;position: absolute;left:20px;z-index:9;}
.list-pro .item .logo img{height:22px;}
.list-pro .item .email{position: absolute;top:23px;right:50px;z-index:99;width:20px;height:16px;padding:0;}
.list-pro .item .email img{height:16px;width:20px;}
.list-pro .item .inquiry{position: absolute;top:22px;right:16px;z-index:99;width:20px;height:21px;padding:0;}
.list-pro .item .inquiry img{height:21px;width:20px;}
.list-pro .item .txt{padding:23px 0 26px 0;border-top:1px solid #D1D1D1;border-bottom:1px solid #D1D1D1;position: relative;}
.list-pro .item .txt .i{position: absolute;bottom:30px;left:10px;}
.list-pro .item .txt h3{transition-duration:.4s;text-transform:uppercase;font-size:24px;color:var(--color);font-family: 'Barlow-Bold';margin-bottom:7px;}
.list-products .show-content .info_box .info_box_top .t h4{font-size:14px;margin-top:10px;}
.list-pro .item .txt h4{font-size:18px;color:var(--color); opacity:.7;}
.list-pro .item .txt p{font-size:14px;margin-top:5px;color:var(--color);}
.list-pro .item .attr{padding:15px 0 5px;}
.list-pro .item .attr p{font-size:18px;color:var(--color);line-height:30px;}
.list-pro .item:hover .txt h3{color:var(--on-color)}




@media (max-width: 1920px){
.list-about .talent_philosophy .bd .txt{max-width:650px;}
.list-catalog .hd{padding-bottom:530px;}
.index-quality .wrap{padding:0 5%}
.wrap{max-width: calc(100% - 160px);}
}
@media (max-width: 1800px){
.list-about .talent_philosophy .bd .txt{max-width:500px;}
.list-about .certificate::after{top:400px}
.list-products .show-content .tupian_box{width:800px;}
}
@media (max-width: 1536px){
.list-catalog .hd{padding-bottom:430px;}
.wrap{max-width: calc(100% - 80px);}
.title{font-size:40px;line-height:40px !important}
.index-quality .wrap{padding:0;}
.index-quality .btn a .p p{font-size:30px;}
.footer .right{width: calc(100% - 430px);}
.footer .right .menu .item{padding:0 10px;}
.list-products .show-content .tupian_box{width:750px;}
.list-products .scene .txt{bottom:45px;}
.list-products .scene .txt .title{font-size:40px;}
}
@media (max-width: 1440px){
.list-about .certificate::after{top:320px}
.list-catalog .hd{padding-bottom:350px;}
.list-pro .item{width:calc(100% / 3 - 20px);margin:0 30px 30px 0 !important;}
.list-pro .item:nth-child(3n){margin-right:0 !important;}
.list-products .show-content .tupian_box{width:680px;}
.list-products .show-content .info_box .info_box_bottom .btn .item{width:100%;margin-bottom:15px;}
.list-products .show-content .info_box .info_box_bottom .btn .item:last-child{margin-bottom:0;}
}
@media (max-width: 1366px){
.list-catalog .hd{padding-bottom:300px;}
.list-contact .about .txt p{font-size:14px;line-height:22px;margin:25px 0;}
.list-contact .about .txt ul{padding-top:35px;}
.list-contact .about .txt ul li .p{font-size:18px;}
.index-subscribe .bg{height:400px;}
.list-news .bd .item{padding:20px;width: calc(50% - 25px);margin-bottom:40px;}
.list-products .hd{margin:30px 0;}
.list-about .talent_philosophy .bd .txt{max-width:400px;}
}
@media (max-width: 1280px){
.list-catalog .hd{padding-bottom:250px;}
.top .wrap{justify-content: flex-end;}
.top .left{display:none;}
.footer .right .qrcode{display:none;}
}
@media (max-width: 1024px){
.list-catalog .hd{padding-bottom:200px;}
.list-about .talent_philosophy .bd .txt{max-width:350px;}
.list-about .talent_philosophy .bd .txt p{font-size:14px;line-height:24px;margin-bottom:10px;}
}
@media screen and (max-width:992px) {
    

.wrap{max-width:100%;}
.title {font-size: 30px;line-height: 30px !important;}
.inquire .inquire_form .item{width:100%;margin:0 0 12px 0;}
.inquire .inquire_form .item input{padding:10px !important;}
.inquire .inquire_form .item .code_img{height:38px;}
.list-contact .info,.index-subscribe,.footer,.index-quality,.list-about .talent_philosophy,.list-about .certificate,.list-products,.list-about .history .body,.list-news .content,.list-news .bd,.main,.list-contact .about,.list-catalog .hd{padding:30px 10px;}
.list-contact .info .left,.list-about .talent_philosophy .hd .txt,.list-about .talent_philosophy .hd .pic,.list-about .history .bd .item .pic,.list-about .history .bd .item .txt,.list-catalog .hd .txt,.list-catalog .hd .down,.footer .left,.list-contact .info .right,.list-contact .info .left .addlist .item,.list-contact .about .pic,.list-contact .about .txt{width:100%;}
.index-header,.list-products .scene,.list-products .show-content .tupian_box,.list-news .content .up-more .mroe,.pc-menu,.list-catalog .hd .bg,.footer .right{display:none !important;}
.index-banner,.banner,.list-catalog .hd .down{padding:0;}
.banner .breadcrumbs{height:45px;padding:0 10px;}
.banner .breadcrumbs .wrap{overflow:auto;}
.banner .breadcrumbs .wrap::-webkit-scrollbar{width:0;height:0;}
.banner .breadcrumbs .wrap::-webkit-scrollbar-track{background-color:transparent;}
.banner .breadcrumbs .wrap::-webkit-scrollbar-thumb{background-color:transparent;}
.banner .breadcrumbs .wrap::-webkit-scrollbar-corner{background-color:transparent;}
.banner .breadcrumbs .wrap a{white-space:nowrap;}
.list-contact .info .left .qrcode{margin:25px 0;height:auto;}
.list-contact .info .left .qrcode .item .i img{width:100%;height:auto;}
.list-contact .info .right input{margin-bottom:15px;}
.list-contact .about .pic{margin-bottom:15px;}
.list-contact .about .txt ul{flex-wrap:wrap;}
.list-contact .about .txt ul li{width:50%;margin:0;border:none;padding:12px}
.index-subscribe .bg{height:250px;background: url(../images/bg.jpg) no-repeat center center /cover fixed;}
.index-subscribe .txt{padding:20px;}
.index-subscribe .txt .title{font-size:24px !important;line-height:24px !important;}
.index-subscribe .txt p{font-size:14px;max-width:100%;line-height:22px;margin:25px 0;}
.index-quality .btn{width:100%;margin-top:20px;}
.index-quality .btn a{padding:0 10px;gap:10px}
.index-quality .btn a .p p{font-size:20px;}
.bottom{padding:25px 10px 60px;}
.bottom .michuan{margin:20px auto 0;}
.footer .left ul li{margin-bottom:15px;}
.two-columns{padding:20px 10px;}
.two-columns .item{width:100%;margin-bottom:20px;}
.two-columns .item .txt{padding:22px;}
.two-columns .item .txt ul{padding-top:15px;}
.two-columns .item .txt h3{font-size:20px;line-height:24px;}
.two-columns .item .txt h4{font-size:14px;line-height:24px;}
.list-customized .hd{padding:30px 0;}
.list-customized .hd h2{font-size:34px;line-height:34px;}
.list-customized .bd{padding:0 10px 20px;}
.list-customized .bd .item{width:100%;margin:50px 0 0 0 !important;}
.list-customized .bd .item a{padding:80px 40px 40px 40px;}
.list-customized .bd .item .i{top:-10px;}
.list-customized .bd .item .p h4{font-size:18px;line-height:18px;padding:12px 0;}
.list-customized .bd .item .p p{font-size:14px;line-height:22px;}
.list-customized h1{margin:30px 0 !important;}
.list-catalog .hd .down a{margin-top:30px;}
.list-catalog .bd .pdf{margin:0 10px 40px;}
.list-news .bd .item{width:100%;padding:24px;}
.list-news .bd .item .txt h3{font-size:22px;}
.list-news .bd .item .txt p{margin-top:15px;font-size:14px;line-height:22px;}
.list-news .content{font-size:14px;line-height:22px;padding-bottom:0;}
.list-news .content .body p{margin-bottom:10px;}
.list-news .content .up-more{padding:20px 0;}
.list-products .hd{margin:0 0 15px 0;}
.index-pro .hd .t p{font-size:15px;line-height:24px;}
.list-pro .item{width:100%;margin:0 0 25px 0 !important}
.list-pro .item .txt{padding:12px 0;}
.list-pro .item .attr{padding:8px 0;}
.list-products .show-content .show_swiper{display:block !important}
.list-products .show-content{padding:15px;margin-bottom:30px;}
.list-products .show-content .info_box{padding:0;width: 100%;}
.list-products .company .txt{padding:25px 0;}
.list-products .company .txt p{font-size:14px;line-height:24px;margin-bottom:10px;}
.list-products .images .item{margin-bottom:20px;}
.list-products .ask{padding:0;}
.list-products .ask .left{width:100%;display:flex;flex-wrap:wrap;justify-content: space-between;}
.list-products .ask .left span{width:calc(50% - 10px);}
.list-products .ask .right{padding:0;}
.list-products .ask .item{margin-bottom:20px;}
.list-about .history .bd .item{padding:20px 10px;flex-wrap:wrap;}
.list-about .history .bd .item .pic{order:1 !important;}
.list-about .history .bd .item .txt{padding:20px 0 0 0 !important;order:2 !important;}
.list-about .history .bd .item .txt h2{font-size:22px;line-height:24px;margin-bottom:15px;}
.list-about .certificate .title{padding:22px 0;}
.list-about .certificate .list .item,.list-about .certificate .list:last-child .item{width:100% !important;margin:0 0 20px 0 !important}
.list-about .certificate::after{display:none;}
.list-about .imageslist .item{width:100%;margin:0 0 15px 0 !important;}
.list-about .talent_philosophy .hd{flex-wrap:wrap;}
.list-about .talent_philosophy .hd .txt{order:2 !important;padding:30px 0;}
.list-about .talent_philosophy .hd .txt h1{margin:25px 0;}
.list-about .talent_philosophy .bd .pic{display:none;}
.list-about .talent_philosophy .bd{margin-top:30px;}
.list-about .talent_philosophy .bd .txt{position: static;width:100%;transform:none;}
.list-about .culture .item{margin-bottom:30px;flex-wrap:wrap;}
.list-about .culture .item .pic{width:100%;}
.list-about .culture .item .txt{width:100%;position: static;gap:15px;padding:22px;}
.list-about .culture .item .txt h2{font-size:40px;}
.list-about .culture .item .txt p{font-size:14px;line-height:22px;}
.list-about .about .content .body{width:100%;padding:0 0 20px 0;}
.list-about .about .content .pic{max-width:100%;width:100%;}
.list-about .about .content .body p{font-size:14px;line-height:26px;margin-bottom:15px;}
.list-about .about .data{margin:40px 0;}
.list-about .about .data .item{width:50%;flex:none;margin-bottom:15px;}
.list-about .about .data .item h3{font-size:34px;margin-bottom:10px;}
.list-about .about .choose .list .item{width:100%;margin:0 0 30px 0;padding:32px 22px;}
.list-about .about .choose .list .item h4{font-size:24px;margin:15px 0;}
.list-about .about .choose .list .item p{font-size:16px;line-height:26px;}
.list-about .about .choose .list .item:last-child{margin-bottom:0;}
.index-banner .swiper .swiper-slide .txt{max-width:100%;}
.index-banner .swiper .swiper-slide .txt h3{font-size:14px;}
.index-banner .swiper .swiper-slide .txt h2{font-size:24px;line-height:34px;}
.index-banner .swiper-pagination{padding-right:10px;bottom:10px;}
.index-banner .swiper-pagination-bullet-active{width:30px;}
.index-about .about .data{margin:0;}
.list-contact .about .txt .p img{max-height:30px;}
.list-contact .about .txt .more{margin:0 auto;}
.index-type{padding:0 10px 30px;}
.index-type .hd{margin:0 0 20px 0;}
.index-banner .swiper-button-prev, .index-banner .swiper-button-next,.index-choose::after,.index-type .hd .btn{display:none;}
.index-type .hd .t p{font-size:15px;line-height:24px;}
.index-choose,.index-pro{padding:45px 10px;}
.list-about .about .choose .hd{margin-bottom:25px;}
.index-pro .hd{margin-bottom:30px;}
.index-pro .hd .tabs{width:100%;margin:40px auto 30px;justify-content: center;}
.list-pro .item .attr{display:none;}
.list-pro .item .txt{border-bottom:0;}
.index-type .swiper-pagination{padding-top:30px;}
.index-type .swiper-pagination .swiper-pagination-bullet-active{background:var(--on-color) !important;}
.index-banner .swiper .swiper-slide{background:none !important}
.index-banner .swiper .swiper-slide .pic{display:block;}
}