.index_banner{width: 100%;height: 43.75vw;position: relative;}
.index_banner .swiper-slide{transition: all .5s ease-out;} /*filter: grayscale(100%);*/
.index_banner .swiper-slide:hover{filter: none;}
.index_banner .swiper-slide .wrapper{height: 100%;}
.index_banner .swiper-slide .txt{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;font-size:36px;color:#fff; }
.index_banner .swiper-pagination-bullets{bottom: 20px;}
.index_banner .swiper-pagination-bullet{opacity: .6;}
.index_banner .swiper-pagination-bullet-active{opacity: 1;background-color: #fff;}

.index_about .type_name{color: var(--primary-color); font-weight: bold;}
.index_about .title{font-size: 24px;margin: 20px 0;}
.index_about .desc{width:100%;font-size: 15px;color: #808080; line-height: 25px;}

.index_title{font-size: 30px;text-align: center;text-transform: uppercase;}

.index_list_a{background-color: #f7f7f7;}
.index_list_a li{width: calc((100% - 40px) / 3);margin: 20px 20px 0 0;}
.index_list_a li:nth-child(3n){margin-right: 0;}
.index_list_a .swiper_wrap{padding-bottom: 50px;}
.index_list_a .swiper_wrap .swiper{border-radius: 8px 8px 0 0;overflow: hidden;}
.index_list_a .swiper_wrap .swiper img{width: 100%;}
.index_list_a .swiper_wrap .swiper .swiper-slide:hover img{transform: scale(1.02);}
.index_list_a .swiper_wrap .swiper .swiper-pagination{width: auto;left: 20px;}
.index_list_a .swiper_wrap .swiper .swiper-pagination-bullet{background-color: #fff;opacity: 1;}
.index_list_a .swiper_wrap .swiper .swiper-pagination-bullet-active{background-color: var(--primary-color);}
.index_list_a .main{background-color: #fff;padding: 30px 20px 0 20px;border-radius: 0 0 8px 8px;}
.index_list_a .title{height: 48px;font-size: 20px;line-height: 1.2;}
.index_list_a .icon{height: 16px;margin: 15px 0;}
.index_list_a .desc{height: 42px;font-size: 14px;color: #808080;}
.index_list_a .more{display: flex;justify-content: center;align-items: center;padding: 12px 0;margin-top: 20px;transition: all .3s ease-out;}
.index_list_a .more span{width: 25px;height: 25px;border-radius: 30px;background: #fff url(../images/arrow01.png) no-repeat center/15px;}
.index_list_a .more:hover{background-color: var(--primary-color);border-radius: 8px 8px 0 0;}
.index_list_a .title a:hover{text-decoration: underline;}
.index_list_a .cont{position: fixed;bottom: 10px;left: 10px;z-index: 99;width: calc(100% - 20px);background-color: #000;padding: 40px 20px 30px;border-radius: 10px;box-shadow: 0 0 4px #eee;color: #fff;display: none;}
.index_list_a .cont .close{position: absolute;top: 5px;right: 5px;cursor: pointer;font-size: 20px;}

.index_list_a .info{ text-align: center; font-size: 30px; font-weight: bold; color: #333;}

.index_list_b{background-color: #f2f2f2;}
.index_list_b .swiper-slide{background-color: #fff;border-radius: 8px;padding: 50px 20px 0 20px;transition: all .3s ease-out;}
.index_list_b .swiper-slide .icon img{height: 50px;}
.index_list_b .swiper-slide .title{font-size: 20px;line-height: 1.2;margin: 15px 0 10px;}
.index_list_b .swiper-slide .desc{height: 42px;font-size: 14px;color: #808080; margin-bottom: 30px;}
.index_list_b .swiper-slide .title:hover{color: #fff !important;}
.index_list_b .swiper-slide .pic img{border-radius: 8px 8px 0 0;}
.index_list_b .swiper-slide:hover{background-color: var(--primary-color);}
.index_list_b .swiper-slide:hover .title{ color: #fff !important;}
.index_list_b .swiper-slide:hover .desc{ color: #fff !important;}
.index_list_b .swiper-slide:hover .pic img{transform: scale(1.02);}
.index_list_b .swiper-pagination{position: static;margin-top: 20px;}

.index_adv{background: url(../images/bg01.jpg) no-repeat center/cover;color: #fff;padding: 70px 0 300px;}
.index_adv dt{font-size: 26px;}
.index_adv dd{position: relative;padding-left: 18px;}
.index_adv dd::before{content: '\e605';position: absolute;top: 6px;left: 0;width: 12px;height: 12px;line-height: 12px;border-radius: 20px;background-color: #fff;font-family: layui-icon!important;font-size: 8px;color: #333;text-align: center;}

.index_location{background-color: #f7f7f7;}
.index_location .wrapper{background-color: #fff;transform: translateY(-200px);}
.index_location .pic{width: 73%;margin: 20px auto 0;}

.index_news{background-color: #fff;position: relative;z-index: 2;}
.index_news::before{content: '';position: absolute;top: 0;left: 0;z-index: -1;width: 100%;height: 100px;background-color: #f7f7f7;}
.index_news .wrapper{transform: translateY(-100px);}
.index_news .index_title{text-align: left;}
.index_news .p{font-size: 24px;}
.index_news .swiper-slide{height: auto;transition: all .3s ease-out;}
.index_news .swiper-slide .pic{border-radius: 8px;overflow: hidden;}
.index_news .swiper-slide .main{padding: 25px 20px;transition: inherit;}
.index_news .swiper-slide .type_name{padding: 4px 15px;border-radius: 20px;background-color: var(--primary-color); color: #fff; font-size: 14px;display: inline-block;transition: inherit;}
.index_news .swiper-slide .title{font-size: 18px;margin: 20px 0 10px;}
.index_news .swiper-slide .date{font-size: 12px;color: #808080;}
.index_news .swiper-slide .desc{font-size: 14px;color: #808080;margin: 20px 0 30px;}
.index_news .swiper-slide .more{font-size: 14px;color: #4d4d4d;text-transform: uppercase;display: flex;align-items: center;}
.index_news .swiper-slide .more span{width: 25px;height: 25px;border-radius: 30px;background: var(--primary-color) url(../images/arrow01.png) no-repeat center/15px;margin-left: 20px;}
.index_news .swiper-slide:hover{background-color: var(--primary-color);padding: 20px;border-radius: 8px;}
.index_news .swiper-slide:hover .pic img{transform: scale(1.4);}
.index_news .swiper-slide:hover .main{padding: 25px 0 0;}
.index_news .swiper-slide:hover .type_name{background-color: #000;color: #fff;}
.index_news .swiper-slide:hover .more span{background-color: #fff;}
.index_news .swiper-pagination{position: static;margin-top: 20px;}

.index_news .swiper-slide:hover .title{color: #fff;}
.index_news .swiper-slide:hover .date{color: #fff;}
.index_news .swiper-slide:hover .desc{color: #fff;}
.index_news .swiper-slide:hover .more{color: #fff}

.page_banner{width: 100%;height: 26vw;transition: all .5s ease-out;} /*filter: grayscale(100%);*/
.page_banner .wrapper{height: 100%;display: flex;flex-direction: column;justify-content: center;font-size: 40px;color: #fff;text-transform: uppercase;}
.page_banner:hover{filter: none;}

.page_MS .section{background-color: #fff;padding: 35px 25px;}
.page_MS .section .type_name{font-size: 24px;text-transform: uppercase;}
.page_MS .icon{height: 16px;}
.page_MS .section> .icon{margin: 20px 0;}
.page_MS ul{display: flex;flex-wrap: wrap;gap: 25px;}
.page_MS ul li{width: calc((100% - 78px) / 4);background-color: #f2f2f2;border-radius: 8px;padding: 8px;transition: all .5s ease-out;}
.page_MS ul li .pic{width: 100%;border-radius: 6px 6px 0 0;overflow: hidden;}
.page_MS ul li .txt{padding: 20px 10px;}
.page_MS ul li .icon{margin: 15px 0;}
.page_MS ul li .desc{font-size: 14px;color: #808080;}
.page_MS ul li:hover{background-color: var(--primary-color);}
.page_MS ul li:hover .pic img{transform: scale(1.02);}
.page_MS ul li:hover .icon{filter: brightness(0);}
.page_MS ul li:hover .desc{color: #333;}

.slide_nav{width: 300px;background-color: #fff;padding: 15px 15px 30px 15px;}
.slide_nav li{margin-bottom: 10px;}
.slide_nav li a{background-color: #f2f2f2;padding: 8px 50px 5px 15px;line-height: 1.2;position: relative;display: block;}
.slide_nav li a::after{content: '';position: absolute;right: 10px;top: calc(50% - 10px);width: 20px;height: 20px;border-radius: 20px;background: #fff url(../images/arrow01.png) no-repeat center/12px;}
.slide_nav li.on a{background-color: var(--primary-color);}
.slide_nav li:hover a{text-decoration: underline;}

.container{width: calc(100% - 335px);background-color: #fff;padding: 40px 20px;}
.container .item_top .desc{font-size: 14px;color: #808080;line-height: 1.8;}
.container .title{font-size: 20px;text-transform: uppercase;color: #000;font-weight: normal;}
.container .swipers{padding: 30px 0;position: relative;}
.container .swiper.imgs{width: calc(100% - 250px);margin: 0;}
.container .swiper.imgs .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.container .swiper.thumbs{width: 200px;height: 400px;}
.container .swiper.thumbs .swiper-slide{background-color: #f2f2f2;border: 8px solid #f2f2f2;cursor: pointer;}
.container .swiper.thumbs .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.container .swiper.thumbs .swiper-slide.swiper-slide-thumb-active{border-color: var(--primary-color);}
.container .swiper_imgs .swiper-next,
.container .swiper_imgs .swiper-prev{position: absolute;right: 110px;cursor: pointer;width: 30px;height: 30px;line-height: 30px;text-align: center;}
.container .swiper_imgs .swiper-next{bottom: -10px;}
.container .swiper_imgs .swiper-prev{top: -10px;}
.container .swiper_imgs .swiper-next::before,
.container .swiper_imgs .swiper-prev::before{font-family: layui-icon !important;font-size: 30px;color: #000;}
.container .swiper_imgs .swiper-prev::before{content: '\e619';}
.container .swiper_imgs .swiper-next::before{content: '\e61a';}
.container .swiper_imgs .swiper-next:hover::before,
.container .swiper_imgs .swiper-prev:hover::before{color: var(--primary-color);}
.container .detail{padding: 20px 0;}

.page_about .about{background-color: #f5f5f5;padding: 0 30px;}
.page_about .about .wrapper{background-color: #fff;}
.page_about .about .video{width: 45%;}
.page_about .about .video video{width: 100%;height: 100%;object-fit: cover;}
.page_about .about .txt{width: 55%;padding: 50px;background-color: #fff;display: flex;flex-direction: column;justify-content: center;}
.page_about .about .txt p{line-height: 2;}

.page_about .section_a{padding: 0 40px;}
.page_about .section_a .main{width: 60%;background-color: #fff;padding: 50px;}
.page_about .section_a .main h3::after{content: '';display: block;width: 2em;height: 2px;background-color: var(--primary-color);margin: 15px 0 20px;}
.page_about .section_a .main p{line-height: 2;}

.page_about .counts{padding: 0 40px;}
.page_about .counts ul{display: flex;justify-content: space-between;flex-wrap: wrap;background-color: #fff;padding: 50px;}
.page_about .counts ul li{width: 25%;border-right: 1px solid #cacaca;line-height: 1;text-align: center;}
.page_about .counts ul li:last-child{border-right: 0;}
.page_about .counts ul li span{font-size: 40px;font-weight: bold;color: var(--primary-color);}
.page_about .counts ul li p{font-size: 14px;margin-top: 10px;}

.page_about .swiper_honor_a .swiper-slide{transform: scale(0.75);display: flex;flex-direction: column;justify-content: center;align-items: center;transition: all .5s ease-out;}
.page_about .swiper_honor_a .swiper-slide-active{transform: scale(1);}
.page_about .swiper_honor_a .swiper-slide .tit{text-align: center;padding: 10px 0;opacity: 0;transition: inherit;}
.page_about .swiper_honor_a .swiper-slide-active .tit{opacity: 1;}
.page_about .swiper_honor_a .swiper-button-next, 
.page_about .swiper_honor_a .swiper-button-prev{bottom: 0;top: auto;width: 40px;height: 40px;border-radius: 40px;border: 1px solid #000;color: #000;}
.page_about .swiper_honor_a .swiper-button-prev{right: 70%;left: auto;}
.page_about .swiper_honor_a .swiper-button-next{left: 70%;right: auto;}
.page_about .swiper_honor_a .swiper-button-next:hover, 
.page_about .swiper_honor_a .swiper-button-prev:hover{background-color: var(--primary-color);color: #fff;border-color: var(--primary-color);}

.page_about .swiper_honor_b{background-color: #f5f5f5;padding: 0 40px;}
.page_about .swiper_honor_b .swiper{padding-bottom: 60px;}
.page_about .swiper_honor_b .swiper .swiper-slide{background-color: #fff;padding: 10px;}
.page_about .swiper_honor_b .swiper .swiper-slide p{margin-top: 20px;text-align: center;}

.page_about .photos ul{display: grid;grid-template-columns: repeat(3, 25%);grid-template-rows: repeat(3, 200px);grid-gap: 10px;}
.page_about .photos ul li.item1{grid-area: 1 / 1 / 3 / 3;}
.page_about .photos ul li.item2{grid-area: 2 / 3 / 4 / 5;}
.page_about .photos ul li img{width: 100%;height: 100%;object-fit: cover;}


.page_news{background-color: #f5f5f5;}
.page_news .list_top{display: flex;flex-wrap: wrap;}
.page_news .list_top li{width: calc(50% - 20px);margin: 0 20px 30px 0;}
.page_news .list_top li:nth-child(3n){margin-right: 0;}
.page_news .list_top li a{display: flex;flex-direction: column;justify-content: space-between;height: 100%;padding: 30px;background-color: #fff;transition: all .3s ease-out;}
.page_news .list_top li .date{font-size: 14px;color: #888;}
.page_news .list_top li .title{font-size: 18px;font-weight: bold;margin: 10px 0 18px;}
.page_news .list_top li .pic_constant .inner::after{padding-top: 50%;}
.page_news .list_top li .desc{font-size: 14px;color: #777;line-height: 1.8;margin: 16px 0;}
.page_news .list_top li .more{font-size: 14px;display: flex;justify-content: space-between;align-items: center;padding-top: 20px;border-top: 2px solid #eee;}
.page_news .list_top li .more span{width: 23px;height: 23px;border: 1px solid #7f8c94;border-radius: 50%;display: block;position: relative;}
.page_news .list_top li .more span::before{position: absolute;content: '';left: 50%;top: 50%;width: 5px;height: 5px;background: #7f8c94;border-radius: 50%;transform: translate(-50%, -50%);}
.page_news .list_top li .more span::after{position: absolute;content: '';top: 50%;width: 52px;height: 1px;background: #7f8c94;left: -42px;}
.page_news .list_top li a:hover .pic_constant img{transform: scale(1.2);}
.page_news .list_top li a:hover .more span::before,
.page_news .list_top li a:hover .more span::after{background-color: var(--primary-color);}
.page_news .list_top li a:hover .more span{border-color: var(--primary-color);}
.page_news .list_top li:hover a{transform: translateY(-8px);}

.page_news .list li{margin-bottom: 30px;}
.page_news .list li a{display: flex;justify-content: space-between;align-items: center;background-color: #fff;padding: 30px;transition: all .3s ease-out;}
.page_news .list li .pic_constant{width: 30%;}
.page_news .list li .pic_constant .inner::after{padding-top: 50%;}
.page_news .list li .txt{width: calc(70% - 80px);padding: 0 50px;}
.page_news .list li .title{font-size: 18px;font-weight: bold;}
.page_news .list li .desc{font-size: 14px;line-height: 1.8;color: #777;margin-top: 20px;}
.page_news .list li .date{width: 70px;font-size: 18px;text-align: right;}
.page_news .list li .date b{font-size: 60px;line-height: 1;}
.page_news .list li:hover a{transform: translateY(-5px);}
.page_news .list li a:hover .pic_constant img{transform: scale(1.2);}

.pagination{width: 100%;padding:30px 0 50px 0;text-align: center;}
.pagination li{display: inline-block;margin: 0 2px;font-size: 14px;color: #555;} 
.pagination li a{padding: 6px 13px;background-color: #e9e9e9;border-radius: 2px;transition: all .3s ease;}
.pagination li a:hover, .pagination li.active a,
.pagination li.on a{background-color: #000;color: var(--primary-color);}

.page_detail{width: 100%;background-color: #fff;padding: 40px 20px;}
.page_detail .title{font-size: 20px;text-transform: uppercase;color: #000;font-weight: normal;text-align: center;}
.page_detail .others span{font-size: 14px;color: #808080;margin: 0 10px;}

.turn_page{border-top: 2px solid #eee;padding: 10px 0;}
.turn_page li{width: calc(50% - 30px);font-size: 14px;color: #808080;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.turn_page li:last-child{text-align: right;}
.turn_page li a:hover{color: var(--primary-color);}

.detail{font-size: 14px;color: #808080;line-height: 1.8;}
.detail img{display: inline-block;max-width: 100%;}

.page_case{padding:30px 0;}
.page_case .list{display: flex;flex-wrap: wrap;}
.page_case .list li{width: calc(33.33% - 20px);margin: 0 30px 30px 0;}
.page_case .list li .section{background-color:#f5f5f5;padding: 20px 10px;cursor: pointer; }
.page_case .list li .slides{display: none;}
.page_case .list li:nth-child(3n){margin-right: 0;}
.page_case .list li .pic_constant .inner::after{padding-top:60%;}
.page_case .list li .pic_constant .inner img{transform: scale(.9);object-fit: contain;}
.page_case .list li .title{text-align: center;margin-top: 15px;}
.page_case .list li:hover .pic_constant .inner img{transform: scale(1);}
.page_case .swiper{width: 100%;height: 100%;}
.page_case .swiper-slide{display: flex;justify-content: center;align-items: center;}
.page_case .swiper-slide img{max-width: 100%;max-height: 100%;}
.page_case .swiper-button-next, 
.page_case .swiper-button-prev{background-color: #fff;}
.page_case .swiper-pagination{color: #fff;}

@media screen and (max-width: 1270px){
	.page_news .list_top li{width: 100%;margin: 0 0 20px 0;}
    .page_news .list_top li a{padding: 30px 15px;}
    .page_news .list_top li .title{font-size: 16px;}
    .page_news .list_top li .pic_constant .inner::after{padding-top: 50%;}
    .page_news .list li{margin-bottom: 20px;}
    .page_news .list li a{padding: 20px 15px;}
    .page_news .list li .txt{width: 70%;padding: 0 0 0 20px;}
    .page_news .list li .title{font-size: 15px;}
    .page_news .list li .desc{margin-top: 6px;}
    .page_news .list li .date{display: none;}

	.page_about.container{padding: 0 20px;}
	.page_about .about{padding: 0 0 30px 0 !important;}
	.page_about .about .txt{width: 100%;padding: 30px 0;}
    .page_about .about .video{width: 100%;height: 35vw;}

	.page_about .section_a{padding: 0 20px;}
    .page_about .section_a .main{width: 100%;padding: 20px;}
	.page_about .counts{padding: 0 20px;}
    .page_about .counts .page_title p{width: 100%;}
    .page_about .counts ul{padding: 10px 0;}
	.page_about .counts ul li{width: 50%;margin: 10px 0;padding: 0 10px;}
    .page_about .counts ul li span{font-size: 20px;}

    .page_about .swiper_honor_a{padding-bottom: 50px;}
    .page_about .swiper_honor_b{padding: 0 20px;}
    .page_about .photos ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .page_about .photos ul li{width: calc(50% - 5px);}
	
	.page_case .list{justify-content: space-between;}
    .page_case .list li{width: calc(50% - 10px);margin: 0 0 20px 0 !important;}


	.turn_page li span{font-size: 1.4em;}
}

@media screen and (max-width: 1024px){
	.index_banner{height: 50vh;margin-top: 60px;}
	.index_title{font-size: 24px;}
	.index_about .desc{width: 100%;}

	.page_banner{margin-top: 60px;}
	.page_banner .wrapper{font-size: 24px;}

	.page_MS ul li{width: calc(50% - 15px);}

	.slide_nav{display: none;}
	.container{width: 100%;}
}

@media screen and (max-width: 768px){
	.index_banner .swiper-slide .txt{font-size: 24px;}

	.index_list_a li{width: 100%;margin: 20px 0 0 0 !important;}
	.index_list_a li:first-child{margin-top: 0 !important;}
	.index_list_a li .title{height: auto;}

	.index_list_b .swiper-slide{padding: 30px 20px 0 20px;}
	.index_list_b .swiper-slide .title{height: auto;}

	.index_adv{padding: 30px 0 80px;}
	.index_adv dt{font-size: 18px;}

	.index_location .wrapper{transform: translateY(-50px);}
	.index_location .pic{width: 92%;}

	.index_news{padding: 30px 0;}
	.index_news .wrapper{transform: none;}
	.index_news::before{display: none;}
	.index_news .p{font-size: 18px;}

	.container .swipers{padding: 20px 0 0;}
	.container .swiper.imgs{width: 100%;}
	.container .swiper.imgs .swiper-slide img{height: auto;}
	.container .swiper.thumbs{width: 100%;height: 12vw;margin-top: 10px;}
	.container .swiper.thumbs .swiper-slide{border-width: 3px;}
	.container .swiper_imgs .swiper-next,
	.container .swiper_imgs .swiper-prev{top: calc(50% - 10px);z-index: 5;}
	.container .swiper_imgs .swiper-next{right: -25px;}
	.container .swiper_imgs .swiper-prev{left: -25px;}
	.container .swiper_imgs .swiper-next::before,
	.container .swiper_imgs .swiper-prev::before{font-size: 20px;}
	.container .swiper_imgs .swiper-prev::before{content: '\e603';}
	.container .swiper_imgs .swiper-next::before{content: '\e602';}
	.container .detail{padding: 0;}
}

@media screen and (max-width: 580px){
	.page_MS ul li{width: 100%;}
	.turn_page li{width: 100%;margin: 5px 0;}
}