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

.animated-title {
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-color: #E37410;
    background-image: -webkit-linear-gradient(-45deg, #FFB74D 50%, #E37410 50%, #E37410 70%);
    background-size: 200%;
    -webkit-animation: shine 5s infinite;
}
@-webkit-keyframes shine {
    from {background-position: 100%;}
    to {background-position: 0;}
}

.top{display:flex;z-index:999;align-items: center;height:50px;position: fixed;top:0;left:0;width:100%;background:rgba(0,0,0,.4);}
.top .ico{gap:12px;display:flex;align-items: center;}
.top .lang{gap:30px;display:flex;align-items: center;}
.top .lang a span{color:#fff;font-size:13px;transition-duration:.4s;;margin-left:5px;}
.top .lang a:hover span{color:var(--on-color);}

.header{transition-duration:.4s;position: fixed;top:50px;left:0;width:100%;z-index:999;padding-top:10px;height:120px;display:flex;align-items: center;}
.header .wrap{position: relative;z-index:1001}
.header::before{transition-duration:.25s;width:100%;top:50px;height:0;opacity:0;background:#fff;content:"";position:fixed;left:0;z-index:998}
.header .logo a{display:flex;align-items: center;}
.header .logo a .i{margin-right:25px;}
.header .logo a .p h1{font-size:35px;font-weight:bold;color:#fff;transition-duration:.5s;}
.header .logo a .p h1 span{color:var(--on-color);}
.header .logo a .p p{font-family: 'Roboto-Medium';transition-duration:.5s;font-size:20px;color:#FFFFFF;text-transform:uppercase;}
.header .menu{display:flex;align-items: center;}
.header .menu .item{margin-left:70px;}
.header .menu .item h3 a{display:flex;align-items: center;height:100px;font-size:18px;color:#fff;}
.header.on .logo a .p h1{color:#000;}
.header.on .logo a .p p{color:#000;}
.header.on .menu .item h3 a{color:#000;}
.header.on::before{height:120px;opacity:1;}
.header.height{top:0;width:100%;height:80px;background:#fff;z-index:99999;box-shadow:0 5px 15px 20px rgba(0,0,0,.1);}
.header.height .logo img{height:60px;}
.header.height .logo a .p p{color:#000;}
.header.height .logo a .p h1{color:#000;font-size:26px;}
.header.height .menu .item h3 a{color:#000;height:70px;}
.header.height.on::before{height:80px;top:0;}

.header_down{padding:60px 0;transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;background:#F7F7F7;top:170px;position: fixed;left:0;width:100%;z-index:999999999999999999;}
.header_down.height{top:80px;}
.header_down .menu{display:flex;flex:1;max-width:1200px;}
.header_down .menu .item{width:20%}
.header_down .menu .item:last-child{margin-right:0;}
.header_down .menu .item h3{margin-bottom:15px;}
.header_down .menu .item h3 a{font-size:26px;font-weight:bold}
.header_down .menu .item ul li a{font-size:16px;line-height:34px;color:#000000;}
.header_down .menu .item ul li a:hover{padding-left:10px;color:#E37410;}
.header_down .pic{max-width:400px;}
.header_down.on{transform: scaleY(1);}

.banner{position: relative;}
.banner .p img{width:100%;height:100%;object-fit:cover;}
.banner .menu{gap:160px;position: absolute;left:0;bottom:0;width:100%;height:70px;display:flex;align-items: center;justify-content: center;background:rgba(0,0,0,.48);}
.banner .menu a{font-size:22px;color:#fff;position: relative;height:100%;align-items: center;display:flex;}
.banner .menu a:hover{color:var(--on-color);}
.banner .menu a.on::after{width:100%;height:8px;z-index:99;content:"";background:var(--on-color);position: absolute;left:0;bottom:0;}

.footer{background:var(--on-color);}
.footer .footer-top{padding:55px 0 25px;border-bottom:1px solid #FB851C;}
.footer .footer-top .logo a{display:flex;align-items: center;}
.footer .footer-top .logo a .i{margin-right:25px;}
.footer .footer-top .logo a .p h1{font-size:35px;font-weight:bold;color:#fff;}
.footer .footer-top .logo a .p h1 span{color:#DD2424;}
.footer .footer-top .logo a .p p{font-family: 'Roboto-Medium';font-size:20px;color:#FFFFFF;text-transform:uppercase;}
.footer .footer-top .menu{display:flex;align-items: center;gap:25px;}
.footer .footer-top .menu a{border:2px solid #FFFFFF;height:56px;display:flex;align-items: center;padding:0 40px;}
.footer .footer-top .menu a span{font-size:16px;color:#fff;}
.footer .footer-top .menu a img{margin-right:30px;}
.footer .footer-top .menu a:hover{border-radius:40px;background:#DD2424;color:#fff;}
.footer .footer-center{padding:55px 0;}
.footer .footer-center .menu{display:flex;flex:1;max-width:1000px;}
.footer .footer-center .menu .item{flex:1;margin-right:5%;}
.footer .footer-center .menu .item:last-child{margin-right:0;}
.footer .footer-center .menu .item h3{margin-bottom:15px;}
.footer .footer-center .menu .item h3 a{font-size:20px;font-weight:bold;color:#fff;}
.footer .footer-center .menu .item ul li a{font-size:14px;line-height:34px;color:#fff;}
.footer .footer-center .contect{text-align:right;}
.footer .footer-center .contect .txt{color:#fff;padding:25px 0;font-size:18px;line-height:34px;}
.footer .footer-center .contect .txt a{color:#fff;font-size:18px;}
.footer .footer-center .contect .tel{font-size:24px;color:#fff;}
.footer .footer-center .contect .tel a{font-size:24px;color:#fff;}
.footer .footer-center .contect .ico{display:flex;justify-content: flex-end;align-items: center;gap:25px;}
.footer .footer-bottom{padding:0 0 60px 0;}
.footer .footer-bottom p,.footer .footer-bottom p a{font-size:16px;color:#fff;}
.footer .footer-bottom p a{margin-left:10px;}
.footer .footer-bottom p a img{margin-right:5px;}

.list-news .list .item{width:calc(100% / 3 - 40px);margin:0 60px 80px 0;}
.list-news .list .item:nth-child(3n){margin-right:0;}
.list-news .list .item a{display:block;width:100%;border-radius:8px;}
.list-news .list .item a .pic,.list-news .list .item a .pic img{border-radius:8px 8px 0 0;}
.list-news .list .item a .txt{border-radius:0 0 8px 8px;padding:30px 40px;box-shadow:0 5px 15px 20px rgba(0,0,0,.03);background:#fff;}
.list-news .list .item a .txt .type{font-size:22px;color:var(--on-color);}
.list-news .list .item a .txt h3{margin:15px 0 25px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;height:76px;font-size:28px;line-height:38px;color:#000000;}
.list-news .list .item a .txt .time{font-size:18px;font-family: 'Roboto-Medium';color:#767676;}
.list-news .list .item a:hover{transform: translateY(-10px);}
.list-news .show h1{font-size:30px;}
.list-news .show .time{padding:24px 0 12px 0;font-family: 'Roboto-Medium';font-size:16px;border-bottom:1px solid #CDCECF}
.list-news .show .body{padding:50px 0;font-size:16px;line-height:26px;}
.list-news .show .body p{margin-bottom:15px;}
.list-news .show .body p:last-child{margin-bottom:0;}
.list-news .show .more{margin:0px 0 40px;padding-top:30px;border-top:1px solid #CDCECF;}
.list-news .show .more .up p,.list-news .show .more .up p a{font-size:16px;line-height:30px;}
.list-news .show .more .btn a{transition-duration:.5s;border-radius:8px;gap:10px;width:140px;height:40px;background:var(--on-color);text-align:center;display:flex;align-items:center;justify-content:center;}
.list-news .show .more .btn a img{height:20px}
.list-news .show .more .btn a span{color:#fff;font-size:16px;}
.list-news .show .more .btn a:hover{border-radius:30px}
.list-news .alt{font-size:30px;color:#000000;text-transform:uppercase;margin-bottom:30px;}

.list-about-body .title{font-size:40px;color:#000000;font-weight:bold;text-align:center;}
.list-about-body .txt{padding:30px 0 80px;font-size:18px;line-height:48px;text-align:center;color:#1D1D1D;}
.list-about-body .data{display:flex;justify-content: center;gap:10%;}
.list-about-body .data .item h3{font-size:50px;color:var(--on-color);font-family: 'Roboto-Medium';font-weight:bold;}
.list-about-body .data .item h3 span{font-size:30px;position: relative;top: -15px;}
.list-about-body .data .item p{font-size:22px;font-weight:normal;}
.list-about-mission{display:flex;color:#fff;;height:870px;background:url(../images/banner_honor.jpg) no-repeat center center/cover fixed;}
.list-about-mission .wrap{height:100%;display:flex;flex-wrap:wrap;flex-direction: column;}
.list-about-mission .hd{text-align:center;font-size:48px;color:#fff;font-weight:bold;height:180px;display:flex;align-items: center;justify-content: center;}
.list-about-mission .bd{height:calc(100% - 210px);width:100%;position: relative;}
.list-about-mission .bd::after{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:rgba(255,255,255,.2);}
.list-about-mission .bd .item{text-align:right;padding-right:55%;margin-top:60px;position: relative;}
.list-about-mission .bd .item::before{transition-duration:.5s;content:'';position:absolute;top:-15px;z-index:999;border-radius:8px;left:50%;transform: translateX(-50%);width:5px;height:0;background:var(--on-color);}
.list-about-mission .bd .item:nth-child(2n){padding:0 0 0 55%;text-align:left;}
.list-about-mission .bd .item h3{font-size:25px;font-weight:bold;margin-bottom:10px;}
.list-about-mission .bd .item p{font-size:24px;font-weight:bold;}
.list-about-mission .bd .item:hover::before{height:120px;}
.list-about-video{cursor: pointer;;margin:70px 5%;position: relative;overflow:hidden;border-radius:12px;}
.list-about-video .btn{position: absolute;left:40px;bottom:40px;display:flex;gap:25px;align-items: center;}
.list-about-video .btn span{font-size:48px;color:#FBFBFB;font-weight:bold;}
.list-about-image{padding:100px 0 45px 0;}
.list-about-image .list .item{width:calc(100% / 3 - 40px);margin:0 60px 40px 0;}
.list-about-image .list .item:nth-child(3n){margin-right:0;}
.list-about-image .list .item .pic,.list-about-image .list .item .pic img{border-radius:8px;}
.list-about-image .list .item .txt{padding-top:33px;}
.list-about-image .list .item .txt h3{font-size:34px;font-weight:bold;color:#060606;}
.list-about-image .list .item .txt p{font-size:18px;color:#060606;margin-top:15px;}
.list-about-solution .hd{text-align:center;margin-bottom:80px;}
.list-about-solution .hd h2{font-size:49px;font-weight:bold;color:var(--on-color);}
.list-about-solution .hd p{color:#7D7D7D;font-size:18px;margin-top:20px;}
.list-about-solution .bd{display:flex;flex-wrap:wrap;}
.list-about-solution .bd .item{overflow: hidden;;position: relative;;padding:80px 35px 70px;display:flex;justify-content: center;align-items: center;text-align:center;flex-direction: column;background-color:#F5F5F5;border-radius:8px;width:calc(100% / 3 - 48px);margin:0 72px 80px 0;}
.list-about-solution .bd .item:nth-child(3n){margin-right:0;}
.list-about-solution .bd .item .i{z-index:2;width:100%;height:80px;overflow: hidden;;position: relative;}
.list-about-solution .bd .item .i img{transition-duration:.3s;height:80px;position: absolute;top:0;left:50%;transform: translateX(-50%);}
.list-about-solution .bd .item .i img:last-child{top:-100%;}
.list-about-solution .bd .item .p{padding-top:25px;position: relative;z-index:2;}
.list-about-solution .bd .item .p h3{transition-duration:.3s;margin-bottom:15px;font-size:24px;color:#000000;font-weight:bold;}
.list-about-solution .bd .item .p p{transition-duration:.3s;font-size:16px;color:#7D7D7D;line-height:27px;}
.list-about-solution .bd .item::after{transition-duration:.5s;width:100%;height:100%;border-radius:8px;content:"";position: absolute;left:0;top:100%;;background: linear-gradient(to right, #F0770C, #EC9E58);}
.list-about-solution .bd .item:hover::after{top:0;}
.list-about-solution .bd .item:hover .p h3{color:#fff;}
.list-about-solution .bd .item:hover .p p{color:#fff;}
.list-about-solution .bd .item:hover .i img:first-child{top:100%;}
.list-about-solution .bd .item:hover .i img:last-child{top:0;}
.list-about-swiper{padding-bottom:100px;}
.list-about-swiper .text_swiper{width:45%;overflow: hidden;}
.list-about-swiper .text_swiper .swiper-slide{padding:0 8% 0 2%;display:flex;align-items: center;}
.list-about-swiper .text_swiper .swiper-slide .txt h3{font-size:54px;margin-bottom:40px;color:#000000;font-weight:bold;}
.list-about-swiper .text_swiper .swiper-slide .txt p{font-size:19px;line-height:34px;color:#000000;;}
.list-about-swiper .images_swiper{width:55%;}
.list-about-swiper .images_swiper .swiper-button-next:after,.list-about-swiper .images_swiper .swiper-button-prev:after{display:none;}
.list-about-swiper .images_swiper .swiper-button-next{right:20px;cursor: pointer;}
.list-about-swiper .images_swiper .swiper-button-prev{left:20px;cursor: pointer;}

.list-pro{background:#FBFBFB;}
.list-pro .left{width:18%;}
.list-pro .left .so{padding-bottom:25px;margin-bottom:25px;border-bottom:1px solid #E1E1E1;}
.list-pro .left .so h3{font-size:24px;color:#000000;font-weight:bold;}
.list-pro .left .so form{border:2px solid #EDEDED;border-radius:8px;margin-top:22px;height:52px;display:flex;align-items: center;}
.list-pro .left .so form input{font-size:14px;color:#A1A1A1;border:none;background:none;padding:0 12px;height:100%;width:calc(100% - 52px);}
.list-pro .left .so form input::placeholder{color:#A1A1A1;}
.list-pro .left .so form button{border:none;background:none;cursor: pointer;width:52px;height:100%;display:flex;align-items: center;justify-content: center;}
.list-pro .left .menu{position: sticky;top:150px;}
.list-pro .left .menu .item{border-bottom:1px solid #E1E1E1;}
.list-pro .left .menu .item h3 a{position: relative;width:100%;display:flex;height:70px;align-items: center;font-weight:bold;color:#000000;font-size:18px;}
.list-pro .left .menu .item h3 a::after{content:"+";font-weight:normal;font-size:22px;font-family: 'Roboto-Medium';position: absolute;right:20px;top:50%;transform: translateY(-50%);}
.list-pro .left .menu .item h3 a:hover{color:var(--on-color);}
.list-pro .left .menu .item .sub{padding-bottom:15px;display:none;}
.list-pro .left .menu .item .sub a{font-size:15px;line-height:40px;color:#A1A1A1;display:block;}
.list-pro .left .menu .item .sub a:hover{color:var(--on-color);}
.list-pro .left .menu .item.on .sub{display:block;}
.list-pro .left .menu .item.on a.on{color:var(--on-color) !important}
.list-pro .right{width:78%;}
.list-pro .right .list .item{width:calc(100% / 3 - 24px);margin:0 36px 60px 0;background:#FFF;box-shadow: 0 0 10px rgba(0,0,0,.05);border-radius:12px;}
.list-pro .right .list .item:nth-child(3n){margin-right:0;}
.list-pro .right .list .item a{padding:25px;display:block;width:100%;}
.list-pro .right .list .item .txt h3{transition-duration:.4s;font-size:26px;margin:8px 0 15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-family: 'Roboto';font-weight:bold;color:#323232;}
.list-pro .right .list .item .txt p{font-size:14px;height:48px;line-height:24px;color:#4B4B4B;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.list-pro .right .list .item .btn{display:flex;align-items: center;}
.list-pro .right .list .item .btn a{font-size:14px;color:#4B4B4B;height:65px;border-top:1px solid #ECECEC;display:flex;align-items: center;justify-content: center;padding:0;width:50%;}
.list-pro .right .list .item .btn a:first-child{border-right:1px solid #ECECEC;}
.list-pro .right .list .item .btn a:hover{color:var(--on-color);}
.list-pro .right .list .item:hover .txt h3{color:var(--on-color);}

.index-about{padding:100px 0;background:url(../images/index_bg1.jpg) no-repeat center bottom/cover;}
.index-about .body{width:calc(100% - 450px);color:#272727;}
.index-about .body p{font-size:30px;line-height:48px;margin-bottom:30px;}
.index-about .body p span{color:var(--on-color);}
.index-about .body h2{font-size:40px;margin-bottom:40px;}
.index-about .body .btn{margin-top:60px;display:flex;gap:15px;cursor: pointer;align-items: center;}
.index-about .body .btn span{transition-duration:.5s;font-size:20px;color:#000000}
.index-about .body .btn:hover span{color:var(--on-color);}
.index-about .data{width:350px;}
.index-about .data .item{margin-bottom:70px;}
.index-about .data .item:last-child{margin-bottom:0;}
.index-about .data .item h3{font-size:50px;color:var(--on-color);font-family: 'Roboto-Medium';font-weight:bold;}
.index-about .data .item h3 span{font-size:30px;position: relative;top: -15px;}
.index-about .data .item p{font-size:22px;font-weight:normal;}

.index-type{padding-bottom:120px;}
.index-type .type_swiper{overflow: hidden;}
.index-type .swiper-slide{position: relative;border-radius:15px;overflow: hidden;}
.index-type .swiper-slide a{display:block;width:100%;}
.index-type .swiper-slide .pic,.index-type .swiper-slide .pic img{width:100%;height:100%;object-fit: cover;border-radius:15px}
.index-type .swiper-slide .txt{text-align:center;transition-duration:.6s;z-index:99999;display:flex;flex-direction: column;justify-content: center;align-items: center;padding:0 30px;color:#fff;position: absolute;width:100%;height:100%;top:100%;left:0;background:rgba(240,118,8,.73);}
.index-type .swiper-slide .txt h3{font-size:26px;font-weight:bold;}
.index-type .swiper-slide .txt p{font-size:18px;line-height:30px;color:#FFFFFF;margin-top:15px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
.index-type .swiper-slide .btn{transition-duration:.3s;bottom:20px;left:40px;position: absolute;z-index:2;gap:15px;display:flex;align-items: center;}
.index-type .swiper-slide .btn span{padding:0 18px;min-width:100px;color:#000;height:30px;font-size:12px;border-radius:40px;background:#fff;display:flex;align-items: center;justify-content: center;}
.index-type .swiper-slide .btn span:first-child{background:var(--on-color);color:#fff;}
.index-type .swiper-slide:hover .txt{top:0;}
.index-type .swiper-slide:hover .btn{bottom:-50px;}

.index-customization{height:730px;margin-bottom:100px;display:flex;align-items: center;justify-content: center;text-align:center;;background:url(../images/index_bg2.jpg) no-repeat center bottom/cover fixed;}
.index-customization .txt{color:#fff;max-width:1200px;margin:0 auto;}
.index-customization .txt h2{font-size:50px;font-weight:bold;}
.index-customization .txt p{font-size:18px;line-height:38px;margin:30px 0;}
.index-customization .txt a{width:200px;height:54px;display:flex;align-items: center;justify-content: center;margin:0 auto;font-size:16px;color:#fff;background:var(--on-color);border-radius:27px;}
.index-customization .txt a:hover{background:#fff;color:var(--on-color);box-shadow: 0 0 10px rgba(0,0,0,.05);}

.index-show{position: relative;position: relative;}
.index-show .show_images_swiper .swiper-slide{position: relative;}
.index-show .show_images_swiper .swiper-slide .bg img{width:100%;height:100%;object-fit: cover}
.index-show .show_images_swiper .swiper-slide .txt{left:10%;top:200px;position: absolute;color:#fff;opacity:0;transition-duration:1.2s;}
.index-show .show_images_swiper .swiper-slide .txt h3{font-size:30px;margin-bottom:30px;font-weight:bold;}
.index-show .show_images_swiper .swiper-slide .txt p{font-size:21px;line-height:32px;}
.index-show .show_images_swiper .swiper-slide-active .txt{opacity:1;top:120px}
.index-show .show_txt_swiper{position: absolute;;width:90%;margin:0 auto;left:5%;bottom:80px;z-index:999;}
.index-show .show_txt_swiper .swiper-slide{cursor: pointer;position: relative;;color:#fff;border-top:2px solid #FFFFFF;padding:30px 20px 20px;}
.index-show .show_txt_swiper .swiper-slide::before{z-index:1;width:100%;height:0%;transition-duration:.8s;background:#df7210;position: absolute;left:0;top:0;content:"";}
.index-show .show_txt_swiper .swiper-slide .txt{position: relative;z-index:22;}
.index-show .show_txt_swiper .swiper-slide h3{font-size:22px;margin-bottom:15px;}
.index-show .show_txt_swiper .swiper-slide p{font-size:14px;}
.index-show .show_txt_swiper .swiper-slide::after{content: "";position: absolute;top: -2px;left: 0;height: 2px;background-color: #df7210;width: 0%;z-index:2;}
.index-show .show_txt_swiper .swiper-slide.swiper-slide-thumb-active::before{height:100%}
.index-show .show_txt_swiper .swiper-slide.swiper-slide-thumb-active::after {width:100%;}

.index-news .hd{margin-bottom:70px;align-items: center;}
.index-news .hd .name h2{font-size:24px;color:var(--on-color);margin-bottom:20px;}
.index-news .hd .name p{font-size:42px;color:#000000;}
.index-news .hd a{font-size:22px;color:#fff;width:180px;height:60px;display:flex;align-items: center;justify-content: center;cursor: pointer;background: linear-gradient(to right, #F0770C 0%, #EE8A32 50%, #EC9E58 100%);border-radius:40px}
.index-news .list .index_item{border-radius:8px;background:#fff;box-shadow: 0 0 10px rgba(0,0,0,.05);padding:40px;}
.index-news .list .index_item .index_type{font-size:24px;color:var(--on-color);margin-bottom:20px;}
.index-news .list .index_item .index_list a{font-size:22px;line-height:38px;color:#000000;margin-bottom:25px;}
.index-news .list .index_item .index_list a:hover{color:var(--on-color);transform: translateY(-0px);}

.list-contact .info .left{width:24%;}
.list-contact .info .left .txt h2{font-size:48px;color:#000000;font-weight:bold;}
.list-contact .info .left .txt p{color:#000;font-size:21px;line-height:32px;padding:18px 0 30px;}
.list-contact .info .left .ico{display:flex;gap:12px;}
.list-contact .info .left .ico a{width:44px;border-radius:4px;border:1px solid var(--on-color);height:44px;display:flex;align-items: center;justify-content: center;}
.list-contact .info .left .ico a:hover{border-radius:44px;}
.list-contact .info .right{width:72%;}
.list-contact .info .right .item{width:calc(50% - 30px);display:flex;align-items: center;margin-bottom:30px;gap:25px;background:#FCFCFC;border:1px solid #F2F2F2;padding:25px 0 30px 50px;}
.list-contact .info .right .item .p p,.list-contact .info .right .item .p p a{font-size:21px;line-height:32px;color:#212121;}
.list-contact .info .right .item .p p a:hover{color:var(--on-color);}
.list-contact .info .right .item:last-child{margin-bottom:0;width:100%;}
.list-contact .form{margin:50px 0 100px;background:#FCFCFC;border:1px solid #F2F2F2;border-radius:8px;padding:50px 60px;}
.list-contact .form .hd h2{font-size:42px;color:#000000;}
.list-contact .form .hd p{font-size:22px;color:#000;margin:35px 0;}
.list-contact .form form input{font-size:20px;font-weight:100;color:#000000;width:calc(50% - 50px);margin-bottom:40px;border:1px solid #EFEFEF;padding:0 20px;height:60px;border-radius:4px;}
.list-contact .form form input::placeholder{color:#000000;}
.list-contact .form form textarea{min-height:250px;font-size:20px;font-weight:100;color:#000000;width:100%;margin-bottom:40px;border:1px solid #EFEFEF;padding:20px;border-radius:4px;}
.list-contact .form form .btn_code_box{width:100%;}
.list-contact .form form .btn_code_box .btn{transition-duration:.4s;width:200px;height:60px;gap:25px;cursor: pointer;font-size:18px;color:#fff;border-radius:8px;display:flex;align-items: center;justify-content: center;background:var(--on-color);}
.list-contact .form form .btn_code_box .btn:hover{border-radius:40px;}
.list-contact .form form .btn_code_box .code_box{width:calc(100% - 400px);position: relative;}
.list-contact .form form .btn_code_box .code_box input{width:100%;margin:0;}
.list-contact .form form .btn_code_box .code_box img{position: absolute;right:1px;bottom:1px;height:58px;}
.list-contact .map{border-radius:8px;overflow: hidden;position: relative;}
.list-contact .map .p img{width:100%;}
.list-contact .map .txt{position: absolute;transform: translateX(-50%);left:50%;top:50%;;padding:10px;padding:15px 30px 15px 15px;background:#fff;display:flex;align-items: center;gap:20px}
.list-contact .map .txt h3{font-size:20px;color:#000;margin-bottom:10px;}
.list-contact .map .txt p{font-size:20px;color:#000;}
.list-contact .map .txt p a{font-weight:bold;font-size:20px;color:#000;}
.list-contact .map .txt p a:hover{color:var(--on-color)}

.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;}
.index_swiper{position: relative;overflow: hidden;z-index:99;}
.index_swiper .swiper-slide .pic img{display:none;}
.index_swiper .swiper-slide .pic video{display:block;}
.index_swiper .swiper-slide .pic,.index_swiper .swiper-slide .pic img,.index_swiper .swiper-slide .pic video{width:100%;height:100%;object-fit: cover;}
.index_swiper .swiper-slide a .txt{transition-duration:2s;transform: translateY(100px);position: absolute;left:10%;bottom:250px;opacity:0;}
.index_swiper .swiper-slide a .txt h2{transition-duration:.4s;font-size:62px;color:#fff;font-weight:bold;margin-bottom:40px;}
.index_swiper .swiper-slide a .txt p{transition-duration:.6s;font-size:42px;line-height:52px;color:#FFFFFF;font-weight:bold}
.index_swiper .swiper-slide-active a .txt{opacity:1;transform: translateY(0px);;}
.index_swiper .index_text_swiper{bottom:120px;left:10%;z-index:999999999;position: absolute;}
.index_swiper .index_text_swiper .swiper-slide{text-align:center;;width:200px;cursor: pointer;;padding-right:50px;color:#fff;font-size:18px;line-height:23px;padding-top:30px;border-top:2px solid #fff;}
.index_swiper .index_text_swiper .swiper-slide:first-child{text-align:left;}
.index_swiper .index_text_swiper .swiper-slide::after{content: "";position: absolute;top: -2px;left: 0;height: 2px;background-color: #ff5722;width: 0%;}
.index_swiper .index_text_swiper .swiper-slide.swiper-slide-thumb-active::after {width:100%;}

.develop .bd{position: relative;}
.develop .bd ul{margin-top:60px;position: relative;}
.develop .bd li .events{margin-bottom: 50px;position: relative;width: 100%;min-height: 100px;}
.develop .bd li .events p{color:#000;position:absolute;font-size:18px;padding: 30px 25px;border-radius: 4px;line-height: 32px;margin-bottom: 30px;box-shadow: 0 9px 30px rgba(3,108,184,.18);max-width: 800px;width: 800px;left: 0;transform: translate(calc(-100% - 45px),-50%);top: 50%;border-radius: 8px;text-align: right;font-family: 'Barlow-Bold';}
.develop .bd li .events:nth-child(2n) p{right: 0;transform: translate(calc(100% + 45px),-50%);left: auto;text-align: left;}
.develop .bd li .events span{color:var(--bgcolor);font-size:32px;width: max-content;position: absolute;right: 0;top: 50% !important;transform: translate(calc(100% + 45px),-50%) !important;font-family: 'Barlow-Bold';}
.develop .bd li .events:nth-child(2n) span{left: 0;transform: translate(calc(-100% - 45px),-50%) !important;right: auto;}
.develop .bd li p:before{width:16px;height:16px;border-radius:16px;background:#fff;position:absolute;right:-54px;top:50%;content:"";border: 4px solid var(--bgcolor);z-index: 9;transform: translateY(-50%);box-sizing: border-box;}
.develop .bd li .events:nth-child(2n) p:before{right: auto;left: -54px;}
.develop .bd ul li{width: 3px;background: var(--bgcolor);border-radius: 4px;display: flex;flex-direction: column;padding-top: 40px;}
.develop .bd li p:after{width:0;height:0;position:absolute;right:-20px;top:50%;transform: translateY(-50%);content:"";border: 10px solid transparent;z-index: 9;border-left-color: #fff;}
.develop .bd li .events:nth-child(2n) p:after{right: auto;left: -20px;border-left-color: transparent;border-right-color: #fff;}
.develop .bd .logo-d{width: 220px;height: 220px;background: var(--bgcolor);display: flex;justify-content: center;align-items: center;border-radius: 50%;}
.develop .bd ul{display: flex;flex-direction: column;align-items: center;margin-top: 70px;}

.show_pro{background:#FBFBFB}
.show_pro .show_head .show_swiper{display:none;}
.show_pro .show_head .tupian_list{width:55%;}
.show_pro .show_head .tupian_list .datu{width:calc(100% - 230px);padding:40px;border-radius:12px;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,.05);text-align:center;display:flex;align-items:center;justify-content:center}
.show_pro .show_head .tupian_list .xiaotu{width:180px}
.show_pro .show_head .tupian_list .xiaotu li{margin-bottom:25px;width:100%;padding:5px 15px;border-radius:5px;box-shadow:0 5px 10px rgba(0,0,0,.062);background:#fff;}
.show_pro .show_head .tupian_list .xiaotu li img{width:100%;}
.show_pro .show_head .tupian_list .xiaotu li:last-child{margin:0;}
.show_pro .show_head .info_list{width:40%;display:flex;flex-wrap:wrap;align-content: space-between;}
.show_pro .show_head .info_list .txt{padding:40px 0;}
.show_pro .show_head .info_list .txt h1{font-weight:bold;font-size:28px;margin-bottom:30px;;color:#000000;}
.show_pro .show_head .info_list .txt p{font-size:20px;line-height:42px;color:#000000;}
.show_pro .show_head .info_list .btn{cursor: pointer;;margin-bottom:30px;display:flex;align-items: center;justify-content: center;gap:25px;height:62px;width:210px;border:1px solid #DBDBDB;border-radius:8px;}
.show_pro .alt{font-size:50px;font-weight:bold;color:#000;margin-bottom:40px;}
.show_pro .body{padding:40px 0 30px;}
.show_pro .body img{max-width:100%;}
.show_pro .body p{margin-bottom:15px;font-size:24px;}
.show_pro .body table{width:100%;border-collapse:collapse;margin-bottom:15px;font-size:16px;color:#333;border:1px solid #e0e0e0}
.show_pro .body table th,.show_pro .body table td{word-break:keep-all!important;font-size:24px;padding:25px 15px;text-align:center;line-height:1.6;border:1px solid #fffdfb}
.show_pro .body table tr{background:#fff}
.show_pro .body table tr:nth-child(1),.show_pro .body table tr:nth-child(2){background:#E37410!important;font-weight:600;color:#FFF;white-space:nowrap;border-color:#c9620d}
.show_pro .body table img{max-width:100%;height:auto;display:block;}
.show_pro .advantage{margin:50px 0;padding:80px 0 50px;background:url(../images/advantage.jpg)}
.show_pro .advantage .bd{display:flex;flex-wrap:wrap;}
.show_pro .advantage .item{overflow: hidden;;position: relative;;padding:80px 35px 70px;display:flex;justify-content: center;align-items: center;text-align:center;flex-direction: column;background-color:#F5F5F5;border-radius:8px;width:calc(100% / 4 - 37.5px);margin:0 50px 0 0;}
.show_pro .advantage .item:nth-child(4n){margin-right:0;}
.show_pro .advantage .item .i{z-index:2;width:100%;height:64px;overflow: hidden;;position: relative;}
.show_pro .advantage .item .i img{transition-duration:.3s;height:64px;position: absolute;top:0;left:50%;transform: translateX(-50%);}
.show_pro .advantage .item .i img:last-child{top:-100%;}
.show_pro .advantage .item .p{padding-top:25px;position: relative;z-index:2;}
.show_pro .advantage .item .p h3{transition-duration:.3s;margin-bottom:15px;font-size:24px;color:#000000;font-weight:bold;}
.show_pro .advantage .item .p p{transition-duration:.3s;font-size:16px;color:#7D7D7D;line-height:27px;}
.show_pro .advantage .item::after{transition-duration:.5s;width:100%;height:100%;border-radius:8px;content:"";position: absolute;left:0;top:100%;;background: linear-gradient(to right, #F0770C, #EC9E58);}
.show_pro .advantage .item:hover::after{top:0;}
.show_pro .advantage .item:hover .p h3{color:#fff;}
.show_pro .advantage .item:hover .p p{color:#fff;}
.show_pro .advantage .item:hover .i img:first-child{top:100%;}
.show_pro .advantage .item:hover .i img:last-child{top:0;}

@media screen and (max-width:992px) {
.wrap{padding:0;}
.list-contact .info .left,.list-pro .right,.list-about-swiper .text_swiper,.list-about-swiper .images_swiper,.list-contact .info .right{width:100%;}
.top,.show_pro .show_head .tupian_list,.banner .menu,.list-pro .left,.footer .footer-center .menu,.footer .footer-top .logo,.header,.index_swiper .index_text_swiper,.header_down{display:none !important}
.index_swiper .swiper-slide a .txt h2{font-size:24px;}
.index_swiper .swiper-slide a .txt p{font-size:18px;line-height:28px;}
.main,.list-about-solution,.list-about-swiper{padding:30px 10px;}
.list-about-body .title{font-size:28px;}
.footer .footer-top{padding:20px 10px;}
.footer .footer-center{padding:20px 10px 0;}
.footer .footer-center .contect{text-align:left;}
.footer .footer-center .contect .tel{font-size:18px;}
.footer .footer-center .contect .ico{justify-content: flex-start;}
.footer .footer-bottom{padding:20px 10px 60px;}
.footer .footer-bottom .michuan{margin:20px auto 0;}
.list-contact .info .left .txt h2{font-size:38px;}
.list-contact .info .left .txt p{font-size:18px;line-height:28px;}
.list-contact .info .right{padding:20px 0;}
.list-contact .info .right .item{width:100%;gap:15px;padding:15px;margin-bottom:15px;}
.list-contact .info .right .item .p p, .list-contact .info .right .item .p p a{font-size:15px;line-height:25px;}
.list-contact .form{margin:25px 0;padding:15px;}
.list-contact .form .hd h2{font-size:24px;}
.list-contact .form .hd p{font-size:18px;margin:20px 0;}
.list-contact .form form input{width:100%;font-size:16px;margin-bottom:15px;}
.list-contact .form form textarea{min-height:150px;font-size:16px;margin-bottom:15px;}
.list-contact .form form .btn_code_box .code_box{width:100%;margin-bottom:15px;}
.list-contact .form form .btn_code_box .btn{margin:0 auto;}
.list-contact .map .txt{gap:10px;position: static;transform: translateX(0%);}
.list-contact .map .txt h3,.list-contact .map .txt p,.list-contact .map .txt p a{font-size:16px;}
.list-about-image{padding:30px 10px;}
.list-about-image .list .item{width:48%;margin:0 4% 15px 0 !important}
.list-about-image .list .item:nth-child(2n){margin-right:0 !important}
.list-about-image .list .item .txt{padding-top:10px;}
.list-about-image .list .item .txt h3{font-size:18px;}
.list-about-image .list .item .txt p{font-size:12px;margin-top:6px;}
.list-about-body .txt{padding:30px 0;font-size:16px;line-height:36px;}
.list-about-video .btn{left:20px;bottom:20px;gap:10px;}
.list-about-video .btn img{height:22px;}
.list-about-video .btn span{font-size:22px}
.list-about-solution .hd{margin-bottom:30px;}
.list-about-solution .hd h2{font-size:32px;}
.list-about-solution .hd p{font-size:15px;}
.list-about-solution .bd .item{width:100%;margin:0 0 15px 0;justify-content: space-between;display:flex;flex-direction:row;padding:20px;}
.list-about-solution .bd .item .i{width:80px;display:flex;align-items: center;}
.list-about-solution .bd .item .i img{height:50px;top:15px;}
.list-about-solution .bd .item:hover .i img:last-child{top:15px;}
.list-about-solution .bd .item .p{width:calc(100% - 100px);padding:0;}
.list-about-solution .bd .item .p h3{font-size:20px;}
.list-about-solution .bd .item .p p{font-size:12px;line-height:22px;}
.list-about-swiper .text_swiper .swiper-slide{padding:0 0 15px 0;}
.list-about-swiper .text_swiper .swiper-slide .txt h3{font-size:34px;margin-bottom:15px;}
.list-about-swiper .text_swiper .swiper-slide .txt p{font-size:15px;line-height:26px;}
.develop{padding: 40px 0;}
.develop .bd li .events{margin-bottom: 30px;}
.develop .bd li .events span{transform: translate(calc(100% + 30px),-50%) !important;}
.develop .bd li .events:nth-child(2n) span{transform: translate(calc(-100% - 30px),-50%) !important;}
.develop .bd li p:before{right:-39px;}
.develop .bd li .events:nth-child(2n) p:before{left: -39px;}
.develop .bd li .events p{max-width: 38vw;font-size: 15px;line-height: 22px;font-family: 'OPENSANS-REGULAR';transform: translate(calc(-100% - 30px),-50%);padding: 15px 10px;}
.develop .bd li .events:nth-child(2n) p{transform: translate(calc(100% + 30px),-50%);}
.develop .bd li .events span{font-size: 30px;}
.list-about-body .data .item h3{font-size:20px;}
.list-about-body .data .item h3 span{font-size:20px;top:0px;}
.list-about-body .data .item p{font-size:15px;}
.list-about-mission{height:auto;padding:60px 10px;}
.list-about-mission .bd .item{margin-top:30px;}
.list-about-mission .bd .item h3{font-size:22px}
.list-about-mission .bd .item p{font-size:16px;}
.list-pro .right .list .item{width:100%;margin:0 0 20px 0;}
.show_pro{padding:30px 0;}
.show_pro .show_head .show_swiper{display:block !important}
.show_pro .show_head .info_list{width:100%;padding:20px 10px;}
.show_pro .show_head .info_list .txt h1{font-size:26px;margin-bottom:20px;}
.show_pro .show_head .info_list .txt p{font-size:18px;line-height:28px;}
.show_pro .show_head .info_list .btn{margin:0 auto;}
.show_pro .advantage{margin:30px 0;padding:40px 10px;}
.show_pro .advantage .bd .item{width:100%;margin:0 0 15px 0;justify-content: space-between;display:flex;flex-direction:row;padding:20px;}
.show_pro .advantage .bd .item .i{width:80px;display:flex;align-items: center;}
.show_pro .advantage .bd .item .i img{height:50px;top:15px;}
.show_pro .advantage .bd .item:hover .i img:last-child{top:15px;}
.show_pro .advantage .bd .item .p{width:calc(100% - 100px);padding:0;}
.show_pro .advantage .bd .item .p h3{font-size:20px;}
.show_pro .advantage .bd .item .p p{font-size:12px;line-height:22px;}
#inquire{padding:0 10px 40px 10px;}
.show_pro .alt{font-size:30px;margin-bottom:25px;}
.index_swiper{height:auto !important;top:0 !important}
.index_swiper .swiper-slide .pic, .index_swiper .swiper-slide .pic img, .index_swiper .swiper-slide .pic video{display:block;min-height:250px !important;object-fit: cover  ;}
.index_swiper .swiper-slide a .txt{bottom:50px;}
.index-about{padding:30px 10px;}
.index-about .body{width:100%;}
.index-about .body h2{font-size:26px;margin-bottom:20px;}
.index-about .body p{font-size:18px;line-height:28px;}
.index-about .data{width:100%;padding-top:30px;}
.index-about .data .item{margin-bottom:30px;}
.index-about .data .item h3{font-size:30px;}
.index-type{padding:0 10px 40px}
.index-type .swiper-slide .txt p{font-size:12px;line-height:22px;}
.index-type .swiper-slide .btn span:first-child{display:none;}
.index-customization{height:auto;padding:45px 10px;margin:0;}
.index-customization .txt h2{font-size:26px;}
.index-customization .txt p{font-size:14px;line-height:24px;}
.index-show .show_txt_swiper{display:none;}
.index-show .show_images_swiper .swiper-slide .bg img{min-height:250px;}
.index-show .show_images_swiper .swiper-slide .txt h3{font-size:24px;margin-bottom:15px;}
.index-news .hd .name h2{margin-bottom:10px;}
.index-news .hd .name p{font-size:16px;}
.index-news .hd a{width:120px;height:40px;font-size:15px;}
.list-news .list .item{width:100%;margin:0 0 20px 0;}
.list-news .list .item a .txt{padding:20px;}
.list-news .list .item a .txt h3{height:auto;font-size:18px;line-height:28px;}
.list-news .show .more .btn a{display:none;}
.index-news .list .index_item{padding:20px;}
.show_pro .body{padding:20px 10px;overflow:auto;}
.show_pro .body table th, .show_pro .body table td{padding:12px;font-size:15px;}
}