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

.top{height:34px;display:flex;align-items: center;background:#17924E;}
.top .wrap{height:100%;justify-content:flex-end;}
.top .lang{display:flex;align-items:center;height:100%;}
.top .lang h3{align-items: center;display:flex;height:100%;}
.top .lang h3 span{font-size:16px;color:#FFFFFF;text-transform:uppercase;}
.top .lang h3 img{margin:0 10px;}
.top .lang a{margin-right:20px;display:flex;height:100%;align-items: center;}
.top .lang a span{color:#FFFFFF;font-size:14px;margin-left:10px;}
.top .lang a:last-child{margin:0;}

.banner{position: relative;overflow: hidden;padding-top:95px}
.banner .p{width:100%;}
.banner .p img{width:100%;}
.banner .location{position: absolute;left:0;bottom:40px;width:100%;}
.banner .location .wrap{display:flex;align-items: center;}
.banner .location a{font-size:18px;color:#202020;text-transform:uppercase;}
.banner .location img{margin:0 18px;}
.banner .location a:hover,.banner .location a:last-child{color:var(--on-color);}

.header{background:#F8F8F8;transition-duration:.3s;position: fixed;top:34px;height:95px;left:0;z-index:999999;display:flex;align-items: center;width:100%;}
.header .left .logo{margin-right:50px;}
.header .left .logo img{height:55px;}
.header .left .menu .item{margin-right:40px;position: relative;}
.header .left .menu .item::after{content:'';position: absolute;left:0;bottom:20px;width:100%;height:2px;background:var(--on-color);transform:scaleX(0);transform-origin: left;transition: all 0.3s ease-in-out;}
.header .left .menu .item h3{display:flex;height:100%;}
.header .left .menu .item h3 a{font-size:20px;position: relative;z-index:22;display:flex;height:100%;align-items: center;color:#202020;text-transform:uppercase;}
.header .left .menu .item.on h3 a,.header .left .menu .item:hover h3 a{color:var(--on-color);}
.header .left .menu .item:hover::after{transform:scaleX(1);}
.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 #17924E;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:129px;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:#17924E;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:#17924E;}
.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:#17924E;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:95px;}
.header .left .menu .item:hover .pro_sub{transform: scaleY(1);}
.header .right a{margin-left:25px;}
.header.height{top:0;box-shadow: 0 0 10px rgba(0,0,0,.1);}

.index-form{display:flex;text-align:center;justify-content: center;flex-direction: column;align-items: center;height:500px;background:url(../images/bg.jpg) no-repeat center;background-size:cover}
.index-form h2{margin-bottom:54px;font-size:60px;color:#FFFFFF;line-height:60px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.index-form form{width:100%;max-width:900px;height:50px;display:flex;align-items: center;}
.index-form form .btn{width:110px;height:100%;display:flex;align-items: center;border-radius:0 8px 8px 0;background:#17924E;display:flex;align-items: center;justify-content: center;cursor: pointer;font-size:16px;color:#FFFFFF}
.index-form form input{font-size:16px;color:#202020;width:100%;height:100%;padding:0 15px;border-radius:8px 0 0 8px;}
.index-form form input::placeholder{color:#202020;}

.footer .footer-top{padding:50px 0 60px;}
.footer .footer-top .txt{width:23%;}
.footer .footer-top .txt .p{font-size:16px;line-height:24px;color:#202020;margin:27px 0;}
.footer .footer-top .txt .ico{display:flex;align-items:center;}
.footer .footer-top .txt .ico a{margin-right:20px;position: relative;}
.footer .footer-top .txt .ico a::after{content:'';position: absolute;top:0;right:-10px;width:1px;height:16px;background:#202020;}
.footer .footer-top .txt .ico a:last-child{margin-right:0;}
.footer .footer-top .txt .ico a:last-child::after{display:none}
.footer .footer-top .menu{width:67%;display:flex}
.footer .footer-top .menu .item{flex:1;}
.footer .footer-top .menu .item h3{margin-bottom:20px;}
.footer .footer-top .menu .item h3 a{font-size:24px;color:#17924E;font-family: 'Barlow-Bold';text-transform:uppercase;}
.footer .footer-top .menu .item p{margin-bottom:20px;}
.footer .footer-top .menu .item p a{font-size:16px;}
.footer .footer-top .menu .item p a:hover{padding-left:10px;}
.footer .footer-bottom{border-top:1px solid #CDCDCD;padding:40px 0;}
.footer .footer-bottom p,.footer .footer-bottom p a{font-size:16px;text-transform:uppercase;}
.footer .footer-bottom p a{margin-left:10px;}

.title{font-size:48px;margin-bottom:18px;font-weight:bold;color:#17924E;font-family: 'Barlow-Bold';text-transform:uppercase;}

.list-news{padding-bottom:90px;}
.list-news .hd{padding:90px 0 60px}
.list-news .hd .alt p{font-size:16px;line-height:24px;}
.list-news .hd .menu{display:flex;align-items: center;}
.list-news .hd .menu a{border-radius:5px;width:180px;height:50px;border:1px solid #202020;display:flex;align-items: center;justify-content: center;font-size:18px;color:#202020;text-transform:uppercase;margin-left:15px;}
.list-news .hd .menu a:hover{color:#17924E;border:1px solid #17924E;}
.list-news .hd .menu a.on{background:#17924E;border-color:#17924E;color:#FFFFFF;}
.list-news .list .item{width:calc(100% / 4 - 30px);margin:0 40px 100px 0;}
.list-news .list .item:nth-child(4n){margin-right:0;}
.list-news .list .item .time{display:flex;align-items:flex-end;margin-bottom:24px;}
.list-news .list .item .time span{font-size:30px;color:#202020;font-family: 'Barlow-Bold';}
.list-news .list .item .time p{color:#202020;font-size:16px;margin:0 0 4px 10px;}
.list-news .list .item .pic,.list-news .list .item .pic img{border-radius:8px;}
.list-news .list .item .txt h3{transition-duration:.4s;margin:25px 0 20px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:18px;color:#202020;line-height:24px;font-family: 'Barlow-Bold';}
.list-news .list .item .txt p{font-size:16px;color:#202020;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;height:72px;}
.list-news .list .item .btn{margin-top:30px;}
.list-news .list .item:hover .txt h3{color:#17924E;}
.list-news .content .time{display:flex;align-items:flex-end;margin-bottom:14px;}
.list-news .content .time span{font-size:30px;color:#202020;font-family: 'Barlow-Bold';}
.list-news .content .time p{color:#202020;font-size:16px;margin:0 0 4px 10px;}
.list-news .content h2{font-size:18px;line-height:24px;color:#202020;font-family: 'Barlow-Bold';}
.list-news .content .title{padding:70px 0 23px;}
.list-news .content .up p,.list-news .content .up p a{font-size:16px;line-height:26px;color:#202020;}
.list-news .content .up p a:hover{color:#17924E}
.list-news .content .btn{width:120px;height:50px;display:flex;background:#17924E;align-items: center;justify-content: center;border-radius:4px;;}
.list-news .content .btn span{margin-left:10px;color:#fff;}
.list-news .content .btn:hover{border-radius:40px;}
.list-news .content .body{font-size:16px;line-height:24px;color:#202020;margin:23px 0 25px;border-top:1px solid #CDCDCD;border-bottom:1px solid #CDCDCD;padding:25px 0 30px;}
.list-news .content .body p{margin-bottom:20px;}

.list-download .alt{text-align:center;padding:15px 0 50px 0;}
.list-download .list{padding-bottom:50px;}
.list-download .list .item{margin-bottom:30px;}
.list-download .list .item a{transition-duration:.5s;display:flex;padding:20px 40px 20px 30px;box-shadow: 0 5px 10px rgba(0,0,0,0.12);border-radius:5px;}
.list-download .list .item .name{display:flex;width:80%;}
.list-download .list .item .name .i{width:40px;display:flex;align-items: center;}
.list-download .list .item .name .i i{height:22px;width:22px;background:#17924E;font-size:0;border-radius:22px;}
.list-download .list .item .name .info{width: calc(100% - 40px);}
.list-download .list .item .name .info h3{transition-duration:.5s;font-size:18px;color:#17924E}
.list-download .list .item .name .info p{display:flex;align-items: center;transition-duration:.5s;padding-top:8px;color:#1A1F2D;font-size:14px}
.list-download .list .item .name .info p i{display:block;width:13px;height:13px;background:url(../images/ico1.png) no-repeat center center;margin-right:5px;}
.list-download .list .item .more{display:flex;align-items: center;}
.list-download .list .item .more i{transition-duration:.5s;}
.list-download .list .item .more .pdf{width:21px;height:21px;background:url(../images/ico2.png)}
.list-download .list .item .more .btn{width:24px;margin-left:25px;height:21px;background:url(../images/ico3.png)}
.list-download .list .item:hover a{background:#17924E;box-shadow:0 5px 10px rgba(23,146,78,.2);}
.list-download .list .item:hover .name .i i{background:url(../images/ico7.png);}
.list-download .list .item:hover .name .info h3{color:#fff}
.list-download .list .item:hover .name .info p{color:#fff;}
.list-download .list .item:hover .name .info p i{background:url(../images/ico6.png) no-repeat center center;}
.list-download .list .item:hover .more .pdf{background:url(../images/ico4.png);}
.list-download .list .item:hover .more .btn{background:url(../images/ico5.png);}

.list-contact{padding:80px 0;}
.list-contact .left{width:390px;}
.list-contact .right{width:calc(100% - 600px);}
.list-contact .right .contact_box .item{border-bottom:1px solid #C5C5C5;padding:30px 0;display:flex;align-items: center;;}
.list-contact .right .contact_box .item .i{width:60px;display:flex;align-items: center;}
.list-contact .right .contact_box .flex .item{width:calc(50% - 20px);}
.list-contact .right .contact_box .item .p{width:calc(100% - 60px);}
.list-contact .right .contact_box .item .p h3{text-transform:uppercase;font-size:18px;font-family: 'Barlow-Bold';margin-bottom:7px;}
.list-contact .right .form{margin-top:60px;}
.list-contact .right .form input{transition-duration:.4s;display:flex;align-items: center;padding:0 15px;border-radius:4px;border:1px solid #BCBCBC;background:#fff;margin-bottom:30px;width:100%;height:50px;}
.list-contact .right .form input:hover{border-color:#17924E}
.list-contact .right .form textarea{transition-duration:.4s;min-height:250px;padding:15px;border-radius:4px;border:1px solid #BCBCBC;background:#fff;margin-bottom:30px;width:100%}
.list-contact .right .form textarea:hover{border-color:#17924E}
.list-contact .right .flex .code_box{position: relative;;width:calc(100% - 200px);position: relative;}
.list-contact .right .flex .code_box input{margin:0;}
.list-contact .right .flex .code_box img{position: absolute;bottom:1px;right:1px;height:48px;cursor: pointer;}
.list-contact .right .flex .btn{transition-duration:.4s;width:170px;height:50px;background:#17924E;color:#fff;cursor: pointer;border-radius:4px;display:flex;align-items: center;justify-content: center;}
.list-contact .right .flex .btn span{margin-left:10px;}
.list-contact .right .flex .btn:hover{border-radius:40px}

.list-support .box{padding:80px 0;border-bottom:1px solid #CDCDCD;}
.list-support .box:last-child{border-bottom:0;}
.list-support .box .left{width:45%;}
.list-support .box .left .txt{position: sticky;top:110px;}
.list-support .box .left p{text-transform:uppercase;}
.list-support .box .left h2{color:#202020;margin-top:45px;text-transform:uppercase;}
.list-support .box .right{width:49%;font-size:18px;color:#202020;line-height:24px;}
.list-support .box .right .txt p{margin-bottom:25px;}
.list-support .box .right .txt h3{font-size:36px;text-transform:uppercase;font-family: 'Barlow-Bold';margin-bottom:50px;}
.list-support .box .right .video{cursor: pointer;;padding:50px 0;margin-top:50px;border-top:1px solid #202020;}
.list-support .box .right .form input,.list-support .box .right .form textarea{width:100%;padding:30px 0;background:none;border-bottom:1px solid #202020;font-size:18px;color:#202020;}
.list-support .box .right .form input::placeholder,.list-support .box .right .form textarea::placeholder{color:#202020;}
.list-support .box .right .form .btn{transition-duration:.4s;display:flex;align-items: center;justify-content: center;width:100%;height:45px;background:#17924E;border-radius:4px;margin-top:50px;cursor: pointer;}
.list-support .box .right .form .btn span{color:#fff;margin-right:10px;font-size:18px;}
.list-support .box .right .form .btn:hover{border-radius:40px}

.list-about .hd{padding:80px 0;}
.list-about .about{border-bottom:1px solid #CDCDCD;padding-bottom:70px;margin-bottom:70px;}
.list-about .about .video{width:550px;}
.list-about .about .video p{text-transform:uppercase;font-size:18px;}
.list-about .about .video .btn{margin-top:50px;display:flex;align-items: center;}
.list-about .about .video .btn h2{margin:0;color:#202020;}
.list-about .about .video .btn h2 span{color:#17924E}
.list-about .about .video .btn .i{cursor: pointer;;display:flex;margin-left:15px;border-radius:100%;border:2px solid #17924E;padding:28px;background:#CBE4D6;}
.list-about .about .video .btn .i span{padding:30px;border-radius:100%;background:#FFFFFF;}
.list-about .about .video .btn .i span img{transition-duration:.6s;}
.list-about .about .video .btn .i:hover span img{transform: rotate(360deg);}
.list-about .about .body{width:calc(100% - 15% - 550px);}
.list-about .about .body p{font-size:18px;line-height:24px;color:#202020;margin-bottom:20px;}
.list-about .about2{padding:0;border:0;margin:0;}
.list-about .about2 .body{display:flex;align-items: center;justify-content: center;flex-direction: column;}
.list-about .data{padding:100px 0 80px;display:flex;flex-wrap:wrap;}
.list-about .data .item{width:25%;border-right:1px solid #CDCDCD;text-align:center;}
.list-about .data .item .i{padding:25px 0 30px;}
.list-about .data .item .p{transition-duration:.4s;font-size:24px;color:#202020;margin-bottom:45px;}
.list-about .data .item:hover .p{color:#17924E}
.list-about .show .show_box{width:calc(50% - 20px);}
.list-about .show .show_box .item,.list-about .show .show_box .item a,.list-about .show .show_box .item a img{border-radius:50px 0 50px 0;}
.list-about .show .txt{display:flex;flex-wrap:wrap;;width:calc(50% - 20px)}
.list-about .show .txt .item{display:flex;position: relative;overflow: hidden;;width:100%;height:calc(100% / 3);border-bottom:1px solid #DFDFDF;}
.list-about .show .txt .item::after{border-radius:15px;content:'';position: absolute;top:100%;right:0;width:100%;height:100%;background:#17924E;transition-duration:.4s;}
.list-about .show .txt .item .i{position: relative;z-index:3;width:150px;display:flex;align-items: center;justify-content: center;}
.list-about .show .txt .item .i i{display:block;width:56px;height:60px;background:url(../images/ico36.png);}
.list-about .show .txt .item:nth-child(2) .i i{display:block;width:73px;height:57px;background:url(../images/ico37.png);}
.list-about .show .txt .item:nth-child(3) .i i{display:block;width:55px;height:56px;background:url(../images/ico38.png);}
.list-about .show .txt .item .p{position: relative;z-index:2;width:calc(100% - 150px);display:flex;justify-content: center;flex-wrap: wrap;flex-direction: column;}
.list-about .show .txt .item .p h3{transition-duration:.4s;font-size:30px;color:#000000;font-family: 'Barlow-Bold';margin-bottom:8px;}
.list-about .show .txt .item .p p{transition-duration:.4s;font-size:16px;line-height:24px;color:#000000;max-width:380px;}
.list-about .show .txt .item a{display:block;width:100%;height:100%;}
.list-about .show .txt .item.on::after{top:0;}
.list-about .show .txt .item.on .i i{background:url(../images/ico39.png);}
.list-about .show .txt .item:nth-child(2).on .i i{background:url(../images/ico40.png);}
.list-about .show .txt .item:nth-child(3).on .i i{background:url(../images/ico41.png);}
.list-about .show .txt .item.on .p h3,.list-about .show .txt .item.on .p p{color:#fff;}

.list-about .title{margin:0;}
.list-about .images .list{padding:60px 0 40px;}
.list-about .images .list .item{transition-duration:.3s;padding:10px;border-radius:5px;background:#fff;width:calc(100% / 4 - 22.5px);margin:0 30px 40px 0;}
.list-about .images .list .item:nth-child(4n){margin-right:0;}
.list-about .images .list .item .p{margin:8px 8px 0 8px;}
.list-about .images .list .item:hover{box-shadow:0 0 10px rgba(0,0,0,.1);transform: translateY(-5px);}
.list-about .history{border-bottom:1px solid #CDCDCD;padding-bottom:70px;margin-bottom:70px;}
.list-about .history .bd .txt{width:45%;display:flex;justify-content: center;flex-direction: column;}
.list-about .history .bd .txt h3{margin-bottom:20px;font-size:24px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.list-about .history .bd .txt p{font-size:16px;line-height:25px;}
.list-about .history .bd .pic{width:45%;display:flex;justify-content: space-between;align-items: center;}
.list-about .history .bd .pic .item{width:calc(50% - 10px);}
.list-about .history .bd .pic .item .p{margin-bottom:20px;}
.list-about .history .bd .pic .item .p:last-child{margin:0;}
.list-about .market{border-top:1px solid #CDCDCD;padding:70px 0 100px;}
.list-about .market .box{margin-top:55px;}
.list-about .market .hd{padding:22px 30px 25px;color:#FFFFFF;font-weight:bold;font-family: 'Barlow-Bold';font-size:30px;background:#17924E;border-radius:15px 15px 0 0;}
.list-about .market .bd{display:flex;flex-wrap:wrap;border-radius: 0 0 15px 15px;box-shadow: 0 0 10px rgba(23,146,78,.2);}
.list-about .market .bd .item{width:calc(100% / 10);border-top:1px solid #D2D2D2;border-right:1px solid #D2D2D2;}
.list-about .market .bd .item:nth-child(10n){border-right:0;}
.list-about .market .bd .item a{display:flex;align-items: center;justify-content:center;flex-direction: column;}
.list-about .market .bd .item .pic{padding:25px 0 10px;}
.list-about .market .bd .item .pic img{height:50px;}
.list-about .market .bd .item .p{padding:0 10px 20px 10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.list-pro{padding:100px 0;}
.list-pro .left{width:390px;}
.list-pro .left .fixed{position:sticky;top:110px;}
.list-pro .left h3{font-size:18px;text-transform:uppercase;}
.list-pro .left h2{margin:10px 0 13px 0;font-size:36px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.list-pro .left .item h4 a{height:50px;display:flex;align-items: center;position: relative;border-bottom:1px solid #202020;padding-right:35px;}
.list-pro .left .item h4 a i{width:15px;height:11px;background:url(../images/ico28.png);display:block;position: absolute;right:20px;top:50%;transform: translateY(-50%);}
.list-pro .left .item .sub{display:none;}
.list-pro .left .item .sub a{display:flex;height:40px;display:flex;background:url(../images/ico29.png) no-repeat 7px center;align-items: center;padding:0 25px;border-bottom:1px dashed #000000;}
.list-pro .left .item .sub a:hover,.list-pro .left .item .sub a.on,.list-pro .left .item.on h4 a{color:#17924E}
.list-pro .left .item.on .sub{display:block;}
.list-pro .right{width:calc(100% - 460px);}
.list-pro .right .list .item{border-radius:8px;transition-duration:.4s;width:calc(100% / 3 - 30px);;margin:0 45px 45px 0;}
.list-pro .right .list .item:nth-child(3n){margin-right:0;}
.list-pro .right .list .item .pic,.list-pro .right .list .item .pic img{border-radius:8px 8px 0 0;}
.list-pro .right .list .item .txt{transition-duration:.4s;border-radius:0 0 8px 8px;background:#E5E5E5;padding:16px 25px 22px 25px;}
.list-pro .right .list .item .txt h3{transition-duration:.4s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:5px;font-size:24px;color:#202020;font-family: 'Barlow-Bold';}
.list-pro .right .list .item .txt p{transition-duration:.4s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;color:#202020}
.list-pro .right .list .item:hover{box-shadow:0 0 10px rgba(0,0,0,.1);transform: translateY(-5px);}
.list-pro .right .list .item:hover .txt{background:#17924E}
.list-pro .right .list .item:hover .txt h3{color:#fff}
.list-pro .right .list .item:hover .txt p{color:#fff}
.list-pro .right .alt{color:#202020;font-size:36px;margin-bottom:25px;padding-bottom:13px;text-transform:uppercase;font-family: 'Barlow-Bold';border-bottom:1px solid #B7B7B7;}
.list-pro .right .body{padding-bottom:50px;font-size:18px;color:#202020;line-height:50px;}
.list-pro .right .body.flex p{width:calc(50% - 20px);border-bottom:1px dashed #000000;}
.list-pro .right .show_head{box-shadow: 0 0 10px rgba(0,0,0,.1);margin-bottom:50px;border-radius:15px;}
.list-pro .right .show_head .show_swiper{display:none;}
.list-pro .right .show_head .show_box .tupian_list{padding:0 25px;width:660px;background:#fff;;border-radius:15px 0 0 15px;}
.list-pro .right .show_head .show_box .tupian_list .datu{width:calc(100% - 90px);}
.list-pro .right .show_head .show_box .tupian_list .xiaotu{width:90px;padding-top:25px;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu li{transition-duration:.4s;width:90px;height:90px;margin-bottom:10px;border:1px solid #202020;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu li:hover{border-color:#17924E;}
.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:40px;display:flex;align-items: center;background:#202020;justify-content: center;}
.list-pro .right .show_head .show_box .tupian_list .xiaotu .btn a.pro_next img{transform: rotate(270deg);}
.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:#17924E}
.list-pro .right .show_head .show_box .info_list{border-radius:0 15px 15px 0;;width:calc(100% - 660px);background:#E5E5E5;padding:23px 30px 30px 30px;}
.list-pro .right .show_head .show_box .info_list .t h2{font-size:24px;font-family: 'Barlow-Bold';text-transform:uppercase;}
.list-pro .right .show_head .show_box .info_list .t h3{font-size:16px;margin-top:10px}
.list-pro .right .show_head .show_box .info_list .i{display:flex;align-items: center;border-top:1px solid #BEBEBE;border-bottom:1px solid #BEBEBE;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:#202020;color:#fff;}
.list-pro .right .show_head .show_box .info_list .i a:hover{border-radius:100%;background:#17924E}
.list-pro .right .show_head .show_box .info_list .m{margin-top:50px;padding:13px 18px 18px 18px;border:1px solid #A7A7A7;border-radius:8px;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);}
.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:8px;background:#17924E;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;}

.index-top{position: fixed;top:0;left:0;width:100%;z-index:9999;}

.index_swiper{position: relative;overflow: hidden;z-index:1;}
.index_swiper .swiper-slide .p{display:none;}
.index_swiper .swiper-slide{overflow: hidden;}
.index_swiper .paginations{width:100%;max-width:1560px;display:flex;position: absolute;left:50%;bottom:25%;transform: translateX(-50%);z-index:6;}
.index_swiper .paginations span{cursor: pointer;position: relative;;border-top:1px solid #FFFFFF;font-size:16px;color:#FFFFFF;max-width:250px;padding:30px 10px 10px;line-height:24px;display:block;}
.index_swiper .paginations span.active{border-color:#d70d19}
.index_swiper .paginations span.active::after {content: '';position: absolute;left: 0;z-index:9;top:-1px;width: 0%;height: 1px;background-color: #FFF;animation: fillWidth 6.5s linear forwards;}
@keyframes fillWidth {
0% {width: 0%;}
100% {width: 100%;}
}
.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:60px;}
.index_swiper .swiper-next{right:60px;}
.index_swiper .swiper-prev i{background:url(../images/ico44.png)}
.index_swiper .swiper-prev.swiper-button-disabled i{background:url(../images/ico43.png)}
.index_swiper .swiper-next i{background:url(../images/ico46.png)}
.index_swiper .swiper-next.swiper-button-disabled i{background:url(../images/ico45.png)}
.index_swiper .swiper-box{display:flex;font-size:18px;align-items: center;justify-content: center;position: absolute;bottom:40px;left:0;width:100%;z-index:999;height:15px;}
.index_swiper .swiper-box .wrap{display:flex;align-items: center;}
.index_swiper .swiper-box .swiper-pagination-progressbar{margin:0 15px;position: static;width:200px;height:2px;background:#202020;}
.index_swiper .swiper-box .swiper-pagination-progressbar-fill{background:#17924E}
.index_swiper .swiper-box .current{font-size:16px;color:#17924E;}

.index-type .hd{padding:70px 0;margin:0;text-align:center;}
.index-type .bd{display:flex;flex-wrap:wrap;}
.index-type .bd .item{width:calc(100% / 3 - 30px);margin:0 45px 45px 0}
.index-type .bd .item:nth-child(3n){margin-right:0;}
.index-type .bd .item .p{overflow: hidden;transition-duration:.4s;position: relative;overflow: hidden;background:#FFFFFF;padding:35px;border-radius:8px;}
.index-type .bd .item .p::after{content:"";transition-duration:.4s;border-radius:8px;background:#fff;width:100%;height:100%;position: absolute;left:0;top:100%;}
.index-type .bd .item .p img{max-height:275px;transition-duration:.4s;width:100%;position: relative;z-index:2;}
.index-type .bd .item .t{margin-top:30px;font-size:18px;color:#101010;transition-duration:.4s;}
.index-type .bd .item:hover .p{box-shadow: 0 0 10px rgba(0,0,0,.1);}
.index-type .bd .item:hover .p::after{top:0;background:#17924E;}
.index-type .bd .item:hover .t{color:#17924E;}

.index-pro{padding:0;}
.index-pro .hd{padding:50px 0;margin:0;text-align:center;}
.index-pro .hd p{max-width:900px;margin:0 auto;}
.index-pro .right{width:100%;}
.index-pro .right .list{margin-top:20px;}
.index-pro .more{background:#202020;width:175px;height:48px;border-radius:5px;margin:0 auto 70px;display:flex;align-items: center;justify-content:space-between;}
.index-pro .more .p{position: relative;overflow: hidden;;width:50px;height:100%;display:flex;align-items: center;justify-content: center;background:#17924E;border-radius:0 5px 5px 0;}
.index-pro .more .p::after{transition-duration:.5s;content:"";position: absolute;left:-100%;top:0;width:100%;height:100%;background:#202020;border-radius:0 5px 5px 0}
.index-pro .more:hover .p::after{left:0;}
.index-pro .more .p img{position: relative;z-index:2;}
.index-pro .more span{width:calc(100% - 50px);display:flex;position: relative;z-index:2;align-items: center;justify-content: center;font-size:16px;color:#FFFFFF}

.index-news{padding-bottom:30px;}
.index-news .hd{display:block;margin:0 auto;text-align:center;}
@media (max-width: 1920px){
.banner .location{bottom:23px;}
}
@media (max-width: 1620px){
.wrap{width:98%;max-width:100%;}
}
@media (max-width: 1400px){
.list-pro .right .show_head .show_box .tupian_list,.list-pro .right .show_head .show_box .info_list{width:100%}
}
@media screen and (max-width:992px) {
.list-pro .right .show_head .show_swiper{display:block !important;overflow: hidden;}
.wrap,.list-pro .right{width:100%;max-width:100%;}
.top,.header,.list-news .hd .menu,.footer .footer-top .menu,.banner .location,.list-pro .left,.list-pro .right .show_head .show_box .tupian_list{display:none}
.banner{padding:0;}
.title{font-size:32px;margin-bottom:10px;}
.list-news,.footer .footer-top,.main,.list-pro,.list-contact{padding:30px 10px;}
.list-news .hd{padding:0 0 30px 0;}
.list-news .content .body{font-size:14px;line-height:22px;}
.list-news .content .body p{margin-bottom:10px}
.list-news .content .btn{height:40px;width:100px;margin:20px auto 0;}
.list-news .content .title{padding:40px 0 20px;margin:0;}
.list-news .list .item{width:100%;margin:0 0 20px 0;}
.list-news .list .item .time{margin-bottom:5px;}
.list-news .list .item .txt h3{margin:10px 0;}
.list-news .list .item .btn{margin-top:10px;}
.index-form{height:auto;padding:40px 10px;}
.index-form h2{margin-bottom:20px;font-size:40px;line-height:40px;}
.index-form form{height:40px;max-width:100%}
.index-form form .btn{font-size:12px}
.footer .footer-top .txt{width:100%;}
.footer .footer-top .txt .logo{text-align:center;}
.footer .footer-top .txt .logo img{height:50px;}
.footer .footer-top .txt .p{font-size:14px;line-height:24px;margin:13px 0;}
.footer .footer-top .txt .ico{justify-content: center;}
.footer .footer-bottom{padding:20px 10px 60px}
.footer .footer-bottom p, .footer .footer-bottom p a{font-size:14px;}
.footer .footer-bottom .michuan{margin:15px auto 0;}
.list-download .alt{padding:0 0 25px 0;}
.list-download .list .item{margin-bottom:15px}
.list-download .list .item a{padding:12px}
.list-download .list .item .name .info h3{font-size:15px;}
.list-download .list .item .more{width:20%;justify-content: flex-end;}
.list-download .list .item .name .info p{padding-top:4px;}
.list-download .list .item .more .btn{margin-left:12px}
.list-pro .right .list .item{width:49%;margin:0 2% 15px 0 !important;}
.list-pro .right .list .item:nth-child(2n){margin-right:0 !important;}
.list-pro .right .list .item .txt{padding:8px 12px 15px 12px;}
.list-pro .right .list .item .txt h3{font-size:18px;}
.list-pro .right .list .item .txt p{font-size:12px;}
.list-pro .right .show_head{margin-bottom:25px;}
.list-pro .right .show_head .show_box .info_list{padding:12px;}
.list-pro .right .show_head .show_box .info_list .m{margin-top:0;}
.list-pro .right .body{padding-bottom:25px;font-size:14px;line-height:28px;}
.list-pro .right .body.flex p{width:100%;}
.list-pro .right .alt{font-size:26px;margin-bottom:12px;padding-bottom:8px;}
.list-contact .left{width:100%;}
.list-contact .right{width:100%;}
.list-contact .right .contact_box .item{padding:15px 0;justify-content:space-between;}
.list-contact .right .contact_box .flex .item{width:100%;}
.list-contact .right .contact_box .item .i{width:40px;justify-content: center;}
.list-contact .right .contact_box .item .i img{width:25px;}
.list-contact .right .contact_box .item .p{width: calc(100% - 50px);}
.list-contact .right .contact_box .item .p h3{font-size:14px;margin-bottom:0;}
.list-contact .right .form{margin-top:25px}
.list-contact .right .form input{padding:0 10px;margin-bottom:12px !important;height:40px;font-size:14px;}
.list-contact .right .form textarea{min-height:120px;padding:10px;margin-bottom:12px;}
.list-contact .right .flex .code_box{width:100%;}
.list-contact .right .flex .btn{width:120px;height:40px;margin:0 auto;}
.list-support .box{padding:40px 10px 25px;}
.list-support .box .left{width:100%}
.list-support .box .left .txt{position: static !important}
.list-support .box .left h2{margin:15px 0 30px;}
.list-support .box .right{width:100%;font-size:15px;line-height:26px;}
.list-support .box .right .txt p{margin-bottom:12px;}
.list-support .box .right .txt h3{font-size:32px;line-height:36px;margin-bottom:20px;}
.list-support .box .right .video{padding:25px 0;margin-top:25px;}
.list-support .box .right .form input, .list-support .box .right .form textarea{padding:12px;font-size:14px;}
.list-support .box .right .form textarea{min-height:120px}
.list-support .box .right .form .btn{height:40px;margin-top:12px;}
.list-about .hd{padding:20px 10px;}
.list-about .about{padding:0 10px 30px;margin-bottom:25px;}
.list-about .about .video{width:100%;margin-bottom:20px;}
.list-about .about .video .btn .i{padding:12px;}
.list-about .about .video .btn .i span{padding:12px;}
.list-about .about .body{width:100%;}
.list-about .about .body p{font-size:14px;line-height:24px;margin-bottom:12px;}
.list-about .title{padding:0 12px;}
.list-about .images .list{padding:24px 12px;}
.list-about .images .list .item{width:49%;margin:0 2% 15px 0 !important}
.list-about .images .list .item:nth-child(2n){margin-right:0 !important}
.list-about .history{padding:0 10px 30px;margin-bottom:30px}
.list-about .history .bd .txt{width:100%;}
.list-about .history .bd .txt h3{font-size:18px;margin:24px 0 12px;}
.list-about .history .bd .pic{width:100%;}
.list-about .market{padding:20px 10px;}
.list-about .market .box{margin-top:25px;}
.list-about .market .hd{padding:12px;font-size:18px;}
.list-about .market .bd .item{width:calc(100% / 4);border-top:0;border-right: 1px solid #D2D2D2 !important;border-bottom: 1px solid #D2D2D2 !important;}
.list-about .market .bd .item:nth-child(4n){border-right:0 !important;}
.list-about .market .bd .item .p{font-size:14x;}
.index_swiper{height:auto !important}
.index_swiper .swiper-prev, .index_swiper .swiper-next{display:none;}
.index_swiper .swiper-slide .p{display:block !important}
.index_swiper .swiper-box{bottom:10px;justify-content: center;}
.index_swiper .swiper-box .wrap{justify-content: center;}
.index-type .hd{padding:24px 12px;}
.index-type .bd{padding:0 12px}
.index-type .bd .item{width:49%;margin:0 2% 15px 0 !important}
.index-type .bd .item:nth-child(2n){margin-right:0 !important}
.index-type .bd .item .t{font-size:14px;margin-top:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.index-pro .hd{padding:0 10px 24px}
.index-pro .hd p{max-width:100%;font-size:14px;}
.index-pro .right .list .item{margin-right:10px !important}
.index-pro .right .list .item:nth-child(2n){margin-right:10px !important}
.index-pro .more{margin-bottom:30px;}
.list-about .about .video .btn{margin-top:24px;}
.list-about .about .video .btn h2{padding:0;}
.list-about .data{padding:0 10px 24px;}
.list-about .data .item{width:50%;border-right:0;}
.list-about .data .item .i{padding:0 0 12px 0;}
.list-about .data .item .i img{height:40px;}
.list-about .data .item .p{font-size:15px;margin-bottom:24px;}
.list-about .show{padding:0 10px 24px;}
.list-about .show .show_box{width:100%;}
.list-about .show .txt{width:100%;margin-top:12px;}
.list-about .show .txt .item{height:auto;padding:12px;}
.list-about .show .txt .item .i{width:80px;}
.list-about .show .txt .item .i i,.list-about .show .txt .item:nth-child(2) .i i,.list-about .show .txt .item:nth-child(3) .i i{width:40px;height:40px;background-size:100% 100%}
.list-about .show .txt .item.on .i i,.list-about .show .txt .item.on:nth-child(2) .i i,.list-about .show .txt .item:nth-child(3).on .i i{background-size:100% 100%}
.list-about .show .txt .item .p{width:calc(100% - 80px);}
.list-about .show .txt .item .p h3{font-size:20px;}
.list-about .show .txt .item .p p{font-size:14px;line-height:23px;}
.index-news{padding-top:0}
.list-news .hd .alt p{font-size:14px;line-height:22px;}
.list-news .list .item .txt h3{font-size:16px;line-height:24px;margin-bottom:0;}
.list-news .list .item .txt p{font-size:13px;line-height:23px;height:auto;}
}