@charset "utf-8";

.banner-container{width:102%;position:relative}
@import url(jquery.fullPage.css);
.banner{width:100%}
.banner-picwords{width:100%}
.banner-pic{width:100%;height:100vh;overflow:hidden}
.banner-pic video{width:100%;height:100%;object-fit:cover; outline: none} 
.banner-pic img{width:101%;height:100%;object-fit:cover}
.banner-pic img{width:101%;height:100%;object-fit:cover;transform:matrix(1.0,0,0,1.0,0,0);-webkit-transition:all 0.4s ease 1.2s;-moz-transition:all 0.4s ease 1.2s;-ms-transition:all 0.4s ease 1.2s;-o-transition:all 0.4s ease 1.2s;transition:all 0.4s ease 1.2s}
.swiper-slide-active .banner-pic img{
/*    transition-delay:0.4s !important;transform:matrix(1,0,0,1,0,0);-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-ms-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease*/
}
.banner-pic .banner-pc{display:block}
.banner-pic p{ width: 90%; margin: 0 auto;text-shadow: #000 0px 2px 10px;text-align: center;left:4% }
.banner-pic p.p1{position: absolute; top:46.5%;color: #fff; font-size: 56px; font-weight: bold;  }
.banner-pic p.p2{position: absolute; top:42%;color: #fff; font-size: 30px; font-weight: bold;}
.banner-pic p.p3{position: absolute; top:55%;color: #fff; font-size: 40px; font-weight: bold; }
.banner-pic p.p4{position: absolute; top:55%;color: #fff; font-size: 30px;font-weight: bold; }

.bannerbt{position: absolute; bottom:5%; left: 15%; z-index: 99; width: 70%; margin:0 auto; background: rgba(255,255,255,0.2);text-align: center; padding: 20px 45px; border-radius: 10px;} 
.bannerbt ul li{width: 15%; float: left; margin:0 1.5%;color: #fff;font-size:14px;padding: 10px 25px; }
.bannerbt ul li h5 span{font-weight: bold;font-size:30px; color: #fff}
.bannerbt ul li:hover{background: none}
.bannerbt ul li:first-child {width: 25%; }
/*.bannerbt ul li:first-child h5 span{font-size:24px;}*/
.bannerbt ul li:nth-child(3){background: rgba(180, 21, 21, 0.7);border-radius: 10px; }


@media screen and ( max-width:1000px){
/*    .banner-container{ padding-top: 60px;}*/
.banner-pic p{ width: 90%; margin: 0 auto;}
.banner-pic p.p1{position: absolute; top: 52%;color: #fff; font-size: 40px; font-weight: bold; text-align: center}
.banner-pic p.p2{position: absolute; top: 48%;color: #fff; font-size: 20px; text-align: center}
.banner-pic p.p3{position: absolute; top: 59%;color: #fff; font-size: 30px; font-weight: bold;text-align: center}
.banner-pic p.p4{position: absolute; top: 70%;color: #fff; font-size: 16px;text-align: center }
    .banner-pic img{height:100vh;object-fit:cover}
    .banner-pic img{height:100vh;object-fit:cover;transform:matrix(1.0,0,0,1.0,0,0);-webkit-transition:all 0.4s ease 1.2s;-moz-transition:all 0.4s ease 1.2s;-ms-transition:all 0.4s ease 1.2s;-o-transition:all 0.4s ease 1.2s;transition:all 0.4s ease 1.2s}
}
@media screen and ( max-width:768px){
    .banner-pic p{ width: 90%; margin: 0 auto;}
	.banner-pic p.p1{position: absolute; top: 48%; right: 13%; color: #fff; font-size: 36px; width: 50%; font-weight: bold;}
	.banner-pic p.p2{position: absolute; top: 44%; right: 13%; color: #fff; font-size: 20px; width: 50%;}
	.banner-pic p.p3{position: absolute; top: 55%; right: 13%; color: #fff; font-size: 24px; width: 40%; font-weight: bold;}
	.banner-pic p.p4{position: absolute; top: 51%; right: 13%; color: #fff; font-size: 12px; width: 40%;}
	.banner .swiper-pagination{bottom: 5px;}
    .banner-pic img{height:100vh;object-fit:cover}
.banner-pic img{height:100vh;object-fit:cover;transform:matrix(1.0,0,0,1.0,0,0);-webkit-transition:all 0.4s ease 1.2s;-moz-transition:all 0.4s ease 1.2s;-ms-transition:all 0.4s ease 1.2s;-o-transition:all 0.4s ease 1.2s;transition:all 0.4s ease 1.2s}
    

    
}
@media screen and ( max-width:640px){
    
	.banner-pic p{ width: 100%; margin: 0 auto; text-align: center; left: 0px;}
    .banner-pic p.p1{position: absolute; top: 46%;color: #fff; width: 100%;font-size: 30px; font-weight: bold; text-align: center}
    .banner-pic p.p2{position: absolute; top: 40%;color: #fff; width: 100%;font-size: 22px; text-align: center}
    .banner-pic p.p3{position: absolute; top: 53%;color: #fff; width: 100%;font-size: 21px; font-weight: bold;text-align: center}
    .banner-pic p.p4{position: absolute; top: 56%;color: #fff; width: 100%;font-size: 18px;text-align: center;width: 100%; }
    .banner-pic img{width:100%;height:100%;object-fit:cover}
	.banner .swiper-pagination{bottom: 5px;}
    .banner-pic img{height:100vh;;object-fit:cover}
.banner-pic img{height:100vh;object-fit:cover;
/*
    transform:matrix(1.0,0,0,1.0,0,0);
    -webkit-transition:all 0.4s ease 1.2s;
    -moz-transition:all 0.4s ease 1.2s;
    -ms-transition:all 0.4s ease 1.2s;
    -o-transition:all 0.4s ease 1.2s;
    transition:all 0.4s ease 1.2s;    
*/
    margin-top: 50px;
    }
}

.fp-tableCell {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.banner-words{position:absolute;width:100%;left:0;top:45%;transform:translate(0,-50%);z-index:2;text-align:center}
.banner-words h4{font-size:44px;color:#fff;font-family:' AlibabaPuHuiTi';font-weight:bold}
.banner-words h5{font-size:18px;color:#fff;font-family:' AlibabaPuHuiTi';margin-top:20px}
.banner-words h5 span{border:1px solid #fff;padding:6px 35px;border-radius:30px;margin:0 10px;display:inline-block}
.swiper-slide-active .banner-words h4{animation:bannerWordsdown 1.2s ease both 600ms}
.swiper-slide-active .banner-words h5{animation:bannerWordsup 1.2s ease both 900ms}
.banner-prev,.banner-next{position:absolute;z-index:4;top:50%;width:40px;height:60px;margin-top:-30px;cursor:pointer;user-select:none;transition:all .3s ease-in-out}
.banner-prev{left:15px;background:rgba(0,0,0,.3) url(' banl.png') no-repeat center center}
.banner-next{right:15px;background:rgba(0,0,0,.3) url(' banr.png') no-repeat center center}
.banner-prev:hover,.banner-next:hover{background-color:rgba(0,129,204,1)}
.banner .swiper-pagination{bottom:20px}
.banner .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#fff;opacity:0.8;vertical-align:middle;position:relative}
.banner .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #fff;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0;transform:scale(0);transition:all .5s}
.banner .swiper-pagination-bullet-active{opacity:0}
.banner .swiper-pagination-bullet-active:after{opacity:0;transform:scale(1)}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px}
.products-container{width:100%;padding:80px 0 50px 0}
.products{width:1600px;margin:0 auto}
.pro_pic{width:100%;margin-top:40px}
.pro_list{width:100%;height:auto;padding:3%;padding-bottom:0;background:#f5f5f5;border-radius:5px;overflow:hidden;transition:all .4s ease-out}
.pro_list .img{width:100%;padding-top:75%;position:relative;overflow:hidden}
.pro_list .img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .4s ease-out}
.pro_list .text{width:100%;padding:0 5px;overflow:hidden}
.pro_list .text h5{line-height:50px;color:#444;font-size:16px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .4s ease-out}
.pro_list:hover{background:#2fc16e}
.pro_list:hover .img img{transform:scale(1.1)}
.pro_list:hover .text h5{color:#fff}

.pro_pic .swiper-container{padding-bottom:50px!important}
.pro_pic .swiper-pagination{bottom:10px}
.pro_pic .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#2fc16e;opacity:0.8;vertical-align:middle;position:relative}
.pro_pic .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #2fc16e;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0;transform:scale(0);transition:all .5s}
.pro_pic .swiper-pagination-bullet-active{opacity:1}
.pro_pic .swiper-pagination-bullet-active:after{opacity:1;transform:scale(1)}
.pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px}

.about-wbox{width:100%;padding:80px 0 40px 0;}
.about{width:1800px;margin:0 auto}
.about_content{width:100%;margin-top:0px}
.about_content .about_kr_text{padding-top:30px;color:#ffffff;font-size:16px;line-height:2.0;text-align:left; width: 690px; margin-left: 100px; }


.about_content ul.abqita{width:800px;height:auto;overflow:hidden; margin: 40px auto 0px 100px;}
.about_content ul li{width:18.3333%;float:left;/* border-right:1px dashed #b4d6f6; */text-align:center; padding:12px 0px 11px 0px; margin: 0px 10px;transition:all .3s ease-in-out;background: rgba(255,255,255,0); }
/* .about_content ul li:first-child{background: #0084D9;}
.about_content ul li:nth-child(2){background: #FF7200;}
.about_content ul li:last-child{background: #2FC16E;} */
.about_content ul li h5{color:#fff;font-family:'AlibabaPuHuiTi'; margin: 0px;font-size:18px; }
.about_content ul li h5 span{font-size:66px;}
.about_content ul li h5 img{width: 60px;}
.about_content ul li:hover{background: rgba(255,255,255,0.2); border-radius: 15px;}
.about_content ul li h5 span{font-size:55px;color:#fff;font-family:'AlibabaPuHuiTi'}
.about_content ul li h6{font-size:16px;color:#fff}
.about_content ul li h6 img{width: 16px;}
.about_content ul li:last-child{border-right:0px}



.video_click{display:block;width:100%;height:auto;overflow:hidden;margin:40px 0;cursor:pointer}
.video_click h5{width:82px;height:82px;overflow:hidden;margin:0 auto}
.video_click h6{font-size:16px;color:#fff;text-align:center;padding-top:10px}
.video_click h6 span{border-bottom:1px solid #fff;display:inline-block}

.shuzi{width: 43%; position: absolute; top: 20%; right:10%;}
.shuzi ul li{width: 22%; float: left;}
.shuzi ul li h5 span{font-weight: bold}
.shuzi ul li:hover{background: none}

@keyframes bounce {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

.bouncy-number {
  display: inline-block;
  animation: bounce 1s infinite alternate;
}




.case-container{width:100%;background-size:cover!important;height:100%;background-position:center!important;padding:80px 0 50px}
.case{width:1600px;margin:0 auto}
.case-center{width:100%;height:auto;margin-top:50px}
.case-center .swiper-container{padding-bottom:50px!important}
.case-center .swiper-pagination{bottom:10px}
.case-center .swiper-pagination-bullet{width:6px;height:6px;display:inline-block;border-radius:100%;background:#fff;opacity:0.8;vertical-align:middle;position:relative;transition:all .5s}
.case-center .swiper-pagination-bullet:after{content:"";width:20px;height:20px;position:absolute;left:50%;top:50%;background:transparent;border:2px solid #fff;border-radius:100%;margin-top:-10px;margin-left:-10px;opacity:0;transform:scale(0);transition:all .5s}
.case-center .swiper-pagination-bullet-active{opacity:1}
.case-center .swiper-pagination-bullet-active:after{opacity:1;transform:scale(1)}
.case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 16px}
.case_list{width:100%;height:auto;overflow:hidden}
.case_list ul{margin-left:-2%}
.case_list ul li{width:23%;margin-left:2%;background-color:#fff;border-radius:3px;margin-bottom:2%;overflow:hidden;padding:15px;float:left}
.case_list ul li .img{width:100%;padding-top:75%;position:relative;overflow:hidden}
.case_list ul li .img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .4s ease-out}
.case_list ul li:hover .img img{transform:scale(1.1)}
.case_list ul li .text{width:100%;height:auto;padding:15px 0 5px 0;overflow:hidden}
.case_list ul li .text h5{height:30px;line-height:30px;font-size:16px;color:#444;padding-right:19px;background:url(" pro_jian4.png") right no-repeat;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .4s ease-out}
.case_list ul li .text h6{line-height:30px;font-size:14px;color:#999;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding-top:5px}
.case_list ul li:hover .text h5{color:#2fc16e;background:url(" pro_jian5.png") right no-repeat}
.case_list ul li:first-child{width:48%}
.news-container{width:100%;padding:80px 0 80px 0;   /* background: #f6f9fa;*/}
.news{width:1800px;margin:0 auto}
.news-title{width:100%;height:auto;overflow:hidden;text-align:center;margin-top:20px}
.news-title ul li{display:inline-block;font-size:16px;color:#fff;font-weight:normal;padding:0 20px;cursor:pointer;transition:all .4s ease-out; margin: 0px 5px; border: #fff solid 1px;padding:5px 15px; border-radius: 30px;font-size:18px;}
.news-title ul li:hover/*.news-title ul li.cur*/{color:#fff; background: #00A950; border: #00A950 solid 1px;padding:5px 15px; border-radius: 30px;font-size:18px;}
.news-title ul a{text-align:center;padding:0 20px;font-size:16px;color:#fff;font-weight:normal}
.news-title ul a:hover{color:#fff}
/*.news-list{display:none}*/
.news-list.active{display:block;animation:hideIndex .5s;-moz-animation:hideIndex .5s;-webkit-animation:hideIndex .5s;-o-animation:hideIndex .5s}
.news-center{width:100%;margin-top:50px;/* overflow:hidden */}
.news-left{width:33%;float:left;height:auto;overflow:hidden;/* padding-right:10px; */box-shadow: 0px 0 20px 0px rgba(7, 70, 146, 0.11); border-radius: 10px;}
.news-left .img{width:100%;height:246px;overflow:hidden}
.news-left .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out}
.news-left:hover .img img{transform:scale(1.1)}
.news-left .text{width:100%; background:rgba(255, 255, 255, 0.2);padding:30px 30px;position:relative}
.news-left .text h5{font-size:18px;color:#fff;padding-right:100px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:30px;line-height:30px;margin-bottom: 15px; transition:all .4s ease-out; font-weight: bold}
.news-left .text h6{font-size:14px;color:#fff;line-height:24px;padding-right:100px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2}
.news-left:hover .text h5{color:#fff}
.news-left:hover .text{background: #3071b7;}
.news-time{width:90px;height:90px;/*background-color:#2fc16e*/;padding:8px;font-size:38px;color:#fff;text-align:center;position:absolute;right:30px;top:30px; border: rgba(255,255,255,0.6) solid 1px;}
.news-time span{display:block;font-size:12px;color:#fff;text-align:center}
.news-right{width:67%;float:left;overflow:hidden;}
.news-right ul li{ float: left; width:46.33%;height:auto; margin: 0% 0 3% 3%; background:rgba(255, 255, 255, 0.2);overflow:hidden;box-shadow: 0px 0 20px 0px rgba(7, 70, 146, 0.11);transition:all .4s ease-out; padding: 20px; border-radius: 10px}
/*.news-right ul li:last-child{margin-bottom:0px;}*/
.news-right ul li .text{width:100%;float:left;overflow:hidden;}
.news-right ul li .text h4{font-size:18px;color:#fff;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight: bold;}
.news-right ul li .text h5{font-size:14px;color:#fff;line-height:30px;height:60px;overflow:hidden;display:-webkit-box;text-overflow:ellipsis;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin:15px 0}
.news-right ul li .text h6{font-size:14px;color:#fff;font-family:'AlibabaPuHuiTi'}
.news-right ul li:hover{background: #3071b7;color:#fff }
.news-right ul li:hover .text h4,.news-right ul li:hover .text h5,.news-right ul li:hover .text h6{color:#fff}
.news-right ul li .img{width:34%;float:left;height:146px;overflow:hidden}
.news-right ul li .img img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out}
.news-right ul li:hover .img img{transform:scale(1.1)}

.news-video{width:100%;margin-top:50px;overflow:hidden}
.news-video ul{margin-left:-2%}
.news-video ul li{margin-left:2%;float:left;margin-bottom:2%;position:relative;height:319px;width:31.333%;overflow:hidden}
.news-video ul li img{width:100%;height:100%;object-fit:cover;transition:all .4s ease-out}
.news-video ul li:hover img{transform:scale(1.1)}
.news-video ul li i{position:absolute;width:42px;height:42px;left:50%;top:50%;margin-left:-21px;margin-top:-21px;background:url(" video2.png") no-repeat center center}
.news-video ul li p{position:absolute;width:100%;font-size:20px;color:#fff;bottom:1px;text-align:center}
.news-more{width:190px;border-radius:30px;height:52px;line-height:52px;color:#fff;font-size:16px;margin:0 auto;margin-top:30px;transition:all .4s ease-out; border: #fff solid 1px;text-align:center;}
.news-more:hover{background-color:#6FB92C;border: #6FB92C solid 1px;} 
.news-more a{}

@media all and (max-width:1600px){.products{width:92%}
.about{width:92%}
.case{width:92%}
.news{width:92%}
.products-container,.core_container,.news-container{padding:80px 0 60px 0}
.core_list .img{height:300px}
.news-video ul li{height:290px}
.bannerbt{position: absolute; bottom:5%; left: 10%; z-index: 99; width: 80%; margin:0 auto; background: rgba(255,255,255,0.2);text-align: center; padding: 20px 45px; border-radius: 10px;} 
.bannerbt ul li{width: 15%; float: left; margin:0 1.5%;color: #fff;font-size:14px;padding: 10px 25px; }
.bannerbt ul li h5 span{font-weight: bold;font-size:30px; color: #fff}
.bannerbt ul li:hover{background: none}
.bannerbt ul li:first-child {width: 25%; }  
/*.bannerbt ul li:first-child h5 span{font-size:24px;}*/

}
@media all and (max-width:1599px){
    .about_content ul li h5 span{font-size:80px}
.core_list .img{height:265px}
.news-left .img{height:219px}
.news-right ul li{padding:22px}
.news-right ul li .img{height:141px}
.news-video ul li{height:260px}
    .shuzi{width: 43%; position: absolute; top: 20%; right:2%;}
.shuzi ul li{width:21%; float: left;}
    .shuzi ul li h5 span{font-weight: bold; font-size:40px;}
    .shuzi ul li h6{font-size: 14px;}
.shuzi ul li:hover{background: none}
}
@media all and (max-width:1439px){
    .products-container{padding:80px 0 50px 0}
.about_content ul li h5 span{font-size:60px}
.about_content ul li h6{font-size:16px}
.products-container,.core_container,.news-container{padding:50px 0}
.core_list .img{height:250px}
.core_list .text h6{font-size:14px;font-weight:normal}
.news-title ul li{padding:0 15px}
.news-title ul a{padding:0 15px}
.news-video ul li{height:246px}
    
.shuzi{width: 90%; margin: 0px auto; position: inherit;bottom: 50px; right: 0px;}
.shuzi ul li{width: 10%!important; float: left;}
.shuzi ul li h5 span{font-weight: bold; font-size: 30px;}
.shuzi ul li h6{ font-size:14px!important;}
.shuzi ul li:hover{background: none}  
    

    
}

@media all and (max-width:1359px){.about_content ul li h5 span{font-size:50px}
.about_content ul li h6{font-size:14px}
.core_list .img{height:234px}
.news-title ul li{font-size:14px}
.news-title ul a{font-size:14px}
.news-left .img{height:335px}
.news-right ul li{padding:20px}
.news-right ul li .img{height:130px}
.news-right ul li .text h5{line-height:24px;height:49px}
.news-video ul li{height:232px}
  .bannerbt{position: absolute; bottom:5%; left: 10%; z-index: 99; width: 80%; margin:0 auto; background: rgba(255,255,255,0.2);text-align: center; padding: 20px 45px; border-radius: 10px;} 
.bannerbt ul li{width: 15%; float: left; margin:0 1.5%;color: #fff;font-size:14px;padding: 10px 25px; }
.bannerbt ul li h5 span{font-weight: bold;font-size:30px; color: #fff}
.bannerbt ul li:hover{background: none}
.bannerbt ul li:first-child {width: 25%; }   
 
}

@media all and (max-width:1279px){
    .shuzi{width: 90%; margin: 0px auto; position: inherit;bottom: 50px;}
.shuzi ul li{width: 20%!important; float: left;}
.shuzi ul li h5 span{font-weight: bold; font-size: 30px;}
.shuzi ul li h6{ font-size:16px!important;}
.shuzi ul li:hover{background: none}     
    
    .banner-words h4{font-size:36px}
.banner-words h5{font-size:14px;margin-top:15px}
.banner-words h5 span{padding:6px 30px;border-radius:30px}
.products-container{padding:60px 0 30px 0} 
.core_list .img{height:210px}
.news-title ul li{padding:0 10px}
.news-title ul a{padding:0 10px}
.news-video ul li{height:208px; }
}
@media screen and (max-width:1200px){
    .about_content .about_kr_text{padding-top:20px;font-size:16px;line-height:30px;}
    .bannerbt{position: absolute; bottom:5%; left:4%; z-index: 99; width: 90%; margin:0 auto; background: rgba(255,255,255,0.2);text-align: center; padding: 20px 20px; border-radius: 10px;} 
.bannerbt ul li{width: 15%; float: left; margin:0 1.5%;color: #fff;font-size:14px;padding: 10px 25px; }
.bannerbt ul li h5 span{font-weight: bold;font-size:30px; color: #fff}
.bannerbt ul li:hover{background: none}
.bannerbt ul li:first-child {width: 25%; } 
    }
}@media all and (max-width:1151px){.news-title ul li{text-align:center;padding:0 5px;font-size:12px}
.news-title ul a{font-size:12px;padding:0 5px}
}
@media all and (max-width:1000px)
{
.banner-prev,.banner-next{display:none}
.banner-words h4{font-size:18px}
.banner-words h5{font-size:12px;margin-top:10px}
.banner-words h5 span{padding:6px 10px;border-radius:30px;margin:5px 5px}
.banner .swiper-pagination{bottom:3px}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
    
.bannerbt{position: absolute; bottom:5%; left:4%; z-index: 99; width: 90%; margin:0 auto; background: rgba(255,255,255,0.2);text-align: center; padding: 20px 10px; border-radius: 10px;} 
.bannerbt ul li{width: 25%; float: left; margin:0 0%;color: #fff;font-size:15px;padding: 10px 10px; }
.bannerbt ul li h5 span{font-weight: bold;font-size:23px; color: #fff}
.bannerbt ul li:hover{background: none}
.bannerbt ul li:first-child {width: 25%; display: none } 
.bannerbt ul li:nth-child(2){background:none;border-radius: 10px; }
/*.bannerbt ul li:nth-child(3){background: rgba(180, 21, 21, 0.7);border-radius: 10px; }*/
    
    
.products-container,.core_container{padding:30px 0}
.pro_pic{margin-top:20px}
.pro_list .text h5{line-height:40px;font-size:14px}
.about-wbox{height:auto;padding:50px 0;background-size:cover!important}
.about_content .about_kr_text{padding-top:30px;font-size:15px;line-height:26px;text-align:justify}
.about_content ul li{width:33.333%;float:left;border-right:0;text-align:center;margin-bottom:20px}
.about_content ul li h5{font-size:20px;color:#fff;font-family:'AlibabaPuHuiTi'}
.about_content ul li h5 span{font-size:40px;color:#fff;font-family:'AlibabaPuHuiTi';font-weight:bold}
.about_content ul li h6{font-size:13px;color:#fff}
.about_content ul li:nth-child(2n){border-right:0px}
    
.shuzi{width: 90%; margin: 0px auto; position: inherit;bottom: 50px;}
.shuzi ul li{width: 22%!important; float: left;}
.shuzi ul li h5 span{font-weight: bold; font-size: 40px;}
.shuzi ul li h6{ font-size:16px!important;}
.shuzi ul li:hover{background: none}    

.core_container{width:92%;margin:0 auto}
.core_list .img{height:auto}
.core_list .img img{height:auto}
.core_list .text{padding:10px;height:100px}
.core_list .text h5{font-size:16px;font-weight:normal}
.core_list .text i{bottom:10px}
.case-container{padding:50px 0 20px}
.case-center{margin-top:30px}
.case_list ul li{width:48%;margin-bottom:10px;overflow:hidden;padding:10px}
.case_list ul li .img{height:100px}
.case_list ul li .text{padding:10px 0 0px 0;overflow:hidden}
.case_list ul li .text h5{font-size:14px;color:#444;padding-right:15px}
.case_list ul li .text h6{line-height:30px;font-size:12px;padding-top:5px}
.case_list ul li:first-child{width:98%}
.case_list ul li:first-child .img{width:100%;height:auto;overflow:hidden}
.news-container{padding:30px 0}
.news-title{margin-top:10px}
.news-center{margin-top:30px}
.news-left{width:95%; margin: 0 auto 11px auto; float: none}
.news-left .img{height:auto}
.news-left .text{padding:10px}
.news-time{width:60px;height:60px;right:10px;font-size:20px;padding:5px}
.news-left .text h5{font-size:16px;padding-right:70px;height:24px;line-height:24px; margin-bottom: 0px;}
.news-left .text h6{font-size:12px;color:#fff;line-height:22px;height:76px;padding-right:70px;padding-top:10px}
.news-right{width:100%;padding-left:0px}
.news-right ul li{width: 46%; margin-top:1.3%; margin-bottom: 1%; margin-left: 2.6%; padding:10px;}
.news-right ul li:nth-child(2n){ margin-right: 0px;}
.news-right ul li .text{width:100%;float:left;padding-right:0px;overflow:hidden}
.news-right ul li .text h4{font-size:16px;color:#fff;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-right ul li .text h5{font-size:12px;color:#fff;line-height:22px;height:44px;margin:4px 0}
.news-right ul li .text h6{font-size:14px;color:#fff;font-family:'AlibabaPuHuiTi'}
.news-right ul li:hover .text h4{color:#5abbda}
.news-right ul li .img{width:34%;float:left;height:101px;overflow:hidden}
.news-video{margin-top:30px}
.news-video ul{margin-left:0%}
.news-video ul li{margin-left:0;margin-bottom:2%;height:auto;width:100%}
.news-video ul li p{font-size:14px;bottom:10px}
.pro_pic .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
.core .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
.case-center .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px}
}

.news-video >ul>li>a>p{background:black;opacity:0.8}
.contain-1400{max-width:98%;margin:0 auto}


.indpro{width:100%; height: 101%; background:url(homebg1.jpg) no-repeat center center /cover;padding:120px 0 20px 0}

.indpro-menu{width:100%;font-size:0;text-align:center;margin:30px 0 46px;user-select:none}
.indpro-menu li{display:inline-block;vertical-align:top;border-bottom:1px solid #d9e0ea;padding:0 34px}
.indpro-menu li:first-child{padding-left:0}
.indpro-menu li:last-child{padding-right:0}
.indpro-menu-link{height:48px;display:block;position:relative}
.indpro-menu-link i,.indpro-menu-link span{display:inline-block;vertical-align:middle;height:28px;line-height:28px}
.indpro-menu-link span{font-size:18px;color:#444;font-weight:700;margin-left:12px;transition:all .4s ease}
.indpro-menu-link::after{content:"";position:absolute;width:0%;height:2px;background:#0084D9;left:0;bottom:-1px;right:0;margin:0 auto;transition:all .4s ease}
.indpro-menu-link.active span,.indpro-menu-link:hover span{color:#0084D9}
.indpro-menu-link.active::after{width:100%}
.indpro-loop{width:100%}
.indpro-items{width:100%;display:none}
.indpro-items.active{display:block;animation:hideIndex .5s;-moz-animation:hideIndex .5s;-webkit-animation:hideIndex .5s;-o-animation:hideIndex .5s}
@keyframes hideIndex{0%{opacity:0;transform:translateY(50px)}
100%{opacity:1;transform:translateY(0)}
}
.indexproul{margin:-2% 0 0 -2%}
.indpro-link{display:block;align-items:center;position:relative;transition:all .4s ease;margin:2% 0 0 2%;justify-content:center;width:18%;float:left;/*background:rgba(255,255,255,1);box-shadow:0 2px 12px 2px rgba(29,32,136,0.1);*/overflow:hidden;border: solid 1px rgba(255,255,255,0.6);box-shadow: 0px 0px 10px rgba(255,255,255,0.5);}
.indpro-link .img{width:100%;padding-top:160%;position:relative;overflow:hidden;}
.indpro-link .img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;display:block;transition:all .6s ease;  }
.indpro-cont{position:absolute;transform:scale(0.8);opacity:0;transition:all .6s ease;z-index:4;width:92%;padding:0 20px;height:90%;background:rgba(30,112,196,0.80);display:flex;flex-direction:column;justify-content:center;text-align:center;color:#fff}
.indpro-cont h2{font-size:18px;font-weight:700;margin-bottom:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.indpro-cont p{font-size:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.indpro-link:hover .indpro-cont{transform:scale(1);opacity:1}
.indexproul .text{padding:20px;/* background-color:#f5f5f5; */overflow:hidden; position: absolute; top: 30px;}
.indexproul .text h6{height:50px;line-height:50px;font-size:32px; font-weight: bold;  color:#fff;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;/* background:url(' pro_jian4.png') right center no-repeat;padding-right:20px;transition:all .4s ease */}
/* .indpro-link:hover .text h6{color:#2fc16e;background:url(' pro_jian5.png') right center no-repeat} */
.indexproul .text span{text-transform: uppercase; color:rgba(255,255,255,0.8); font-weight: bold;}
/*.indexproul .text i.fayoujt{color: #fff; font-size: 24px;transition:all .4s ease; opacity: 0;margin-left: -20px;}*/
.indexproul .text i.fayoujt img{width: 12px;transition:all .4s ease; opacity: 0;margin-left: -20px;}
/*.indpro-link:hover .text i{display: block;transform:scale(1.1);  opacity: 1; margin-left: 8px;}*/
.indpro-link:hover .text i.fayoujt img{display: block;transform:scale(1.1);  opacity: 1; margin-left: 8px;}
.indpro-link img:hover{transform:scale(1.1)}
@media all and (max-width:1359px){
    .news-left{width:95%; margin: 0 auto 11px auto; float: none}
.news-left .img{height:auto}
.news-left .text{padding:10px}
.news-time{width:60px;height:60px;right:10px;font-size:20px;padding:5px}
.news-left .text h5{font-size:16px;padding-right:70px;height:24px;line-height:24px; margin-bottom: 0px;}
.news-left .text h6{font-size:12px;color:#fff;line-height:22px;height:76px;padding-right:70px;padding-top:10px}
.news-right{width:100%;padding-left:0px}
.news-right ul li{width: 46%; margin-top:1.3%; margin-bottom: 1%; margin-left: 2.6%; padding:10px;}
.news-right ul li:nth-child(2n){ margin-right: 0px;}
.news-right ul li .text{width:100%;float:left;padding-right:0px;overflow:hidden}
.news-right ul li .text h4{font-size:16px;color:#fff;height:30px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.news-right ul li .text h5{font-size:12px;color:#fff;line-height:22px;height:44px;margin:4px 0}
.news-right ul li .text h6{font-size:14px;color:#fff;font-family:'AlibabaPuHuiTi'}
.news-right ul li:hover .text h4{color:#5abbda}
.news-right ul li .img{width:34%;float:left;height:101px;overflow:hidden}
    
}
@media all and (max-width:1000px){.indban-cont h2{font-size:32px}
.indban-cont p{font-size:18px}
.indban-img img.pc{min-height:400px}
@keyframes banCont{0%{transform:translateY(80px);opacity:0}
100%{transform:translateY(0);opacity:1}
}.indtab-link p{font-size:14px;line-height:22px}
.indser-ul{height:auto;margin-top:1px}
.indser{padding:68px 0}
.indser-list{margin-top:44px}
.indser-link{width:50%;margin-top:-1px}
.indpro-menu li{padding:0 12px}
.indpro-menu-link{height:42px}
.indpro-link{width:48%}
.indpro-cont{width:94%;padding:16px 20px;height:auto;bottom:0%;opacity:1;transform:scale(1)}
.indrel-cont{width:100%}
.indrel-rel{margin-left:0;width:100%;margin:20px 0}
.indget-rel{width:100%}
.indget-cont{width:100%;padding-left:0;margin:20px 0}
.indget-input{max-width:360px}
.indget-img{left:auto;right:0}
.indnews-main{width:100%}
.indnews-items{width:100%;margin-top:20px}
.indcall-img{width:100px;left:20px}
.indcall{padding:0px 20px 0 144px}
.indcall-cont h2{font-size:20px}
.indnews{padding-bottom:68px}
.indnews-main img{height:240px}
.indapp-cont h2 a,.indapp-cont h2 span{display:block}
.indapp-cont h2 span{margin-left:0;margin-top:8px}
}

@media all and (max-width:640px){
    
    
    
    .indban-img img.pc{display:none}
.indban-img img.mb{display:block;min-height:300px}
.indban-cont{padding-bottom:0}
.indban-cont h2{font-size:22px;margin-bottom:6px}
.indban-cont p{font-size:14px}
.indtab{margin-top:20px}
.indtab-link{width:50%}
.indtab-link:nth-child(2n):after{display:none}
.indtab-link::before{content:"";position:absolute;width:100%;height:1px;bottom:0;right:0;background:#2d30a4}
.indtab-link p{font-size:13px;line-height:21px}
.indtab-link:nth-last-child(1)::before,.indtab-link:nth-last-child(2)::before{display:none}
.indtab-link h2{font-size:16px;margin:12px 0 8px}
.indtab-link i{height:32px}
.indtab-link{height:162px}
.indTitle h2{font-size:22px;line-height:1.32}
.indTitle p{font-size:16px;margin:12px 0;line-height:22px}
.indTitle i{width:48px}
.indser-img h2{font-size:16px}
.indser-cont{padding:0 12px;height:200px}
.indser-cont p{font-size:13px;line-height:21px}
.indser-img{height:132px}
.indser-list{margin-top:32px}
.indser{padding:40px 0}
.indpro{padding:40px 0}
.indpro-menu{margin:18px 0 32px}
.indpro-menu-link span{font-size:16px;margin-left:8px}
.indpro-menu-link{height:38px}
.indpro-menu li{width:50%;margin:0;margin-top:12px;text-align:center}
.indpro-menu{text-align:left}
.indpro-link{height:auto}
.indpro-cont h2{font-size:15px;margin-bottom:4px}
.indpro-cont{padding:3px 12px}
.indpro-cont p{font-size:13px}
.indpro-link img{max-width:100%;height:auto}
.indget,.indrel{padding:36px 0 20px}
.indrel-img,.indget-img{position:static;width:100%;text-align:center}
.indrel-img img,.indget-img img{max-width:200px}
.indrel-cont h2,.indget-cont h2{font-size:22px;margin-bottom:6px}
.indrel-rel h6,.indget-rel h6{font-size:22px;padding-left:40px}
.indrel-rel,.indget-cont{margin:16px 0 24px}
.indcase{padding:40px 0}
.indcase-loop{margin-top:32px}
.indcase-cont{padding-left:0 24px}
.indapp{padding:40px 0 28px}
.indapp-img{width:100%}
.indapp-cont,.indapp-img img{height:auto}
.indapp-cont{width:100%;padding:24px 20px}
.indapp-cont h2 a,.indapp-cont h2 span{font-size:20px}
.indget-input{max-width:100%;padding-left:0}
.indpar{padding:40px 0}
.indpar-loop{margin-top:32px}
.indpar-link{height:100px}
.indmix{padding-top:40px}
.indnews{padding-bottom:32px}
.indnews-list,.indnews-imglink img,.indnews-main img{height:auto}
.indnews-main img{height:180px}
.indnews-main-title p,.indnews-imglink-cont p{margin-top:10px}
.indnews-main-cont,.indnews-imglink-cont{padding:24px 20px}
.indnews-imglink{width:100%}
.indnews-list{width:100%;padding:24px 20px}
.indcall-cont h2{font-size:18px;line-height:1.32}
.indcall{padding:32px 20px 140px}
.indcall-img{right:0}
.indcall-cont,.indcall-call{height:auto}
.indcall-call{position:absolute;z-index:2;right:20px;bottom:40px}
.indexproul .text{padding:5px; left: 15px;}
.indexproul .text h6{font-size:24px;line-height: 32px;}
    
    .news-right ul li {
    width: 95%;
    margin-top: 1.3%;
    margin-bottom:3%;
    margin-left: 2.6%;
    padding: 10px;
}
    
    
        
.shuzi{width: 100%; margin: -20px auto 0 auto;}
.shuzi ul li{width: 49%!important; float: left; margin: 0px; padding: 0px;}
.shuzi ul li h5 span{font-weight: bold; font-size: 30px;}
.shuzi ul li h6{ font-size:16px!important;}
.shuzi ul li:hover{background: none}    
    
}


@media all and (max-width:1000px){.contain-1400,.contain{width:92%}
.container-wrapper{margin-top:0px}
.pub_title2 h2{ text-align: center; width: 100%; padding-left: 0px; }
.pub_title2 h6{text-align: center; width: 100%; padding-left: 0px;}
.about_content .about_kr_text {
    padding-top: 30px;
    color: #ffffff;
    font-size: 16px;
    line-height: 2.0;
    text-align: left;
    width: 100%;
    margin-left: 0px;
}
.about_content ul.abqita {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin: 0 auto;
}
.about_content ul li {width: 27.333%; margin-top: 0px;}

.about_content ul li h5 span{font-size:58px;}
.about_content ul li h6 {font-size: 17px;color: #fff;}
.news-title ul li {
    text-align: center;
    padding: 5px 10px;
    font-size: 16px;
}
.foot_bottombg .foot_bottomleft{text-align: left; margin-top: 0px;}
/*.foot_bottombg .foot_bottomleft:first-child{display: none;}*/
.foot_bottombg {
    width: 100%;
    /* background-color: #323639; */
    padding: 40px 0px;
    /* height: 184px; */
    background: url(footbg.png) no-repeat center center /100%;
}

}