#index-banner{width: 100%;}
.index-banner-box{overflow: hidden;position: relative;width: 100%;}
.index-banner-box ul li{width: 100%;}
.index-banner-box ul li img{width: 100%;display: block;}
#index-banner .index-banner-pagination{position: absolute;bottom: 40px;right: 80px;z-index: 1;text-align: right;left: auto;}
#index-banner .index-banner-pagination span{height: 32px;width: 32px;background: none;border: 1px solid #000;box-sizing: border-box;margin: 0 5px;opacity: 1;}
#index-banner .index-banner-pagination span.swipser-pagination-bullet-active{background: #000;}
#index-product{width: 100%;padding: 60px 0;background: #E8F5FF;}
.sec-title{text-align: center;}
.sec-title h2{font-size: 40px;font-weight: bold;color: #EBC867;line-height: 50px;font-size: 40px;font-weight: bold;display: inline-block;width: 100%;}
.sec-title span{display: inline-block;padding: 0 30px;border: 1px solid #d1d1d1;box-sizing: border-box;margin: 0 auto;line-height: 30px;border-radius: 20px;font-size: 14px;}
.index-hot-pro{width: 100%;margin-top: 50px;}
.index-hot-pro ul{column-count: 3;column-gap: 30px;}
.index-hot-pro ul li{width: 100%;break-inside: avoid;box-sizing: border-box;margin-top: 0 !important;}
.index-hot-pro ul li .index-pro-img{width: 100%;overflow: hidden;}
.index-hot-pro ul li .index-pro-img img{width: 100%;display: block;transition: .5s;}
.index-hot-pro ul li:hover .index-pro-img img{transform: scale(1.2);}
.index-pro-list{width: 100%;margin-top: 50px;position: relative;}
.index-pro-swiper{width: 100%;overflow: hidden;}
.index-pro-swiper ul li{width: 100%;box-sizing: border-box;}
.index-pro-swiper ul li .index-pro-img{width: 100%;overflow: hidden;box-sizing: border-box;}
.index-pro-swiper ul li .index-pro-img img{width: 100%;display: block;transition: .5s;}
.index-pro-swiper ul li:hover .index-pro-img img{transform: scale(1.2);}
.index-pro-notification i{position: absolute;top: 50%;transform: translateY(-50%);height: 40px;width: 40px;line-height: 40px;text-align: center;font-size: 30px;box-sizing: border-box;cursor: pointer;z-index: 10;}
.index-pro-notification i.icon-arrow-left-bold{left: 0px;}
.index-pro-notification i.icon-arrow-right-bold{right: 0px;}
#videos{width: 100%;padding:0 0 60px;box-sizing: border-box;}
#videos .sec-title h2{color: #FFFFFF;margin-top: 30px;}
#videos .sec-title span{color: #FFFFFF;}
.videos-hot{width: 100%;margin: 0 auto;position: relative;background: #c42126;}
.videos-hot img{width: 100%;display: block;}
.videos-hot:before{content: '';width: 120px;height: 120px;background: url(../img/video_ico.webp) no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-size: 100% 100%;transition: .5s;}
.videos-hot:hover:before{transform: translate(-50%,-50%) scale(1.2);}
.videos-box-list{width: 100%;margin-top: 20px;}
.videos-box-list ul{column-count: 3;column-gap: 30px;margin-top: 30px;}
.videos-box-list ul li{width: 100%;margin-bottom: 30px;transition: .5s;}
.videos-box-list ul li:hover{transform: translateY(-5px);}
.videos-box-list ul li .videos-img{width: 100%;position: relative;}
.videos-box-list ul li .videos-img img{width: 100%;display: block;}
.videos-box-list ul li .videos-img:before{content: '';width: 50px;height: 50px;background: url(../img/video_ico.webp) no-repeat;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background-size: 100% 100%;transition: .5s;}
.videos-box-list ul li .videos-img:hover:before{transform: translate(-50%,-50%) scale(1.2);}

.news-box ul li{margin: 30px 0;position: relative;}
.news-box ul li .news-img{width: 40%;float: right;}
.news-box ul li .news-img img{width: 100%;display: block;}
.news-box ul li .news-text{width: 60%;float: left;padding: 30px 60px;box-sizing: border-box;border-left: 1px solid #707070;margin-top: 60px;}
.news-box ul li .news-text h3{font-size: 30px;line-height: 40px;font-weight: bold;}
.news-box ul li .news-text h3 a{color: #151515;}
.news-box ul li .news-text p{font-size: 20px;line-height: 30px;color: #797878;}
.news-box ul li .news-time{width: 130px;height: 130px;border: 1px solid #797878;padding: 20px 30px;box-sizing: border-box;position: absolute;left: -180px;top: 50%;transform: translateY(-60%);color: #707070;}
.news-box ul li .news-time span{display: block;}
.news-box ul li .news-time span:first-child{font-size: 32px;line-height: 32px;position: relative;}
.news-box ul li .news-time span:first-child::after{content: '';height: 3px;width: 30px;background: #EBC867;position: absolute;right: -16px;top: 15px;transform: rotate(-45deg);}
.news-box ul li .news-time span:nth-child(2){font-size: 20px;line-height: 0;transform: rotate(90deg) translate(25px,-40px);text-align: center;}
.news-box ul li .news-time time{font-size: 54px;line-height: 54px;display: block;font-weight: bold;}
.blog-box ul li{border-bottom: 1px solid #797878;padding-bottom: 30px;}

.blog-box ul li .news-img{width: 40%;float: left;}
.blog-box ul li .news-text{float: right;border-left: 0px;}
.blog-box ul li .news-time{left: auto;right: -130px;}

#encyclopedi{padding-top: 100px;}
.encyclopedia-top{background: #272727;}
.encyclopedia-top-img{width: 50%;float: left;}
.encyclopedia-top-img img{width: 80%;display: block;transform: translate(-100px,-100px);}
.encyclopedia-top-img h2{font-size: 60px;font-weight: bold;color: #EBC867;line-height: 1;transform: translate(0px, -60px);}
.encyclopedia-top-list{width: 50%;float: right;background: #FFFFFF;padding: 0 10px;box-sizing: border-box;}
.encyclopedia-top-list ul{display: flex;flex-wrap: wrap;align-content: space-between;height: 600px;}
.encyclopedia-top-list ul li{width: 100%;border: 1px solid #707070;box-sizing: border-box;margin-top: 0 !important;}
.encyclopedia-img{width: 100%;height: 220px;position: relative;overflow: hidden;}
.encyclopedia-img img{width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);}
#encyclopedi ul li h3{padding: 12px 30px;box-sizing: border-box;font-size: 20px;line-height: 24px;}
#encyclopedi ul li h3 a{color: #272727;transition: all .3s;}
#encyclopedi ul li h3 a:hover{color: #EBC867;}
.encyclopedia-botm{width: 100%;}
.encyclopedia-botm ul{display: flex;justify-content: space-between;margin-top: 15px !important;}
.encyclopedia-botm ul li{width: 48.5%;border: 1px solid #707070;box-sizing: border-box;}

#download{padding: 60px 0;box-sizing: border-box;}
.download-box ul{margin-top: 30px;}
.download-box ul li{width: 49%;float: left;margin: 5px 0.5%;border: 1px solid #707070;box-sizing: border-box;padding: 20px 80px;position: relative;}
.download-box ul li span{display: block;transition: all .3s;width: 80px;text-align: center;font-size: 36px;line-height: 36px;color: #707070;font-weight: bold;position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.download-box ul li i{display: block;transition: all .3s;font-size: 48px;color: #000;text-align: center;line-height: 1;position: absolute;top: 50%;transform: translateY(-50%);right: 20px;border: 1px solid #000;width: 60px;line-height: 60px;border-radius: 50%;}
.download-box ul li .download-text{width: 100%;padding: 0 80px 0 20px;text-align: left;box-sizing: border-box;}
.download-text h3{font-size: 20px;line-height: 24px;}
.download-text h3 a{color: #000;transition: all .3s;}
.download-text p{font-size: 16px;line-height: 20px;transition: all .3s;}
.download-box ul li:hover a{color: #EBC867;}
.download-box ul li:hover i{color: #EBC867;border: 1px solid #EBC867;}
.download-box ul li:hover span{color: #EBC867;}
.download-box ul li:hover p{color: #EBC867;}

@media only screen and (max-width: 1440px){
	.news-box ul li .news-time{display: none;}
    .news-box ul li .news-text{border: 0px;}
}
@media only screen and (max-width: 1280px){
	.news-box ul li .news-text{margin-top: 0;}
}
@media only screen and (max-width: 1024px){
	
	
}
@media only screen and (max-width: 900px){
	.news-box ul li .news-text{padding: 20px 30px;}
    .encyclopedia-top-img{width: 100%;}
    .encyclopedia-top-img img{display: none;}
    .encyclopedia-top-img h2{text-align: center;line-height: 50px;transform: translate(0px, 0px);font-size: 40px;margin-bottom: 30px;}
    .encyclopedia-top{background: #FFFFFF;}
    #encyclopedi{padding-top: 0;}
    .encyclopedia-top-list{width: 100%;padding: 0;}
    .encyclopedia-top-list ul{height: auto;display: block;}
    .encyclopedia-top-list ul li{width: 48%;margin: 0 1%;float: left;}
    .encyclopedia-botm ul{display: block;}
    .encyclopedia-botm ul li{margin: 0 1%;float: left;width: 48%;}
    .download-box ul li{width: 98%;margin: 5px 1%;}
}
@media only screen and (max-width: 768px){
	.news-box ul li .news-text h3{font-size: 20px;line-height: 30px;}
    .news-box ul li .news-text p{font-size: 16px;line-height: 24px;}
    .encyclopedia-img{height: auto;}
    .encyclopedia-img img{position: static;width: 100%;display: block;transform: translate(0, 0);}
}
@media only screen and (max-width: 640px){
	.news-box ul li .news-text{padding: 0 20px;}
	.download-box ul li .download-text{padding: 0 20px;}
    #encyclopedi ul li h3{font-size: 16px;line-height: 20px;padding: 10px;}
}
@media only screen and (max-width: 480px){
	.news-box ul li .news-img{width: 100%;}
	.news-box ul li .news-text{width: 100%;}
    .encyclopedia-top-list ul li{width: 98%;margin: 10px 1%;}
    .encyclopedia-botm ul{margin-top: 0;}
    .encyclopedia-botm ul li{width: 98%;margin: 10px 1%;}
}
@media only screen and (max-width: 360px){
	
}