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

.top{background:#0C191E;position: fixed;z-index:999;top:0;width:100%;border-bottom:1px solid #182529;}
.top .lang{height:39px;display:flex;justify-content: flex-end;align-items: center;}
.top .lang h3{text-transform:uppercase;display:flex;align-items: center;}
.top .lang h3 img{margin-left:10px;}
.top .lang a{margin-left:18px;display:flex;align-items: center;font-size:14px;}
.top .lang a:nth-child(2){margin-left:10px}
.top .lang a img{margin-right:8px}

.download-so{padding:45px 0;background:#69BA2E;display:flex;align-items:center;justify-content:center;}
.download-so form{display:flex;width:100%;max-width:600px;}
.download-so input{width: calc(100% - 100px);padding:0 10px;height:45px;background:#070C0E;color:#fff;display:flex;align-items:center;}
.download-so button{width:100px;height:45px;background:#fff;color:#69BA2E;border:0;cursor: pointer;}

.header{background:#070F12;height:60px;position: fixed;transition-duration:.4s;;top:40px;width:100%;z-index:999999;display:flex;align-items: center;}
.header .left{width:85%;display:flex;align-items: center;}
.header .left .logo{display:flex;align-items: center;position: relative;overflow: hidden;}
.header .left .logo::after{content: "";position: absolute;left: -465px;top: -260px;width: 250px;height:2px;background-color: rgba(255,255,255,.5);-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);-webkit-animation: searchLights 2s ease-in 2s infinite;-o-animation: searchLights 2s ease-in 2s infinite;animation: searchLights 2s ease-in 2s infinite}
@keyframes searchLights {
0% {left: -100px;top: 0}
to {left: 120px;top: 100px}
}
.header .left .logo h1 a{display:flex;align-items:center;}
.header .left .logo h1 a img{margin-right:10px;}
.header .left .menu{display:flex;align-items: center;}
.header .left .menu .item{margin-left:30px;}
.header .left .menu .item h3{position:relative;}
.header .left .menu .item h3::after{content:'';position:absolute;bottom:10px;left:0;width:100%;height:2px;background:#69BA2E;transform:scaleX(0);transition:all 0.3s ease-in-out;}
.header .left .menu .item h3 a{height:60px;display:flex;font-family: 'Barlow-SemiBold';text-transform:uppercase;font-size:18px;align-items: center;}
.header .left .menu .item .sub{transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;position: absolute;left:0;top:94px;width:100%;min-width:200px;background:#fff;box-shadow:0 15px 30px rgba(23,146,78,.15);}
.header .left .menu .item .sub:before{opacity:1;content: '';width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom: 10px solid #69BA2E;position: absolute;top:-9px;left:10px;z-index:2;transition:opacity 0.3s ease-in-out;}
.header .left .menu .item .sub a{text-transform:uppercase;padding:0 10px;display:flex;align-items: center;font-size:14px;height:45px;}
.header .left .menu .item .sub a:hover{background:#419349;color:#fff;}
.header .left .menu .item:hover .sub{transform: scaleY(1);}
.header .left .menu .item .pro_sub{transform: scaleY(0);transform-origin: top;transition:transform 0.3s ease-in-out;transition-duration:.4s;position: fixed;top:100px;left:0;width:100%;background:#202020;padding:20px 0 40px 0;}
.header .left .menu .item .pro_sub .hd{height:320px;overflow-y:scroll;;width:270px;padding:0 10px;border-right:1px solid #FFFFFF;}
.header .left .menu .item .pro_sub .hd::-webkit-scrollbar{display:none;}
.header .left .menu .item .pro_sub .hd a{position: relative;;display:flex;align-items: center;padding:0 25px 0 10px;height:45px;border-bottom:1px solid #4D4D4D;font-size:15px;color:#fff;}
.header .left .menu .item .pro_sub .hd a i{position: absolute;right:5px;top:50%;transform: translateY(-50%);font-size:15px;}
.header .left .menu .item .pro_sub .hd a:hover,.header .left .menu .item .pro_sub .hd a.on{background:#69BA2E;color:#fff;}
.header .left .menu .item .pro_sub .bd{width:calc(100% - 270px);padding:0 30px;}
.header .left .menu .item .pro_sub .bd .box{width:100%;display:none;overflow: hidden;}
.header .left .menu .item .pro_sub .bd .box .box_alt{width:100%;}
.header .left .menu .item .pro_sub .bd .box .box_alt .t{font-size:16px;color:#FFFFFF;}
.header .left .menu .item .pro_sub .bd .box .box_alt .m a{font-size:16px;color:#FFFFFF;}
.header .left .menu .item .pro_sub .bd .box .box_alt .m a:hover{color:#69BA2E;}
.header .left .menu .item .pro_sub .bd .box .box_info{display:block;width:100%;;margin-top:15px}
.header .left .menu .item .pro_sub .bd .box .box_info .pitem{width:calc(100% / 5 - 24px);float:left;margin-right:30px;border-radius:8px;}
.header .left .menu .item .pro_sub .bd .bd .box .box_info .pitem{width:calc(100% / 4 - 22.5px);margin-right:30px;}
.header .left .menu .item .pro_sub .bd .box .box_info .pitem:last-child{margin-right:0;}
.header .left .menu .item .pro_sub .bd .box .box_info .pitem a{display:block;width:100%;background:#FFFFFF;border-radius:8px}
.header .left .menu .item .pro_sub .bd .box .box_info .pitem a .pic{padding:8px;width:100%;height:100%;border-radius:8px 8px 0 0;}
.header .left .menu .item .pro_sub .bd .box .box_info .pitem a .pic img{width:100%;height:100%;object-fit: cover;border-radius:8px 8px 0 0;}
.header .left .menu .item .pro_sub .bd .box .box_info .pitem a .p{transition-duration:.4s;padding:10px 15px 15px;border-radius:0 0 8px 8px;background:#E5E5E5;}
.header .left .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 .left .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 .left .menu .item .pro_sub .bd .box .box_info .pitem:hover .p{background:#69BA2E;color:#fff;}
.header .left .menu .item .pro_sub .bd .box .box_info .pitem:hover .p h4{color:#fff;}
.header .left .menu .item .pro_sub .bd .box .box_info .pitem:hover .p p{color:#fff;}
.header.height .left .menu .item .pro_sub{top:60px;}
.header .left .menu .item:hover .pro_sub{transform: scaleY(1);}
.header .left .menu .item.on h3 a{color:#69BA2E;}
.header .left .menu .item.on h3::after{transform:scaleX(1);} 
.header .right{flex:1;display:flex;align-items: center;justify-content: flex-end;}
.header .right a{margin-left:25px;}
.header.height{top:0;}

.banner{overflow: hidden;position: relative;padding-top:100px}
.banner .p img{width:100%;}
.location{height:50px;display:flex;align-items:center;border-bottom:1px solid #14181A;text-transform:uppercase;}
.location .wrap{display:flex;align-items: center;}
.location img{margin:0 12px;}
.location a{white-space: nowrap;}

.list-download .list .item{width:calc(100% / 4 - 30px);margin:0 40px 45px 0;transition-duration:.4s;}
.list-download .list .item:nth-child(4n){margin-right:0;}
.list-download .list .item a{display:block;width:100%;}
.list-download .list .item .alt{display:flex;align-items: center;padding-top:17px; flex-wrap: nowrap;}
.list-download .list .item .alt .name{font-size:18px;text-transform:uppercase;}
.list-download .list .item:hover{transform:translateY(-10px);}

.paging{margin:30px 0 20px;}

.roll-left{background:#0E1619;border-top:2px solid #283032;overflow: hidden;;border-bottom:8px solid #FFFFFF;}
.roll-left .swiper-slide{width:auto !important;padding:15px 15px;}
.roll-left .swiper-slide img{max-height:42px;}
.roll-right{background:#69BA2E;transform: scaleX(-1);overflow: hidden;}
.roll-right .swiper-slide{width:auto !important;padding:12px 0;transform: scaleX(-1);}
.roll-right .swiper-slide h2{font-size:60px;color:#070C0E;text-transform:uppercase;font-family: 'Barlow-Bold'; padding-left: 60px;}

.roll-left .swiper,.roll-right .swiper {overflow: hidden;width: 100%;}
.roll-left .swiper-wrapper,.roll-right .swiper-wrapper {display: flex;transition: none !important;}
.roll-left .swiper-slide,.roll-right .swiper-slide {flex: 0 0 auto;white-space: nowrap;}

@keyframes scrollLeft {
    0% {transform: translateX(0);}
    100% {transform: translateX(-50%);}
}

.roll-left .swiper-wrapper,.roll-right .swiper-wrapper {animation: scrollLeft 20s linear infinite;}
.roll-left .swiper:hover .swiper-wrapper,.roll-right .swiper:hover .swiper-wrapper {animation-play-state: paused;}


.footer{padding:70px 0 40px;}
.footer .left{width:50%}
.footer .left h2{font-size:18px;line-height:24px;}
.footer .left .bd{margin-top:25px;}
.footer .left .bd .item{width:calc(100% / 3)}
.footer .left .bd .item h3{margin-bottom:26px;}
.footer .left .bd .item h3 a{border-bottom:1px solid #fff;font-size:24px;color:#FFFFFF;text-transform:uppercase;font-family: 'Barlow-Bold';}
.footer .left .bd .item p a{font-size:16px;line-height:36px;color:#FFFFFF;}
.footer .left .bd .item p a:hover{color:#69BA2E;padding-left:10px;}
.footer .left .bd .item .info .item{display:flex;align-items: center;width:100%;margin-bottom:15px;}
.footer .left .bd .item .info .item .i{width:30px;display:flex;align-items: center;}
.footer .left .bd .item .info .item .p{width:calc(100% - 30px);}
.footer .left .bd .item .info .item .p p{line-height:26px;}
.footer .left .bd .item .info .item .p a{padding-left:0 !important}
.footer .left .bd .item .ico{display:flex;align-items: center;padding-top:19px;}
.footer .left .bd .item .ico a{margin-right:20px;position: relative;}
.footer .left .bd .item .ico a::after{content:'';position:absolute;top:0;right:-12px;width:1px;height:16px;background:#fff;}
.footer .left .bd .item .ico a:last-child{margin-right:0;}
.footer .left .bd .item .ico a:last-child::after{display:none;}
.footer .right{width:36%;}
.footer .right h2{font-size:30px;line-height:36px;text-decoration: underline;font-family: 'Barlow-Bold';text-transform:uppercase;;}
.footer .right h3{font-size:16px;line-height:24px;margin:22px 0 25px;}
.footer .right input{width:100%;height:50px;padding:0 10px;display:block;margin:15px 0;font-size:16px;color:#070C0E}
.footer .right .p{display:flex;align-items: center;}
.footer .right .p h5{margin-left:45px;padding-left:20px;position: relative;cursor: pointer;}
.footer .right .p h5::after{width:12px;height:12px;background:#fff;border-radius:100%;position: absolute;left:0;top:4.5px;content:""}
.footer .right .p h5::before{width:6px;height:6px;background:#69BA2E;border-radius:100%;position: absolute;z-index:22;left:3px;top:7px;content:""}
.footer .right .g{margin:14px 0 16px;cursor: pointer;padding-left:20px;position: relative;}
.footer .right .g::after{width:12px;height:12px;background:#fff;position: absolute;left:0;top:50%;transform: translateY(-50%);content:""}
.footer .right .g::before{width:10px;height:7px;background:url(../images/ico19.png);position: absolute;left:2px;z-index:2;top:50%;transform: translateY(-50%);content:""}
.footer .right .btn{transition-duration:.4s;width:100%;height:40px;background:#69BA2E;display:flex;align-items: center;justify-content: center;font-size:16px;color:#070C0E;cursor: pointer;;}
.footer .right .btn img{margin-left:10px;}
.footer .right .btn:hover{border-radius:40px}
.bottom{border-top:1px solid #202527;padding:47px 0 60px;}
.bottom p,.bottom p a{font-size:16px;color:#FFFFFF;text-transform:uppercase;}

@keyframes banner-contact-cycle-animate {
0%{transform: translate(-50%, -50%) scale(1);opacity:0.2;}
50%{transform: translate(-50%, -50%) scale(1.5);opacity:0.6;}
100%{transform: translate(-50%, -50%) scale(2);opacity:0;}
}

.list-video .list .item{width:calc(100% / 3 - 28px);border-radius:8px;margin:0 42px 55px 0;transition-duration:.4s;}
.list-video .list .item:nth-child(3n){margin-right:0;}
.list-video .list .item .pic{position: relative;border-radius:8px 8px 0 0;}
.list-video .list .item .pic .btn{position: absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.list-video .list .item .pic .btn .i{width:66px;height:66px;display:flex;align-items: center;justify-content: center;background:#69BA2E;border-radius: 100%;}
.list-video .list .item .pic .btn img{width:auto;position: relative;z-index:10;}
.list-video .list .item:hover .pic .btn .i::after{content:"";transform: translate(-50%, -50%) scale(1);position: absolute;left:50%;top:50%;background: linear-gradient(to right, #69BA2E, #83bc59);opacity: 0.2;border-radius: 100%;width:60px;height:60px;animation: banner-contact-cycle-animate 2s ease-in-out infinite;}
.list-video .list .item a{display:block;width:100%;}
.list-video .list .item .alt{display:flex;background:#fff;border-radius:0 0 8px 8px;align-items: center;height:74px;padding:0 20px;}
.list-video .list .item .alt .name{font-size:18px;color:#070C0E;text-transform:uppercase;}
.list-video .list .item:hover{transform:translateY(-10px);}

.list-news .list .item{width:calc(100% / 3 - 28px);border-radius:8px;margin:0 42px 55px 0;transition-duration:.4s;}
.list-news .list .item:nth-child(3n){margin-right:0;}
.list-news .list .item .pic{border-radius:8px 8px 0 0;}
.list-news .list .item a{display:block;width:100%;}
.list-news .list .item .txt{background:#FFFFFF;border-radius:0 0 8px 8px;padding:30px 20px;}
.list-news .list .item .txt .alt{font-size:18px;color:#070C0E;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-news .list .item .txt .time{font-size:16px;color:#070C0E;margin-top:7px;}
.list-news .list .item .txt .p{margin:25px 0 30px;font-size:16px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; color:#070C0E;height:48px;}
.list-news .list .item .txt .type{border-top:1px solid #CDCECF;font-size:16px;color:#69BA2E;padding-top:20px;}
.list-news .list .item:hover{transform:translateY(-10px);}
.list-news .title{color:#FFFFFF;font-size:60px;font-family: 'Barlow-Bold';margin-bottom:44px;text-transform:uppercase;}
.list-news .updown{margin:30px 0;padding-top:20px;border-top:1px solid #393D3E;}
.list-news .updown .text p,.list-news .updown .text p a{font-size:16px;line-height:25px;}
.list-news .updown .btn{border-radius:4px;width:120px;height:50px;display:flex;align-items: center;justify-content: center;color:#fff;background-color:#69BA2E;}
.list-news .updown .btn span{margin-left:10px;}
.list-news .updown .btn:hover{border-radius:30px}
.list-news .show .name{font-size:16px;color:#69BA2E;text-transform:uppercase;}
.list-news .show .t{font-size:18px;margin:30px 0 10px}
.list-news .show .body{margin:40px 0;padding-top:30px;border-top:1px solid #393D3E;font-size:16px;line-height:24px;color:#FFFFFF;}
.list-news .show .body p{margin-bottom:20px;}

.list-contact .left{width:23%;}
.list-contact .left .fixed{position:sticky;top:80px;}
.list-contact .left .t1{display:flex;align-items: center;}
.list-contact .left .t1 img:first-child{margin-right:25px;}
.list-contact .left .t2{margin:15px 0;}
.list-contact .left .t2 h2{font-size:48px;color:#FFFFFF;font-family: 'Barlow-Bold';text-transform:uppercase;line-height:48px;}
.list-contact .left .t3{position: relative;background:url(../images/ico25.png) no-repeat right center;padding-right:50px;}
.list-contact .left .t3 p{font-size:18px;color:#FFFFFF;line-height:26px;}
.list-contact .right{width:60%;}
.list-contact .right .info .item{display:flex;padding:22px 0;border-bottom:1px solid #393D3E;width:100%;}
.list-contact .right .info .flex .item{width:calc(50% - 20px);}
.list-contact .right .info .item .i{width:65px;display:flex;align-items: center;}
.list-contact .right .info .item .p{width:calc(100% - 65px);}
.list-contact .right .info .item .p h3{font-size:18px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.list-contact .right .info .item .p p{margin-top:8px;}
.list-contact .right .form{padding-top:40px;}
.list-contact .right .form input{transition-duration:.4s;border:1px solid #fff;width:100%;padding:0 10px;border-radius:5px;height:50px;display:flex;align-items: center;background:#fff;color:#070C0E;margin-bottom:30px;}
.list-contact .right .form textarea{transition-duration:.4s;border:1px solid #fff;width:100%;padding:10px;border-radius:5px;height:150px;display:flex;align-items: center;background:#fff;color:#070C0E;margin-bottom:30px;}
.list-contact .right .form input:hover,.list-contact .right .form textarea:hover{border-color:#69BA2E;color:#69BA2E}
.list-contact .right .form .btn{transition-duration:.4s;cursor: pointer;;width:170px;height:50px;border-radius:4px;background:#69BA2E;display:flex;align-items: center;justify-content: center;}
.list-contact .right .form .btn span{margin-left:10px;}
.list-contact .right .form .btn:hover{border-radius:30px;}
.list-contact .right .form .code_box{width:calc(100% - 200px);position: relative;}
.list-contact .right .form .code_box input{margin:0;}
.list-contact .right .form .code_box img{height:48px;position: absolute;bottom:1px;right:1px;}

.list-pro .left{width:420px;}
.list-pro .left .fixed{position:sticky;top:80px;}
.list-pro .left .t1{display:flex;align-items: center;}
.list-pro .left .t1 img:first-child{margin-right:25px;}
.list-pro .left .t2 h2{font-size:48px;color:#FFFFFF;font-family: 'Barlow-Bold';text-transform:uppercase;line-height:48px;}
.list-pro .left .menu{margin-top:35px;}
.list-pro .left .menu .item{position: relative;}
.list-pro .left .menu .item h3 a{display:block;line-height:50px;font-size:18px;width:100%;border-radius:8px;border-bottom:1px solid #202527;padding:0 20px 0 13px;}
.list-pro .left .menu .item.on h3 a{background:#FFFFFF url(../images/ico48.png) no-repeat right 20px center ;color:#69BA2E}
.list-pro .right{width:calc(100% - 460px);}
.list-pro .left .menu .item .sub{display:none;}
.list-pro .left .menu .item.on .sub{display:block;}
.list-pro .left .menu .item .sub a{display:flex;align-items:center;height:50px;padding:0 10px 0 40px;border-bottom:1px solid #1E2325;position: relative;}
.list-pro .left .menu .item .sub a::after{width:12px;height:12px;border:1px solid #68A83F;position: absolute;left:15px;top:50%;content:"";transform: translate(0, -50%);}
.list-pro .left .menu .item .sub a.on::after{background:url(../images/ico19.png) no-repeat center;}
.list-pro .left .menu .item .sub a.on{color:#69BA2E}
.list-pro .right .list .item{transition-duration:.4s;background:#fff;padding:15px 20px;width:calc(100% / 3 - 28px);border-radius:8px;margin:0 42px 40px 0;transition-duration:.4s;}
.list-pro .right .list .item:nth-child(3n){margin-right:0;}
.list-pro .right .list .item .type{font-size:16px;color:#000000;}
.list-pro .right .list .item .txt{position: relative;}
.list-pro .right .list .item .txt .alt{transition-duration:.4s;font-size:30px;color:#070C0E;font-family: 'Barlow-Bold';text-transform:uppercase;}
.list-pro .right .list .item .txt .name{font-size:16px;color:#070C0E;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform:uppercase;}
.list-pro .right .list .item .txt .i{position: absolute;right:10px;top:10px;}
.list-pro .right .list .item .p{padding:15px 0;}
.list-pro .right .list .item:hover{transform:translateY(-10px);}
.list-pro .right .list .item:hover .alt{color:#69BA2E;}
.list-pro .right .title{font-size:48px;color:#FFFFFF;margin-bottom:40px;font-family: 'Barlow-Bold';text-transform:uppercase;line-height:48px;border-bottom:1px solid #393D3E;padding-bottom:15px;}
.list-pro .right .body{padding-bottom:60px;line-height:30px;color:#fff;}
.list-pro .right .body ul{display:flex;justify-content: space-between;flex-wrap:wrap;margin-bottom:30px}
.list-pro .right .body ul li{width:calc(50% - 20px);border-bottom:1px solid #393D3E;display:flex;align-items: center;height:50px;}
.list-pro .right .show_head{padding:40px;border-radius:10px;background:#fff;margin-bottom:40px;}
.list-pro .right .show_head .show_swiper{display:none;}
.list-pro .right .show_head .show_box .tupian_list{width:660px;}
.list-pro .right .show_head .show_box .tupian_list .datu{width:calc(100% - 130px);}
.list-pro .right .show_head .show_box .tupian_list .datu img{width:100%;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu{width:90px;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu li{transition-duration:.4s;display:flex;align-items: center;justify-content: center;width:90px;height:90px;border:1px solid #070C0E;margin-bottom:10px;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu li:hover{border-color:#69BA2E;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu .btn{display:flex;align-items: center;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu .btn a{width:50%;height:36px;display:flex;align-items: center;justify-content: center;background:#070C0E;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu .btn a.pro_next img{transform: rotate(90deg);}
.list-pro .right .show_head .show_box .tupian_list .xiaotu .btn a.pro_prev img{transform: rotate(-90deg);}
.list-pro .right .show_head .show_box .tupian_list .xiaotu .btn a:hover{background:#69BA2E;}
.list-pro .right .show_head .show_box .info_list{width:calc(100% - 700px);}
.list-pro .right .show_head .show_box .info_list .alt h2{margin:5px 0 8px 0;font-size:30px;color:#070C0E;font-family: 'Barlow-Bold';}
.list-pro .right .show_head .show_box .info_list .alt p{font-size:16px;color:#070C0E;text-transform:uppercase;}
.list-pro .right .show_head .show_box .info_list .i{display:flex;align-items: center;border-top:1px solid #D2D2D2;border-bottom:1px solid #D2D2D2;padding:17px 0;margin:17px 0;}
.list-pro .right .show_head .show_box .info_list .i a{width:44px;height:44px;border-radius:6px;display:flex;align-items:center;justify-content: center;margin-right:10px;background:#000000;color:#fff;}
.list-pro .right .show_head .show_box .info_list .i a:hover{border-radius:100%;background:#69BA2E}
.list-pro .right .show_head .show_box .info_list .m{margin-top:50px;padding:13px 18px 18px 18px;border:1px solid #A7A7A7;border-radius:4px;background:#fff;}
.list-pro .right .show_head .show_box .info_list .m h3{margin-bottom:10px;font-size:24px;color:#212121;font-family: 'Barlow-Bold';}
.list-pro .right .show_head .show_box .info_list .m p{font-size:16px;color:#191A1C;line-height:24px;}
.list-pro .right .show_head .show_box .info_list .m li{display:flex;align-items: center;width:100%;height:44px;border-bottom:1px solid #D2D2D2;}
.list-pro .right .show_head .show_box .info_list .m li span{color:#191A1C;width:60px;}
.list-pro .right .show_head .show_box .info_list .m li a{width:calc(100% - 60px);color:#191A1C}
.list-pro .right .show_head .show_box .info_list .m li a:hover{color:#69BA2E}
.list-pro .right .show_head .show_box .info_list .m .message_btn{transition-duration:.5s;width:100%;height:40px;display:flex;align-items: center;justify-content: center;border-radius:4px;background:#69BA2E;color:#fff;margin-top:15px;cursor: pointer;}
.list-pro .right .show_head .show_box .info_list .m .message_btn span{margin-left:10px}
.list-pro .right .show_head .show_box .info_list .m .message_btn:hover{border-radius:30px;}

.list-about .about .left{width:420px;}
.list-about .about .left .fixed{position:sticky;top:80px;}
.list-about .about .left .t1{display:flex;align-items: center;}
.list-about .about .left .t1 img:first-child{margin-right:25px;}
.list-about .about .left .t2{margin-top:12px;background:url(../images/ico25.png) no-repeat right bottom;}
.list-about .about .left .t2 h2{font-size:41px;color:#FFFFFF;font-family: 'Barlow-Bold';text-transform:uppercase;line-height:48px;}
.list-about .about .right{width:51%;font-size:18px;line-height:30px;}
.list-about .about .right .more{transition-duration:.4s;width:160px;height:50px;border-radius:4px;display:flex;align-items: center;justify-content: center;background:#69BA2E;margin-top:40px;}
.list-about .about .right .more i{transition-duration:.4s;width:16px;height:19px;background:url(../images/ic40.png);}
.list-about .about .right .more span{transition-duration:.4s;font-size:16px;color:#000000;margin-left:10px;}
.list-about .about .right .more:hover{border-radius:30px}
.list-about .about .right .more:hover i{background:url(../images/ico49.png);}
.list-about .about .right .more:hover span{color:#fff}
.list-about .video{margin-top:60px;width:100%;position: relative;display:flex;align-items: center;}
.list-about .video .p img{width:100%}
.list-about .video .btn{cursor: pointer;position: absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items: center;justify-content: center;}
.list-about .video .btn .i{width:66px;height:66px;display:flex;align-items: center;justify-content: center;background:#69BA2E;border-radius: 100%;}
.list-about .video .btn img{width:auto;position: relative;z-index:10;}
.list-about .video .btn .i::after{content:"";transform: translate(-50%, -50%) scale(1);position: absolute;left:50%;top:50%;background: linear-gradient(to right, #69BA2E, #83bc59);opacity: 0.2;border-radius: 100%;width:60px;height:60px;animation: banner-contact-cycle-animate 2s ease-in-out infinite;}
.list-about .iamges h2{font-size:48px;margin:70px 0 45px;color:#FFFFFF;font-family: 'Barlow-Bold';text-transform:uppercase;line-height:48px;}
.list-about .iamges .list .item{transition-duration:.5s;width:calc(100% / 4 - 30px);margin:0 40px 40px 0;padding:10px;border-radius:4px;background:#fff;}
.list-about .iamges .list .item.item:nth-child(4n){margin-right:0;}
.list-about .iamges .list .item .p{color:#000;margin:12px 0 6px;font-size:18px;text-transform:uppercase;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-about .iamges .list .item:hover{transform:translateY(-10px);background:#69BA2E}
.list-about .iamges .list .item:hover .p{color:#fff;}
.list-about .certification .hd{padding:35px 0 50px;}
.list-about .certification .hd h2{font-size:48px;font-weight:bold;font-family: 'Barlow-Bold';text-transform:uppercase;}
.list-about .certification .hd p{font-size:18px;}
.list-about .certification .bd{position: relative;}
.list-about .certification .bd .swiper-slide{width:auto;}
.list-about .certification .bd .swiper-pagination{border-radius:12px;position: static;margin-top:70px;height:8px;background:#1F272A}
.list-about .certification .bd .swiper-pagination .swiper-pagination-progressbar-fill{border-radius:12px;background:#69BA2E}
.list-about .culture{padding:120px 0;}
.list-about .culture h2{font-size:48px;margin-bottom:10px;font-weight:bold;font-family: 'Barlow-Bold';text-transform:uppercase;}
.list-about .culture p{font-size:18px;line-height:48px;}
.list-about .pdf .p img{width:100%;}
.list-about .pdf .hd{position: relative;}
.list-about .pdf .hd .web{position: absolute;right:30px;font-size:18px;color:#383838;bottom:50px;text-transform:uppercase;}
.list-about .pdf .hd .name{font-size:18px;color:#C1C1C1;font-family: 'Barlow-Bold';position: absolute;;left:30px;bottom:50px;text-transform:uppercase;}
.list-about .pdf .hd .title{position: absolute;left:30px;top:70px;font-family: 'Barlow-Bold';color:#fff;font-size:55px;line-height:60px;text-transform:uppercase}
.list-about .pdf .logo{margin:12px 0;}
.list-about .pdf .logo img{height:26px}
.list-about .pdf .bd a{width:210px;height:45px;position: relative;overflow: hidden;;border:2px solid #69BA2E;display:flex;align-items: center;justify-content: center;background:#fff;margin:50px auto;;}
.list-about .pdf .bd a span{position: relative;z-index:2;transition-duration:.4s;width:calc(100% - 50px);height:100%;color:#000000;display:flex;align-items: center;justify-content: center;}
.list-about .pdf .bd a .i{position: relative;z-index:2;width:50px;height:100%;display:flex;align-items: center;justify-content: center;background:#69BA2E;}
.list-about .pdf .bd a:hover span{color:#fff}
.list-about .pdf .bd a::after{content:"";position: absolute;right:-100%;top:0;width:100%;height:100%;background:#69BA2E;z-index:1;transition-duration:.4s;}
.list-about .pdf .bd a:hover::after{right:0;}
.list-about .development{padding-top:110px;}
.list-about .development .alt{margin-bottom:65px}
.list-about .development .alt h2{font-size:60px;font-weight:bold;font-family: 'Barlow-Bold';text-transform:uppercase;}
.list-about .development .alt p{font-size:24px;margin-top:10px}
.list-about .development .hd{border-bottom:1px solid #202527}
.list-about .development .hd .swiper-slide{padding-bottom:70px;cursor: pointer;;width:auto;position: relative;}
.list-about .development .hd .swiper-slide .name{transition-duration:.4s;font-size:80px;color:#070C0E;font-family: 'Barlow-Bold';;position: absolute;left:0;top:0;width:100%;height:calc(100% - 70px);display:flex;align-items: center;justify-content: center;}
.list-about .development .hd .swiper-slide:hover .name{color:#69BA2E;}
.list-about .development .hd .swiper-slide .pic img{width:100%;}
.list-about .development .hd .swiper-slide .pic img:last-child{display:none;}
.list-about .development .hd .swiper-slide.swiper-slide-thumb-active .pic img{display:none}
.list-about .development .hd .swiper-slide.swiper-slide-thumb-active .pic img:last-child{display:block;}
.list-about .development .hd .swiper-slide.swiper-slide-thumb-active::after{width:17px;height:12px;background:url(../images/ico31.png);content:"";position: absolute;left:50%;bottom:30px;transform: translateX(-50%);}
.list-about .development .hd .swiper-slide.swiper-slide-thumb-active .name{color:#69BA2E;}
.list-about .development .bd{padding:40px 0 0 0;font-size:18px;line-height:30px;}
.list-about .data{padding:100px 0 20px;}
.list-about .data .item{transition-duration:.4s;width:25%;display:flex;align-items: center;justify-content: center;flex-direction: column;text-align:center;border-right:1px solid #393D3E;padding:30px 0;}
.list-about .data .item a{width:100%;display:block;}
.list-about .data .item:last-child{border-right:0;}
.list-about .data .item .t{transition-duration:.4s;font-size:30px;font-family: 'Barlow-Bold';text-transform:uppercase;padding:40px 0;}
.list-about .data .item .b{display:flex;align-items: center;justify-content: center;height:20px;}
.list-about .data .item .b i{transition-duration:.4s;width:18px;height:18px;background:url(../images/ico39.png);}
.list-about .data .item:hover{background:#fff;}
.list-about .data .item:hover .t{color:#070F12;}
.list-about .data .item:hover .b i{background:url(../images/ico45.png);}

.index_swiper{position: relative;overflow: hidden;z-index:1;}
.index_swiper .swiper-slide .p{display:none;}
.index_swiper .swiper-slide{overflow: hidden;position: relative;}
.index_swiper .swiper-slide .caption-content{transition-duration:1s;opacity:0;;width:100%;display:flex;align-items: center;height:150%;justify-content: center;flex-direction: column;position: absolute;left:0;top:0;}
.index_swiper .swiper-slide.swiper-slide-active .caption-content{height:100%;opacity:1;}
.index_swiper .swiper-slide .caption-content .logo{margin-bottom:35px;}
.index_swiper .swiper-slide .caption-content h2{font-size:100px;line-height:100px;font-family: 'Barlow-Bold';text-transform:uppercase;color:#FFFFFF;}
.index_swiper .swiper-slide .caption-content p{font-size:72px;line-height:72px;color:#FFFFFF;text-transform:uppercase;}
.index_swiper .swiper-slide .caption-content .btn{margin-top:50px;cursor: pointer;position: relative;}
.index_swiper .swiper-slide .caption-content .btn .i{width:66px;height:66px;display:flex;align-items: center;justify-content: center;background:#69BA2E;border-radius: 100%;}
.index_swiper .swiper-slide .caption-content .btn img{width:auto;position: relative;z-index:10;}
.index_swiper .swiper-slide .caption-content .btn .i::after{content:"";transform: translate(-50%, -50%) scale(1);position: absolute;left:50%;top:50%;background: linear-gradient(to right, #69BA2E, #83bc59);opacity: 0.2;border-radius: 100%;width:60px;height:60px;animation: banner-contact-cycle-animate 2s ease-in-out infinite;}
.index_swiper .swiper-prev,.index_swiper .swiper-next{cursor: pointer;transition-duration:.4s;position: absolute;z-index:999;top:50%;transform: translateY(-50%);}
.index_swiper .swiper-prev i,.index_swiper .swiper-next i{display:block;transition-duration:.4s;width:39px;height:39px;}
.index_swiper .swiper-prev{left:3%;}
.index_swiper .swiper-next{right:3%;}
.index_swiper .swiper-prev i{background:url(../images/ico46.png)}
.index_swiper .swiper-next i{background:url(../images/ico47.png)}
.index_swiper .swiper-button-disabled i{opacity:.5;}
.index_swiper .swiper-pagination{left:5%;bottom:10%;padding-left:150px;width:auto;display:flex;align-items: center;position: relative;}
.index_swiper .swiper-pagination::after {content: '';position: absolute;left: 0;z-index:9;top:50%;transform: translateY(-50%);width:150px;height: 2px;background-color: #FFF;}
.index_swiper .swiper-pagination::before {content: '';position: absolute;left: 0;z-index:10;top:50%;transform: translateY(-50%);width: 0%;height: 2px;background-color: #69BA2E;animation: fillWidth 5.3s linear infinite;}
@keyframes fillWidth {0% {width: 0%;}100% {width:150px;}}
.index_swiper .swiper-pagination .swiper-pagination-bullet{width:auto;height:auto;background:none;font-size:24px;color:#FFFFFF;opacity:1;margin-left:10px;}
.index_swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{color:#69BA2E;}

.index-contact{height:680px;background:url(../images/index_contact.jpg) no-repeat center center;background-attachment:fixed;background-size: cover;}
.index-contact .hd{padding:100px 0;display:flex;align-items: center;}
.index-contact .hd .alt{max-width:570px;}
.index-contact .hd .alt h2{font-size:60px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.index-contact .hd .alt p{font-size:24px;line-height:34px;margin-top:5px;}
.index-contact .bd{display:flex;align-items: center;justify-content: center;}
.index-contact .bd .item{margin-right:100px;flex:1;max-width:390px;}
.index-contact .bd .item:last-child{margin:0;}
.index-contact .bd .item h3{margin-bottom:20px;font-size:24px;font-family: 'Barlow-Bold';}
.index-contact .bd .item a{display:block;width:100%;position: relative;font-size:18px;padding-bottom:8px;border-bottom:1px solid #FFFFFF}
.index-contact .bd .item a::after{transition-duration:.4s;content:"";position: absolute;left:0;z-index:2;bottom:-1px;width:0%;height:1px;background:#69BA2E;}
.index-contact .bd .item a:hover::after{width:100%;}
.index-contact .more{margin:90px auto;}
.index-contact .more a{transition-duration:.4s;width:220px;height:50px;border-radius:8px;display:flex;align-items: center;justify-content: center;background:#69BA2E;margin:0 auto;}
.index-contact .more a i{transition-duration:.4s;width:19px;height:17px;background:url(../images/ico34.png);}
.index-contact .more a span{transition-duration:.4s;font-size:16px;color:#000000;margin-left:10px;}
.index-contact .more a:hover{border-radius:30px}
.index-contact .more a:hover i{background:url(../images/ico30.png);}
.index-contact .more a:hover span{color:#fff}

.index-pro{padding:50px 0 100px;background:url(../images/logo6.png) no-repeat right 50px}
.index-pro .hd h2{font-size:48px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.index-pro .hd h3{font-size:30px;text-transform:uppercase;margin-bottom:13px;}
.index-pro .hd h4{font-size:24px;font-family: 'Barlow-Bold';text-transform:uppercase;margin-top:30px}
.index-pro .right{width:100%}
.index-pro .right .list{padding-top:50px}
.index-pro .right .list .item{transform: translateY(0) !important;margin-bottom:0;}

.index-type{padding:70px 0;}
.index-type .hd{text-align:center;max-width:830px;margin:0 auto 45px;}
.index-type .hd h2{font-size:48px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.index-type .hd p{font-size:16px;line-height:24px;margin-top:5px;}
.index-type .hd .line{margin:35px auto 0;display:block;width:50px;height:10px;border-radius:4px;background:#69BA2E;}
.index-type .bd .swiper-slide a{display:block;width:100%;}
.index-type .bd .swiper-slide .alt{transition-duration:.4s;background:#fff url(../images/ico45.png) no-repeat right 20px center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:23px 40px 30px 20px;;font-size:24px;color:#070F12;font-family: 'Barlow-Bold';}
.index-type .bd .swiper-slide:hover .alt{background:#69BA2E url(../images/ico39.png) no-repeat right 20px center;color:#fff}
.index-type .pages-box{display:flex;justify-content: flex-end;align-items: center;padding-top:40px;}
.index-type .pages-box .next,.index-type .pages-box .prev{margin-left:15px;cursor: pointer;}
.index-type .pages-box .next i{width:11px;height:16px;display:block;background:url(../images/ico41.png)}
.index-type .pages-box .prev i{width:11px;height:17px;display:block;background:url(../images/ico42.png)}
.index-type .pages-box .next i:hover{background:url(../images/ico43.png)}
.index-type .pages-box .prev i:hover{background:url(../images/ico44.png)}
.index-type .pages-box .swiper-button-disabled{opacity:.2}
.index-type .pages-box .swiper-pagination{position: static;width:50%;max-width:450px;height:5px;background-color: #1F2A2E;}
.index-type .pages-box .swiper-pagination .swiper-pagination-progressbar-fill{background:#69BA2E}
.swiper-pagination-bullet-active{background:#69BA2E}

@media (max-width: 1800px){
.wrap{max-width:96%}
}
@media (max-width: 1500px){
.list-pro .right .show_head .show_box .tupian_list{width:100%}
.list-pro .right .show_head .show_box .info_list{width:100%}
.index_swiper .swiper-slide .caption-content h2{font-size:70px;line-height:70px}
.index_swiper .swiper-slide .caption-content p{font-size:40px;line-height:40px;}
}
@media (max-width: 1200px){
.footer .left{width:60%}
.list-pro2 .right .list .item{width:49%;margin:0 2% 30px 0 !important;}
.list-pro2 .right .list .item:nth-child(2n){margin-right:0 !important;}
}
@media screen and (max-width:992px) {
.wrap,.list-about .about .left,.list-about .about .right,.list-pro .right,.footer .left,.list-contact .right .info .flex .item,.list-contact .right .form .code_box,.footer .right,.list-contact .left,.list-contact .right{width:100%;max-width:100%;}
.top,.header,.index-contact .hd .logo,.index_swiper .swiper-prev, .index_swiper .swiper-next,.list-about .pdf .hd .web,.list-pro .left,.list-pro .right .show_head .show_box .tupian_list,.list-news .updown .btn{display:none;}
.list-pro .right .show_head .show_swiper{display:block;overflow: hidden;}
.banner{padding:0;}
.location{padding:0 10px;overflow-y:scroll;}
.location::-webkit-scrollbar{display:none;}
.main,.index-type,.index-pro{padding:30px 10px;}
.index-type .bd .swiper-slide .alt{padding:15px 40px 15px 15px;font-size:15px;}
.index-contact{height:auto;padding:40px 10px;}
.index-contact .hd{padding:0 0 20px 0;}
.index-contact .hd .alt h2{font-size:40px}
.index-contact .hd .alt p{font-size:16px;line-height:26px;}
.index-contact .hd .alt{max-width:100%}
.index-contact .bd{flex-wrap:wrap;}
.index-contact .bd .item{width:100%;margin:0 0 15px 0;flex:auto;}
.index-contact .bd .item h3{font-size:18px;margin-bottom:15px;}
.index-contact .more{margin:25px auto;}
.list-about .development .alt{padding:0 10px;margin-bottom:30px}
.list-about .development .bd{padding:25px 10px;}
.list-about .about .right .more{margin:20px auto 0;}
.list-about .data{padding:30px 0;}
.list-about .data .item{width:50%;}
.list-about .data .item .t{font-size:20px;padding:20px 0;}
.list-pro .right .show_head{padding:15px;margin-bottom:20px;}
.list-pro .right .title{font-size:36px;line-height:36px;margin-bottom:25px;}
.list-pro .right .body ul li{width:100%;min-height:50px;height:auto;}
.roll-right .swiper-slide h2{font-size:36px}
.roll-left .swiper-slide img {max-height:32px;}
.footer{padding:20px 10px;}
.footer .left .bd .item{width:50%}
.footer .left .bd .item .info .item{margin-bottom:8px;}
.footer .left .bd .item:nth-child(3){width:100%;margin:25px 0 0 0;}
.footer .right h2{margin-top:30px;font-size:24px;line-height:30px}
.footer .right h2 br{display:none}
.bottom{padding:20px 10px 60px;}
.bottom .michuan{margin:20px auto 0;}
.list-news .list .item{width:100%;margin:0 0 25px 0;}
.list-news .title{font-size:32px;margin-bottom:25px;}
.list-download .list .item{width:49%;margin:0 2% 20px 0;}
.list-download .list .item:nth-child(2n){margin-right:0;}
.list-video .list .item{width:100%;margin:0 0 15px 0;}
.list-contact .left .t2 h2{font-size:32px;line-height:32px;}
.list-contact .left .t2 h2 br{display:none;}
.list-contact .right .form .btn{margin:20px auto 0;}
.list-about .video{margin-top:30px}
.list-about .iamges h2{margin:30px 0;font-size:26px;}
.list-about .iamges h2 br{display:none;}
.list-about .iamges .list .item{width:49%;margin:0 2% 15px 0;}
.list-about .iamges .list .item:nth-child(2n){margin-right:0;}
.list-about .certification .hd h2{font-size:36px;}
.list-about .certification .bd .swiper-slide .p img{max-width:120px;}
.list-about .certification .bd .swiper-pagination{margin-top:30px}
.list-about .development{padding-top:30px}
.list-about .development .alt h2{font-size:32px;}
.list-about .development .hd .swiper-slide .pic{max-width:140px;}
.list-about .development .hd .swiper-slide .name{font-size:24px}
.list-about .culture{padding:25px 0;}
.list-about .culture p{font-size:16px;line-height:30px;}
.list-about .pdf .p img{height:300px;object-fit:cover}
.list-about .pdf .hd .name{left:15px;bottom:15px;}
.list-about .pdf .hd .title{left:15px;top:50px;font-size:40px;line-height:50px;}
.index_swiper .swiper-slide .caption-content{padding:0 10px;}
.index_swiper .swiper-slide .caption-content h2{font-size:35px;line-height:35px;}
.index_swiper .swiper-slide .caption-content p{font-size:24px;line-height:24px;margin-top:10px;}
.list-pro .right .list .item .txt .alt{font-size:20px}
.index_swiper .swiper-slide{background:none !important}
.index_swiper .swiper-slide .p{display:block !important}
#home{height:auto !important}
.download-so{padding:25px 10px;}
}