html,body,.indexContainer{width: 100%;height: 100%;}

.indexContainer>.swiper-wrapper>.swiper-slide:last-child{height: auto;}
.indexContainer> .swiper-pagination .swiper-pagination-bullet-active{height: 40px;border-radius: 10px;box-shadow: 0 0 2px #eee;}

/*
.index_title{text-align: center;line-height: 1;}
.index_title .en{font-family: Arial;font-weight: bold;font-size: 60px;color: rgba(238, 238, 238, 1);}
.index_title .cn{font-size: 34px;color: #000;font-weight: bold;margin-top: -20px;position: relative;}
.index_title .cn::before{content: '';width: 8em;height: 2px;background-color: #000;display: block;position: absolute;bottom: -20px;left: 50%;transform: translateX(-50%);}
.index_title .cn::after{content: "\e61a";font-family: layui-icon;position: absolute;bottom: -31px;left: 50%;transform: translateX(-50%);padding: 0 10px;background-color: #fff;font-size: 24px;color: var(--primary-color);}
*/
.index_title{line-height: 1;}
.index_title h3{font-size: 48px;color:var(--primary-color);margin-bottom: 10px;}
.index_title h4{font-size: 34px;font-weight: normal;}
.index_title p{color: #eee;margin-top: 20px;}

.index_product .index_title h3{color:#87CBFA;}
.index_choose .index_title h3{color:#87CBFA;}

.index_cooperation .index_title h4{color:var(--primary-color);}
.index_news .index_title h4{color:var(--primary-color);}

.index_title.black h3{color: rgba(0, 0, 0, .1);}
.index_title.black h4{color: #333;}
.index_title.black p{color: #333 ;margin-top: 25px;}

.index_more{margin-top: 50px;}
.index_more a{padding: 5px 30px;border-radius: 30px;background-color: var(--primary-color);color: #fff;display: inline-block;font-size: 14px;}
.index_more a:hover{background-color: var(--primary-color);color: #fff;}

.more_btn a{background: url(../images/icon_more.png) no-repeat bottom/100%;padding: 0 24px 10px 24px;display: inline-block;}

.index_banner .swiper{width: 100%;height: 100%;}
.index_banner .swiper .swiper-slide{overflow: hidden;}
.index_banner .swiper .slide_inner{width: 100%;height: 100%;}
.index_banner .swiper .slide_inner .txt{height: 100%;display: flex;flex-direction: column;justify-content: center;color: #fff;text-shadow: 0 1px 1px #000;}
.index_banner .swiper .slide_inner .txt h4{margin: 3vh 0 7vh;}
.index_banner .swiper .slide_inner .txt .desc{width: 400px;border-left: 2px solid rgba(255, 255, 255, .6);padding-left: 20px;font-size: 14px;line-height: 2;}
.index_banner .swiper video{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: cover;}

.index_banner .scroll{position: absolute;bottom: 40px;left: 50%;transform: translateX(-50%);z-index: 3;}
.index_banner .scroll i{width: 20px;height: 30px;margin: 0 auto;border-radius: 12px;border: 2px #fff solid;position: relative;display: block;}
.index_banner .scroll i::after{content: "";display: block;width: 4px;height: 10px;background: #fff;border-radius: 2px;position: absolute;left: 50%;transform: translate(-50%, 0);top: 3px;animation: scrollmouse 2s linear infinite;}
@keyframes scrollmouse {from {transform: translate(-50%,0);opacity: 1}to {transform: translate(-50%,10px);opacity: 0}}

.index_counts{display: flex;flex-direction: column;justify-content: center;padding-top: 90px;text-align: center;  background: url(../images/index_counts_bg.jpg) no-repeat center/cover;}
.index_counts .desc{width: 85%;text-align: center;margin: 50px auto; line-height: 35px; font-size: 17px;}
.index_counts .counts ul{display: flex;}
.index_counts .counts ul li{width: 33.333%;border-right: 1px solid #cacaca;line-height: 1;text-align: center;}
.index_counts .counts ul li:last-child{border-right: 0;}
.index_counts .counts ul li span{font-size: 14px;font-weight: bold;color: var(--primary-color);background-image: linear-gradient(to right, #0d2daf, #77cff5);-webkit-background-clip: text;-webkit-text-fill-color: transparent;display: block;}
.index_counts .counts ul li span b{font-size: 40px;}
.index_counts .counts ul li p{margin-top: 10px;color: #666;}



.index_product{background: url(../images/bg.jpg) no-repeat center/cover fixed; padding-top: 240px !important;}
.index_product .left{width: 20%;color: #fff;}
.index_product .left> h3{margin: 50px 0;}
.index_product .left> p{line-height: 1.8;margin-bottom: 50px;}
.index_product .right{width: 80%;padding-left: 50px;}
.index_product .tab{display: flex;justify-content: flex-end;margin-bottom: 80px;}
.index_product .tab li a{padding: 10px 30px;color: #666;background-color: #fff;margin-left: 10px;display: block;white-space: nowrap;}
.index_product .tab li a:hover,
.index_product .tab li.on a{background-color: var(--primary-color);color: #fff;}
.index_product .list li{display: none;}
.index_product .list li.on{display: block;}
.index_product .list li .swiper-container{width: 100%;padding: 0 35px;}
.index_product .list li .swiper-container .swiper-button-prev,
.index_product .list li .swiper-container .swiper-button-next{width: 30px;height: 30px;}
.index_product .list li .swiper-container .swiper-button-prev:hover,
.index_product .list li .swiper-container .swiper-button-next:hover{opacity: .6;}
.index_product .list li .swiper-container .swiper-button-prev{background: url(../images/prve.png) no-repeat center/ 30px;left: 0;}
.index_product .list li .swiper-container .swiper-button-next{background: url(../images/next.png) no-repeat center/30px;right: 0;}
.index_product .list li .swiper-slide .pic,
.index_product .list li .swiper-slide .pic img{width: 100%;}
.index_product .list li .swiper-slide .title{margin-top: 10px;padding: 0 20px 0 10px;color: #fff;border-left: 2px solid #fff;background: url(../images/icon_arrow.png) no-repeat right center/ 16px;}
.index_product .list li .swiper-slide:hover .title{color: var(--primary-color);}
.index_product .list li .swiper-slide:hover .pic img{transform: scale(1.02);}

.index_cooperation{padding-top: 16vh !important;}

.index_cooperation{background: url(../images/cooperation_bg.jpg) no-repeat center/cover;}
.index_cooperation .txt{width: 45%;}
.index_cooperation .txt p{color: #666;line-height: 1.8;margin: 50px 0;}
.index_cooperation ul li{width: calc(33.33% - 20px);margin: 15px 0;}
.index_cooperation ul li a{width: 100%;height: 90px;padding: 10px;background-color: #fff;display: flex;justify-content: center;align-items: center;}
.index_cooperation ul li img{max-width: 100%;max-height: 100%;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.index_cooperation ul li:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: none;}

.index_choose{background: url(../images/bg.jpg) no-repeat center/cover; padding-top: 12vh !important;}
.index_choose ul{position: relative;margin-top: 50px;}
.index_choose ul li{width: 35%;margin: 50px 0;}
.index_choose ul li .title{display: flex;align-items: center;justify-content: space-between;border-bottom: 1px solid rgba(255, 255, 255, .4);padding-bottom: 10px;margin-bottom: 10px;}
.index_choose ul li .title b{font-size: 18px;color: #fff;margin-left: 15px;}
.index_choose ul li .title span{font-size: 26px;color: rgba(255, 255, 255, .2);font-weight: bold;}
.index_choose ul li .desc{color: rgba(255, 255, 255, .8);line-height: 1.8;}
@keyframes circleRoate{  from{transform: rotate(0deg);}  to{transform: rotate(360deg);}  } 
.index_choose .img{position: absolute;top: 0;left: 35%;width: 30%;height: 100%;padding: 0 20px;}
.index_choose .img img{width: 100%;animation: circleRoate 8s infinite linear;}










.index_about{position: relative;background-image: url(../images/bg.jpg);}
/*
.index_about::before,
.index_about::after{display: block;position: absolute;left: 0;z-index: -1;content: '';width: 100%;}
.index_about::before{top: 0;height: 70%;background: url(../images/bg.jpg) no-repeat center/cover;}
.index_about::after{bottom: 0;height: 30%;background-color: #f5f5f5;}*/
.index_about .wrapper{height: 100%;display: flex;flex-direction: column;justify-content: center;}
.index_about .main{margin-top: 50px;}
.index_about .since{font-size: 60px;text-align: right;color: rgba(255, 255, 255, .6);font-weight: bold;}
.index_about .video{width: 45%;}
.index_about .video video{width: 100%;height: 100%;object-fit: cover;}
.index_about .txt{width: 55%;padding: 50px;background-color: #fff;display: flex;flex-direction: column;justify-content: center;}
.index_about .txt p{line-height: 2;}
.index_about .more a{padding: 5px 30px;border: 1px solid var(--primary-color);color: var(--primary-color);display: inline-block;font-size: 14px;}
.index_about .more a:hover{background-color: var(--primary-color);color: #fff;}
.index_news{padding-top: 12vh !important;}
.index_news .wrapper{height: 100%;display: flex;flex-direction: column;justify-content: center;background: url(../images/map.png) no-repeat center;}
.index_news .top_title{display: flex;justify-content: space-between;align-items: center;margin-bottom: 50px;}
.index_news ul{display: flex;justify-content: space-between;}
.index_news ul li{width: 23%;}
.index_news ul li .pic_constant .inner::after{padding-top: 65%;}
.index_news ul li .txt{padding: 0 20px 20px 20px;}
.index_news ul li .txt .inner{padding: 20px;transform: translateY(-30px);background-color: #fff;box-shadow: 0 2px 4px #eee;border-bottom: 2px solid #eee;transition: all .3s ease-out;}
.index_news ul li .txt .date{background-color: var(--primary-color);border-radius: 8px;font-size: 14px;color: #fff;padding: 3px 10px;display: inline-block;}
.index_news ul li .txt .title{font-weight: bold;margin: 10px 0;}
.index_news ul li .txt .desc{font-size: 14px;color: #999;line-height: 1.8;margin-bottom: 20px;}
.index_news ul li .txt .more{padding: 5px 20px;font-size: 12px;color: #999;border: 1px solid #eee;display: inline-block;border-radius: 20px;}
.index_news ul li:hover .txt .inner{border-color: var(--primary-color);box-shadow: 0 0 20px #cacaca;}
.index_news ul li:hover .pic_constant img{transform: scale(1.1);}

@media screen and (min-width: 1280px){
    /*.header{background-color: rgba(0, 0, 0, .2);color: #fff;}
    .header:hover{background-color: #fff;color: #333;}
    .header .logo img{}*//*filter: brightness(0) invert(1);*/
    /*.header:hover .logo img{filter: none;}*/

    .index_banner .swiper-pagination{width: auto;left: 4%;bottom: 40px;}
    .index_banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 6px;}
    .index_banner .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active{width: 30px;border-radius: 10px;}
}

@media screen and (max-width: 1279px){
    .ani{visibility: visible !important;}
    html,body,.indexContainer{height: auto;}
    .indexContainer>.swiper-wrapper{display: block;}
    .indexContainer>.swiper-wrapper>.swiper-slide{height: auto;}
	
	.index_product .list li .swiper-container .swiper-button-prev, .index_product .list li .swiper-container .swiper-button-next{ margin-top: 80px}
	
	.wrapper{width: 100%;padding: 0 4%;}
	.space{padding-top: 50px !important;padding-bottom: 50px !important;}

    .header{background-color: #fff;}
    .header:hover{background-color: #fff;}

    .index_banner .swiper{height: 30vh; margin-top: 61px;}
    .index_banner .swiper .slide_inner .txt .desc{width: 100%;}
    .index_banner .scroll{display: none;}

    .index_counts{padding-top: 0;}
	.index_counts .desc{width: 100%;margin: 30px 0;}
	.index_counts .counts ul li span b{font-size: 30px;}
    .index_counts .counts ul li p{font-size: 14px;}

    .index_product{background: none;}
	.index_product .index_wrapper{flex-wrap: wrap;width: 100%;max-width: 100%;}
	.index_product .left{width: 100%;color: #333;text-align: center;}
	.index_product .left> h3{margin: 20px 0 10px;font-size: 16px;padding: 0 4%;}
	.index_product .left> p{font-size: 14px;line-height: 1.5;margin-bottom: 20px;padding: 0 4%;}
	.index_product .left .more_btn{display: none;}
	.index_product .right{width: 100%;background: url(../images/bg_product.jpg) no-repeat center/cover;padding: 30px 4%;}
	.index_product .tab{width: 100%;flex-wrap: wrap;justify-content: flex-start;margin-bottom: 20px;}
	.index_product .tab li{width: calc(33.333% - 7px);margin: 0 10px 10px 0;}
	.index_product .tab li:nth-child(3n){margin-right: 0;}
	.index_product .tab li a{padding: 10px 0;font-size: 14px;display: block;text-align: center;margin-left: 0;}
	
	

	.index_cooperation{background-position: left center;}
	.index_cooperation .txt{width: 100%;}
	.index_cooperation .txt p{margin: 20px 0;line-height: 1.5;}
	.index_cooperation ul li{width: calc(50% - 10px);margin: 10px 0;}
	.index_cooperation ul li a{height: 60px;padding: 5px;}
	
	.index_cooperation ul li img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: none;}

	.index_choose .index_title h4{color: #fff;}
	.index_choose .index_title p{font-size: 14px;line-height: 1.5;}
	.index_choose ul li .title span{display: none;}

	.index_news .index_title{text-align: left;}
	.swiper_index_news{padding-bottom: 50px;}

    .index_title{text-align: center;}
	.index_title h3{font-size: 24px;margin-bottom: 10px;}
	.index_title h4{font-size: 18px;color: #000;}
	.index_title p{margin-top: 10px;}

	.more_btn a{font-size: 14px;}
	
	
	
	.tableSection{width: 100%;margin: 10px 0;}
	.tableSection .nav li{padding: 10px 15px;}
	.tableSection.listA .list li .desc p{font-size: 14px;}
	.tableSection .list .other{font-size: 12px;}
	.tableSection.listB .list li{font-size: 14px;}

    .index_about{padding: 30px 0;}
    .index_about .since{font-size: 30px;}

    .index_about .main{margin-top: 30px;}
    .index_about .video{width: 100%;}
    .index_about .txt{width: 100%;padding: 30px 20px;}

    .index_news{padding: 50px 0;}
    .index_news ul{flex-wrap: wrap;}
    .index_news ul li{width: 100%;}
    .index_news ul li .txt{padding: 0 20px;}
}

@media screen and (max-width: 768px){
    .index_choose ul{padding-top: 360px;margin-top: 30px;}
	.index_choose ul li{width: 100%;margin: 20px 0;}
	.index_choose ul li .desc{line-height: 1.5;font-size: 14px;}
	.index_choose ul li .title span{font-size: 20px;display: block;}
	.index_choose .img{left: 0;width: 100%;height: 360px;padding: 0;}
	.index_choose .img img{max-width: 360px;}
}