@import "font-awesome.css";
@import "michuan.css";
@import "slick.css";
@import "animate.css";
@import "banner.css";
*{box-sizing:border-box}
.wrap{width:1400px;margin:0 auto;}
.flex{display: flex;flex-wrap:wrap;justify-content:space-between}
.list.flex{justify-content:flex-start;}
.main{padding:60px 0;}

.header{height:100px;background:#fff;position:sticky;top:0;z-index:9999999999;box-shadow:0 15px 30px rgb(0,0,0,.1);}
.header .logo{display:flex;align-items: center;}
.header .logo img{height:55px;}
.header .menu{align-items:center;}
.header .menu .item{margin-left:80px;position: relative;display:flex;align-items: center;height:100px;}
.header .menu .item h3 a{font-size:18px;color:#454545;}
.header .menu .item:first-child{margin-left:0;}
.header .menu .item:last-child{margin-left:60px;}
.header .menu .on:after{content:"";position: absolute;left:0;bottom:25px;background:#25C48C;width:100%;height:3px;}
.header .menu .on h3 a,.header .menu .item:hover h3 a{color:#25C48C}
.header .menu .item .sub{padding:0 10px;z-index:2;transform: scaleY(0);transform-origin: top;transition:transform 0.6s ease-in-out;transition-duration:.6s;position:absolute;top:100px;left:-25px;width:150px;border-top:3px solid #25C48C;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,0.1)}
.header .menu .item .sub a{display:block;padding:0 5px;border-bottom:1px solid #eee;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:15px;line-height:35px;}
.header .menu .item .sub a:last-child{border:0;}
.header .menu .item:hover .sub{transform: scaleY(1);}
.footer{padding:80px 0 50px;background:#F9F9F9}
.footer .logo{width:400px;display:flex;align-items: center;}
.footer .logo h3{font-size:21px;margin-top:15px}
.footer .wx{width:200px;display:flex;align-items: center;}
.footer .wx p{padding:11px;background:#fff;}
.footer .wx img{width:100%;}
.footer .menu{width: calc(100% - 600px);}
.footer .menu h3{font-size:20px;color:#000000;font-weight:bold;margin-bottom:35px;}
.footer .menu .item{width:25%}
.footer .menu .item .sub a{display:block;font-size:18px;color:#000000;font-weight:400;margin-bottom:15px;}
.footer .menu .item .sub a:hover{color:#19C186;padding-left:10px;}
.footer .menu .txt{width:50%}
.footer .menu .txt h4{font-family: 'Roboto-Black';color:#181818;font-size:34px;line-height:30px;margin-bottom:15px}
.footer .menu .txt p{color:#838383;font-size:16px;line-height:36px;}
.bottom{padding:30px 0;background:#19C186;}
.bottom p,.bottom p a{font-size:16px;color:#FFFFFF}
.bottom p a{margin-left:15px;}

.pc-menu{display:flex;justify-content: center;align-items: center;margin-bottom:60px;;}
.list-news ..pc-menu{margin-bottom:40px}
.pc-menu a{font-size:20px;display:flex;align-items:center;justify-content: center;margin-right:20px;color:#42484F;width:180px;height:50px;border:2px solid #42484F;border-radius:8px;}
.pc-menu a:last-child{margin-right:0;}
.pc-menu a.on,.pc-menu a:hover{background:#19C186;color:#fff;border-color:#19C186;}

.list-news .list .item{transition-duration:.6s;padding:40px 40px 50px 40px;border-radius:8px;width: calc(100% / 3 - 10px);margin-right:15px;margin-bottom:30px;}
.list-news .list .item:nth-child(3n){margin-right:0;}
.list-news .list .item:hover{box-shadow:0 5px 15px rgba(0,0,0,.1);}
.list-news .list .item .txt h3{font-size:22px;color:#393939;margin:40px 0 10px}
.list-news .list .item .txt p{font-size:16px;line-height:24px;color:#A6A6A6;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3}
.list-news .content{color:#000000;}
.list-news .content h1{font-size:24px;}
.list-news .content .time{display:flex;align-items:center;margin:20px 0 30px;}
.list-news .content .time span{font-size:14px;color:#333;}
.list-news .content .time .line{margin:0 10px;width:9px;height:9px;background:#19C186;}
.list-news .content .body{border-top:1px solid #F9F9F9;border-bottom:1px solid #F9F9F9;padding:20px 0;}
.list-news .content .body p{font-size:16px;line-height:26px;margin-bottom:10px;}
.list-news .content .more{padding-top:20px;}
.list-news .content .more .pege p,.list-news .content .more .pege p a{font-size:15px;line-height:24p;color:#111111;}
.list-news .content .more .pege p a:hover{color:#19C186}
.list-news .content .more .pege p{margin-bottom:10px;}
.list-news .content .more .back{align-items: center;width:100px;display:flex;height:35px;background:#19C186;justify-content: center;font-size:15px;color:#fff;;}
.list-news .content .more .back img{transition-duration:.5s;margin-right:5px}
.list-news .content .more .back:hover{border-radius:35px;}
.list-news .content .more .back:hover img{transform: rotate(180deg);}

.list-video .list .item{width:32%;margin:0 2% 50px 0;border-radius:0 0 8px 8px;background:#fff;box-shadow:0 5px 10px rgba(0,0,0,.1)}
.list-video .list .item:nth-child(3n){margin-right:0}
.list-video .list .item .pic{overflow:hidden;border-radius:8px 8px 0 0;position: relative;}
.list-video .list .item .pic img{border-radius:8px 8px 0 0;}
.list-video .list .item .pic .video{transition-duration:.5s;font-size:30px;opacity:.5;color:#fff;display:flex;justify-content:center;align-items:center;width:70px;height:70px;background:#25C48C;border-radius:70px;position: absolute;top:50%;left:50%;margin:-35px 0 0 -35px}
.list-video .list .item .txt{height:60px;display:flex;justify-content: center;align-items: center;}
.list-video .list .item .txt h3{font-size:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 10px;}
.list-video .list .item:hover .pic .video{opacity:1}

.list-contact .info{padding:10px;margin-bottom:60px;background:#fff;box-shadow:0 15px 30px rgba(0,0,0,.1);}
.list-contact .info .pic{width:55%;}
.list-contact .info .pic img{width:100%}
.list-contact .info .txt{width:45%;background:#D9342B;display:flex;padding:0 60px 0 80px;align-items: center;}
.list-contact .info .txt .item{margin-bottom:25px;}
.list-contact .info .txt .item p,.list-contact .info .txt .item p a{color:#fff;font-size:22px;font-weight:bold;line-height:42px;}
.list-contact .t{text-align:center;margin-bottom:40px;}
.list-contact .t h2{font-size:48px;color:#000000;font-weight:bold}
.list-contact .t p{font-size:18px;color:#626262   ;margin-top:16px;}
.list-contact .form .form-box input{width: calc(100% /2 - 25px);height:60px;display:flex;padding:0 25px;align-items: center;background:#F3F3F3;color:#1B1B1B;margin:0 50px 30px 0;}
.list-contact .form .form-box input:nth-child(2n){margin-right:0;}
.list-contact .form .form-box textarea{padding:25px;min-height:170px;background:#F3F3F3;color:#1B1B1B;width:100%;}
.list-contact .form .form-box .btn{display:flex;overflow:hidden;position: relative;width:320px;height:47px;margin-top:40px;background:#EEEEEE;cursor: pointer;}
.list-contact .form .form-box .btn .i{position:absolute;z-index: 2;;transition-duration:.5s;height:100%;display:flex;width:72px;justify-content: center;align-items: center;background:#25C48C;}
.list-contact .form .form-box .btn .i p{font-size:16px;color:#fff;margin-left:10px;display:none;}
.list-contact .form .form-box .btn span{transition-duration:.5s;position: absolute;z-index:1;left:72px;;width: calc(100% - 72px);display:flex;justify-content: center;align-items: center;height:100%;color:#202020;;}
.list-contact .form .form-box .btn:hover .i{width:100%}
.list-contact .form .form-box .btn:hover .i p{display:block}
.list-contact .form .form-box .btn:hover span{left:100%}

.list-product .list .item{width: calc(100% / 3 - 40px);border-radius:10px;margin:0 60px 60px 0;background:#fff;box-shadow: 0 15px 30px rgb(0,0,0,.1);}
.list-product .list .item:nth-child(3n){margin-right:0;}
.list-product .list .item .pic{border-radius:10px 10px 0 0;}
.list-product .list .item .pic img{border-radius:10px 10px 0 0;}
.list-product .list .item .txt{padding:35px 10px;font-weight:100;color:#080808;font-size:25px;text-align:center;border-radius:0 0 10px 10px;}
.list-product .list .item .txt p{transition-duration:.5s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.list-product .list .item .txt p:nth-child(2){margin-top:5px;}
.list-product .list .item:hover .txt p{color:#19C186}

.show_product .hd{align-items: center;}
.show_product .hd h1{font-size:25px;color:#080808;font-weight:bold}
.show_product .hd h1 span{color:#393939;font-size:25px;font-weight:normal;margin-left:20px;}
.show_product .hd .more a{width:55px;border:1px solid #E2E2E2;color:#000;;display:flex;align-items: center;justify-content: center;font-size:18px;text-align:center;height:55px;margin-right:10px;}
.show_product .hd .more a.explain{width:255px;background:#19C186;border-color:#19C186;color:#fff;margin:0;}
.show_product .hd .more a.explain:hover{border-radius:30px}
.show_product .hd .more a:hover{background:#19C186;border-color:#19C186;color:#fff}
.show_product .show{padding:30px 0 20px 0;}
.show_product .show .img_list{width:650px;z-index: 99;}
.show_product .show .img_list .datu{width: calc(100% - 110px);}
.show_product .show .img_list .datu img{width:100%}
.show_product .show .img_list .xiaotu{width:80px}
.show_product .show .img_list .xiaotu li{margin-bottom:5px;width:80px;height:80px;display:flex}
.show_product .show .img_list .xiaotu li a{border:1px solid #E1E1E1;width:100%;height:100%;display:flex;align-items: center;justify-content: center}
.show_product .show .img_list .xiaotu li a img{width:100%;height:100%;}
.show_product .show .img_list .xiaotu .btn a{width:50%;color:#fff;background:#C9C4C1;text-align:center;font-size:25px;height:30px;line-height:30px;cursor: pointer;;display:flex;align-items: center;justify-content: center;}
.show_product .show .img_list .xiaotu .btn a:hover{background-color: #25C48C;}
.show_product .show .txt{width: calc(100% - 740px);color:#000000}
.show_product .show .txt h2{padding:20px 0;font-size:27px;color:#080808;font-weight:bold;}
.show_product .show .txt p{font-size:16px;line-height:28px;color:#080808;font-weight:bold;margin-bottom:20px;}
.show_product .show .txt .ico{display:flex;margin-top:40px;}
.show_product .show .txt .ico a{display:flex;margin-right:10px;font-size:20px;justify-content: center;align-items: center;width:50px;height:50px;border:1px solid #7C7C7C;text-align:center;;}
.show_product .show .txt .ico a.message_btn{width:170px;background:#343531;color:#fff;border-color:#343531;font-size:16px;}
.show_product .show .txt .ico a:hover{border-color:#19C186;background:#19C186;border-radius:30px;color:#fff}

.list-about-body h2{text-align:center;font-size:100px;color:#25C48C;font-family: 'Roboto-Black';margin-bottom:40px;}
.list-about-body p{font-size:19px;line-height:56px;margin-bottom:20px;}
.list-about-data{padding:35px 0 45px 0;background:#25C48C;}
.list-about-data .item{width:25%;color:#fff;display:flex;justify-content: center;align-items: center;}
.list-about-data .item h3{transition-duration:.5s;display:inline-block;font-size:68px;font-family: 'Roboto-Black';position: relative;}
.list-about-data .item h3:before{font-size:18px;position: absolute;right:-30px;top:5px;}
.list-about-data .item:nth-child(1) h3:before{content:"年"}
.list-about-data .item:nth-child(2) h3:before{content:"㎡"}
.list-about-data .item:nth-child(3) h3:before{content:"员"}
.list-about-data .item:nth-child(4) h3:before{content:"个"}
.list-about-data .item p{font-size:22px;margin-top:10px}
.index-about-data{background:#fff;}
.index-about-data .item{color:#212121;}
.index-about-data .item:hover h3{color:#19C186;}
.list-about-images .t{font-size:60px;color:#101010;font-weight:bold;text-align:center;margin-bottom:40px;}
.list-about-images .list{padding-bottom:50px}
.list-about-images .list .item{width:32%;margin:0 2% 30px 0;}
.list-about-images .list .item .txt{font-size:20px;color:#111111;text-align:center;padding-top:20px;}
.list-about-images .list:last-child{padding-bottom:0;}
.list-about-images .list:last-child .item{width: calc(100% / 3 - 30px);margin:0 45px 30px 0;}
.list-about-images .list .item:nth-child(3n){margin-right:0 !important}

.index-service{color:#fff;;height:447px;background:url(../images/bg.jpg) no-repeat center;display:flex;justify-content: center;text-align: center;align-items: center;}
.index-service h2{font-size:58px;font-weight:bold;}
.index-service p{font-size:40px;margin:14px 0 25px;}
.index-service a{background: linear-gradient(to right, #01E9BD, #32C2CB);width:230px;margin:0 auto;color:#fff;font-size:20px;height:60px;display:flex;justify-content: center;align-items: center;;}
.index-service a:hover{background: linear-gradient(to left, #01E9BD, #32C2CB);border-radius:40px}

.index-advantage{background:#FFFFFF;padding:80px 0;}
.index-advantage .item{transition-duration:.5s;flex:1;padding:80px 40px 40px 40px;color:#242424}
.index-advantage .item h2{font-size:37px;font-weight:500;}
.index-advantage .item h3{font-size:28px;font-weight:100;padding:30px 0 20px;}
.index-advantage .item p{font-size:16px;line-height:24px;}
.index-advantage .item .pic{padding:45px 0 30px;}
.index-advantage .item a{width:70px;height:70px;display:flex;justify-content: center;align-items: center;border-radius:70px;;}
.index-advantage .item:hover{box-shadow: 0 15px 30px rgb(0,0,0,.1);border-bottom:4px solid #939393;}
.index-advantage .item:hover a{background:#19C186;}

.index-type{background:#F6F7FA;padding:80px 0;}
.index-type .hd{margin-bottom:45px;}
.index-type .hd h2{color:#3B3B3B;font-size:48px;}
.index-type .bd .item{width:calc(50% - 20px)}
.index-type .bd .item a{display:block;position: relative;color:#fff;}
.index-type .bd .item .txt{position: absolute;left:0;top:0;width:100%;height:100%;padding:60px 40px 0;}
.index-type .bd .item .txt h3{font-size:38px;font-weight:100;margin-bottom:5px;}
.index-type .bd .item .txt p{font-size:18px;line-height:32px;}
.index-type .bd .item .txt img{margin-top:30px}

.index-video{height:346px;background:url(../images/pro_bg.jpg);display:flex;justify-content: center;text-align: center;align-items: center;}
.index-video h2{font-size:45px;line-height:70px;color:#fff;font-weight:100;}
.index-video .btn{transition-duration:.6s;cursor: pointer;margin-top:25px;}
.index-video .btn:hover{transform: rotate(360deg);}

.index-banner{position:relative;overflow:hidden}
.index-banner .slider-nav{height:110px;width:600px;bottom:70px;left:50%;margin-left:-300px;position:absolute;}
.index-banner .slider-nav span{ text-transform:uppercase;height:110px;width:200px !important;font-size:18px;line-height:22px;color:#fff;text-align:center;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;cursor:pointer;}
.index-banner .slider-nav .slick-current{background:#19C186;}
.index-banner .slider-nav .slick-track{transform:none !important}

.index-about{padding:100px 0 60px;}
.index-about .hd{color:#212121;width:360px;display:flex;flex-wrap:wrap;align-content:space-between;}
.index-about .hd div{width:100%;}   
.index-about .hd h2{font-size:70px;font-family: 'Roboto-Black';}
.index-about .hd h3{font-size:48px;font-family: 'Roboto-Black';}
.index-about .hd .line{width:60px;height:10px;background:#19C186;margin:47px 0 50px 0;}
.index-about .hd h4{font-size:38px;font-weight:bold;}
.index-about .bd{width:calc(100% - 360px)}
.index-about .bd .txt p{color:#555555;font-size:16px;line-height:30px;margin-bottom:15px;}
.index-about .bd .pic{padding:10px;margin-top:40px;border-radius:5px;box-shadow: 0 5px 10px rgba(0,0,0,0.1);;}
.index-about .bd .pic img{width:100%;}

.index-product .bd .box{display:flex !important;padding:20px}
    
@media (max-width: 1400px){
    .main{padding:40px 0}
    .wrap{width:98%;}
    .header .menu .item{margin-left:40px;}
    .list-contact .info .txt .item p, .list-contact .info .txt .item p a{font-size:18px;line-height:38px;}
}

@media screen and (max-width:992px) {
    .index-advantage,.index-type,.main{padding:30px 10px}
    .index-about .hd,.index-about .bd,.show_product .show .txt,.show_product .hd .more,.list-contact .info .pic,.list-contact .info .txt,.footer .box,.footer .menu .txt,.footer .logo,.footer .menu,.footer .wx,.wrap{width:100%}
    .index-about .hd .hd-m,.click_qrcode,.index-banner .slider-nav,.img_list,.footer .menu .item,.pc-menu,.header{display:none !important }
    .show-banner{display:block !important;width:100% !important;overflow:hidden;}
    .list-news .list .item{width:100%;margin:0 0 15px 0 !important;padding:10px;}
    .list-news .list .item .txt h3{font-size:18px;margin:10px 0;}
    .list-news .list .item .txt p{font-size:14px;line-height:22px;}
    .list-news .content .time{margin:10px 0;}
    .list-news .content .more .back{margin:20px auto 0;}
    .footer{padding:40px 10px 20px;}
    .footer .logo{text-align:center;}
    .footer .logo img{height:50px}
    .footer .logo h3{font-size:15px;margin-top:5px;}
    .footer .menu h3{margin:20px 0;}
    .footer .wx{justify-content: center;}
    .bottom{padding:20px 10px 60px;}
    .bottom .mc{margin:20px auto 0;}
    .list-about-body h2{font-size:50px;margin-bottom:20px;}
    .list-about-body p{font-size:16px;line-height:28px;}
    .list-about-data{padding:40px 10px 15px 10px}
    .list-about-data .item{width:50%;justify-content:flex-start;margin-bottom:20px;}
    .list-about-data .item h3{font-size:38px}
    .list-about-data .item p{font-size:18px;margin-top:0}
    .list-about-images .t{font-size:38px;margin-bottom:20px;}
    .list-product .list,.list-about-images .list{justify-content: space-between;}
    .list-about-images .list .item{width:48% !important;margin:0!important;margin-bottom:15px !important}
    .list-about-images .list .item .txt{font-size:14px;padding-top:10px}
    .list-contact .t{margin-bottom:20px}
    .list-contact .t h2{font-size:34px;}
    .list-contact .info .txt{padding:20px 10px}
    .list-contact .info .txt .item{margin:0;}
    .list-contact .info .txt .item p, .list-contact .info .txt .item p a{font-size:16px;line-height:30px;font-weight:normal;}
    .list-contact .t p{font-size:14px;}
    .list-contact .form .form-box input{width:100%;height:45px;margin:0 0 10px 0;}
    .list-contact .form .form-box .btn{width:100%;margin:10px 0;}
    .list-product .list .item{width:49%;margin:0 0 10px 0;}
    .list-product .list .item .txt{padding:15px 10px;font-size:14px;font-weight:400;}
    .list-video .list .item{width:100%;margin:0 0 15px 0;}
    .list-video .list .item .txt{height:45px;font-size:14px;}
    .show_product .hd h1{font-size:18px}
    .show_product .hd h1 span{font-size:16px;}
    .show_product .hd .more{justify-content: flex-start;margin-top:20px;}
    .show_product .hd .more a{height:40px}
    .show_product .hd .more a.explain{width:auto;padding:0 20px;font-size:15px;}
    .index-about{padding:30px 10px 0;}
    .index-about .hd h2{font-size:40px;}
    .index-about .hd h3{font-size:28px;}
    .index-about .hd .line{margin:15px 0;}
    .index-about .hd h4{font-size:22px;margin-bottom:20px}
    .index-about .bd .txt p{font-size:15px;line-height:25px;margin-bottom:10px;}
    .index-about .bd .pic{margin-top:20px;padding:5px}
    .index-video{height:auto;padding:40px 0;}
    .index-video h2{font-size:22px;line-height:30px}
    .index-type .hd{margin-bottom:15px}
    .index-type .hd h2{font-size:28px}
    .index-type .bd .item{width:100%;margin-bottom:10px;}
    .index-type .bd .item .txt{padding:20px 0 0 20px}
    .index-type .bd .item .txt h3{font-size:22px}
    .index-type .bd .item .txt p{font-size:14px;line-height:24px;}
    .index-type .bd .item .txt img{margin-top:10px}
    .index-advantage .wrap{overflow-x:auto;flex-wrap:nowrap}
    .index-advantage .item{width:100%;flex:none;padding:10px;box-shadow: 0 15px 30px rgb(0,0,0,.1);}
    .index-advantage .item a{background:#19C186;}
    .index-advantage .item h2{font-size:24px}
    .index-advantage .item h3{font-size:18px;padding:15px 0;}
    .index-advantage .item p{font-size:15px;line-height:24px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
    .index-advantage .item .pic{padding:10px 0;}
    .index-service{padding:50px 10px;height:auto;}
    .index-service h2{font-size:38px}
    .index-service p{font-size:20px;margin:10px 0 20px;}
    .index-service a{border-radius:30px}
    .index-product .bd .box{padding:10px;}
}