.index_banner{width: 100%;}
.index_banner .swiper-button-next, 
.index_banner .swiper-button-prev{width: 60px;height: 60px;line-height: 60px;font-size: 34px;color: #fff;border-radius: 4px;text-align: center;display: none;}
.index_banner .swiper-button-next:hover, 
.index_banner .swiper-button-prev:hover{background-color: rgba(0, 0, 0, .5);}

.page_index{background: url(../images/bg01.png) no-repeat top center/100% auto;}

.index_title{text-align: center;}
.index_title .p1 span{font-size: 5em;border-bottom: 1px solid #000;padding: 0 10px;display: inline-block;font-weight: bold;}
.index_title .p2{margin-top: 15px;}
.index_title .p2 p{font-size: 1.4em;color: #8b8b8b;margin-top: 5px;}
.index_title .p2 p.en{font-size: 2em;}

.counters{width: 1088px;height: 140px;background: #e6e6e6 url(../images/bg02.png) repeat-x;border-radius: 4px;line-height: 1;margin: 60px auto 0;padding: 0 50px;font-size: 2em;text-align: center;align-items: center;}
.counters .counter{font-size: 2em;font-family: Arial;}
.counters .p2{margin-top: 10px;}

.index_service ul{width:100%;gap: 4px;}
.index_service ul li{width:calc((67% / 5) - 4px);height: 685px;padding: 120px 0 0;background:#d6d3d3;color: #fff;display: flex;justify-content: center;transition: all .2s linear;}
.index_service ul li .type_name{width: 35px;}
.index_service ul li .type_name img{height: 35px;width: 35px;object-fit: contain;}
.index_service ul li .type_name p{font-size: 2.8em;font-weight: bold;color: #000;line-height: 1.2;margin: 50px 0 0 0;text-align: center;}
.index_service ul li .desc{font-size: 1.6em;line-height: 2;padding: 50px 0;margin: 50px 0 120px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;display: none; }
.index_service ul li .btn{display: none;width: calc(100% - 80px);border: 1px solid #fff;padding: 10px;font-size: 1.5em;text-align: center;margin: 0 auto;}
.index_service ul li.active{width: 33%;background: url(../images/bg03.png) no-repeat center/cover;display: block;padding: 80px 40px 0;}
.index_service ul li.active .type_name{width: 100%;display: flex;justify-content: center;align-items: center;}
.index_service ul li.active .type_name img{filter: brightness(0.5) invert(1)}
.index_service ul li.active .type_name p{margin: 0 0 0 15px;color: #fff;font-weight: normal;font-size: 2.2em;}
.index_service ul li.active .desc,
.index_service ul li.active .btn{display: block;}
.index_service ul li .btn:hover{background-color: #848484;}

.list_a li{width: calc(33.333% - 30px);margin: 45px 45px 0 0;}
.list_a li:nth-child(3n){margin-right: 0;}
.list_a li .inner{width: 100%;position: relative;transition: all .4s ease-out;display: block;box-shadow: -10px 15px 25px #aaa;overflow: hidden;}
.list_a li .inner::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .1);opacity: 0;transition: inherit;}
.list_a li .pic{width: 100%; padding-top: 59.72%; position: relative; background: #000; }
.list_a li .pic img{ position: absolute; top: 0; width: 100%; height: 100%;object-fit: fill; }
.list_a li .txt{position: absolute;top: 0;left: 100%;z-index: 1;width: 100%;height: 100%;padding: 20px;font-size: 2em;color: #fff;font-weight: bold;transition: inherit;}
.list_a li:hover .inner{transform: translate(0, -15px);}
.list_a li:hover .inner::after{opacity: 1;}
.list_a li:hover .txt{left: 0;}

.index_news .swiper{width: 355px;margin: 0;}
.index_news .swiper .swiper-slide{opacity: 0 !important;}
.index_news .swiper .swiper-slide-active{opacity: 1 !important;}
.index_news .swiper .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.index_news .swiper .swiper-slide .title{position: absolute;bottom: 0;left: 0;width: 100%;padding: 10px;background-color: rgba(0, 0, 0, .3);font-size: 1.4em;color: #fff;text-align: center;}
.index_news .swiper-button-next, 
.index_news .swiper-button-prev{width: 40px;height: 40px;line-height: 40px;font-size: 24px;color: #fff;border-radius: 4px;text-align: center;background-color: rgba(255, 255, 255, .1);}
.index_news .swiper-button-next{right: 0;}
.index_news .swiper-button-prev{left: 0;}

.index_news .right{width: calc(100% - 375px);}
.index_news .right .top{border-bottom: 1px solid #000;padding-bottom: 10px;}
.index_news .right .top .title{font-size: 2em;font-weight: bold;}
.index_news .right .top .desc{font-size: 1.4em;line-height: 2;margin-top: 10px;}
.index_news .right ul li{display: flex;justify-content: space-between;position: relative;padding-left: 18px;font-size: 1.4em;margin-top: 10px;}
.index_news .right ul li::after{content: '';position: absolute;top: calc(50% - 4px);left: 0;width: 8px;height: 8px;background-color: #000;border-radius: 10px;}
.index_news .right ul li .date{color: #434343;}
.index_news a:hover{opacity: .6;}

.index_partner ul li{width: calc(100% / 6);height: 120px;margin-top: 30px;}
.index_partner ul li a{width: 100%;height: 100%;display: flex;align-items: center;padding: 10px;background-size: 0 0;transition: all .4s ease-out;}
.index_partner ul li a img{width: 100%;height: 100%;object-fit: contain;}
.index_partner ul li a:hover{box-shadow: 0 7px 7px #bbb;background-size: contain;background-origin: content-box;}
.index_partner ul li a:hover img{display: none;}

.page_banner{width: 100%;}
.page_banner img{width: 100%;}

.page{background: url(../images/bg06.png) no-repeat center/cover;padding: 50px 0;}

.page_nav{justify-content: center;}
.page_nav li{margin-right: 30px;position: relative;}
.page_nav li:last-child{margin-right: 0;}
.page_nav li a{padding: 8px 15px;font-size: 1.4em;display: block;background-color: #f8f8f8;white-space: nowrap;}
.page_nav li:hover> a,
.page_nav li.on> a{background-color: #000;color: #fff;}
.page_nav li .children{background-color: #e7e8e9;position: absolute;top: 100%;left: 0;display: none;}
.page_nav li .children a{background: none;}
.page_nav li .children a:hover{background-color: #dcdcdc;}
.page_nav li:hover .children{display: block;}

.service_title .p1{font-size: 1.8em;font-weight: bold;text-align: center;}
.service_title .p2{width: 90%;height: 74px;background: url(../images/bg05.png) no-repeat center/100% auto;font-size: 1.4em;color: #5a5959;display: flex;align-items: center;margin: 20px auto 0;padding: 20px 30px;}

.list_b li{margin-bottom: 20px;}
.list_b li a{padding: 15px 20px 15px 15px;border: 1px solid #eaeaea;box-shadow: 5px 5px 15px #ccc;color: #333;}
.list_b li .pic{width: 34%;}
.list_b li .pic img{height: 100%;object-fit: cover;}
.list_b li .txt{width: calc(66% - 20px);font-size: 1.2em;display: flex;flex-direction: column;justify-content: center;font-weight: bold;line-height: 2;padding: 20px 0;}
.list_b li .title{font-size: 1.4em;line-height: 1;margin-bottom: 20px;}
.list_b li a:hover{background-color: #848383;color: #fff;}

.page .about .desc{background: url(../images/bg07.png) no-repeat center/100% auto;font-size: 1.4em;color: #333;line-height: 1.8;width: 912px;height: 343px;margin: 0 auto;padding: 85px 160px 70px;}
.page .about .desc b{font-size: 1.2em;}
.page .about .vd{width: 666px;height: 524px;background: url(../images/bg08.png) no-repeat;display: flex;align-items: center;justify-content: center;margin: 50px auto 0;}

.page .target{background: url(../images/bg09.png) no-repeat center/auto 100%;padding: 20vh 15% 30vh;position: relative;}
.page .target .desc{background-color: rgba(255, 255, 255, .5);padding: 50px;border-radius: 14px;font-size: 1.6em;color: #333;line-height: 1.8;}
.page .target .year{position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);font-size: 5em;color: #fff;font-weight: bold;}

.team_title{text-align: center;}
.team_title .p1{font-size: 3em;font-weight: bold;position: relative;}
.team_title .p1::after{content: '';width: 3.5em;height: 1px;background-color: #000;margin: 5px auto 0;display: block;}
.team_title .p2{font-size: 1.4em;color: #666;margin-top: 30px;}

.list_c li{padding: 15px;box-shadow: 5px 5px 15px #ccc;margin-bottom: 40px;align-items: flex-start;}
.list_c li .pic{width: 24%;border: 4px solid #e5e5e5;box-shadow: 5px 5px 15px #ccc;}
.list_c li .pic img{width: 100%;display: block;}
.list_c li .txt{width: calc(76% - 50px);font-size: 1.4em;color: #333;}
.list_c li .p1{font-size: 1.8em;}
.list_c li .p2{font-size:1.1em;}

.page_contact{width: 100%;padding: 20vh 4%;background: url(../images/banner_contact.jpg) no-repeat center/cover;display: flex;justify-content: center;align-items: center;}
.page_contact .section{padding: 50px;color: #fff;border: 2px solid #fff;}
.page_contact .section .p1{font-size: 2.2em;}
.page_contact .section ul li{font-size: 1.6em;margin-bottom: 20px;display: flex;align-items: center;}
.page_contact .section ul li:last-child{margin-bottom: 0;}
.page_contact .section ul li .icon{height: 30px;margin-right: 20px;}

.detail_top{text-align: center;}
.detail_top .title{font-size: 2em;}
.detail_top .title::after{content: '';display: block;width: 5em;height: 3px;background-color: #000;margin: 10px auto;}
.detail_top .others{font-size: 1.2em;color: #737272;font-weight: bold;}

.detail{font-size: 1.4em;color: #333;line-height: 1.8;}
.detail._a{background-color: #e7e6e6;padding: 20px;color: #5a5959;}
.detail p+p { margin-top: 10px; }
.detail img,
.detail video{max-width: 100%;}

.pager-list{ text-align:center; margin: 80px 0 120px;}
.pager-list ul{ display: inline-flex;}
.pager-list li{ padding: 0 6px;}
.pager-list li> *{ display: inline-flex;justify-content: center;align-items: center; height: 34px;line-height: 34px;padding: 0 12px;font-size: 1.2em;color: #000;background-color: #d8d8d8;border-radius: 4px;}
.pager-list li a:hover{ background-color: #a4a4a4 !important; color:#fff !important;}
.pager-list li.active> *{ color:#fff !important; background-color: #000;}
.pager-list li.disabled> *{ cursor:auto;}
.pager-list li.active> span:hover, 
.pager-list li.active> a:hover{ background-color: #a4a4a4 !important; color: #fff !important;}

.turn_page{align-items: center;border-top: 1px solid #000;padding-top: 20px;}
.turn_page li{width: calc(50% - 30px);font-size: 1.4em;color: #555;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.turn_page li:last-child{text-align: right;}
.turn_page li a:hover{color: #000;}

@media screen and (max-width: 1440px){
	
}

@media screen and (max-width: 1366px){
	
}

@media screen and (max-width: 1270px){
	.counters{width: 100%;}
	
	.pager-list{margin: 60px 0 80px;}
	.pager-list li{padding: 0 4px;}
	.pager-list li> *{height: 30px;line-height: 30px;padding: 0 10px;}
}

@media screen and (max-width: 1024px){
	.index_title .p1 span{font-size: 4em;}

	.index_service ul li .type_name{width: 30px;}
	.index_service ul li .type_name img{width: 30px;height: 30px;}
	.index_service ul li .type_name p{font-size: 2em;}
	.index_service ul li.active{padding: 80px 15px 0;}

	.index_partner ul{margin-top: 30px;}
	.index_partner ul li{width: 25%;height: 15vw;margin-top: 10px;}

	.list_a li{width: calc(33.333% - 20px);margin: 30px 30px 0 0;}
	.list_a li .txt{left: 0;top: auto;bottom: 0;height: 40px;font-size: 1.4em;background-color: rgba(0, 0, 0, .2);}
	.list_a li .txt p{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

	.page_nav{justify-content: center;flex-wrap: wrap;gap: 15px;}
	.page_nav li{width: calc(50% - 8px);text-align: center;margin-right: 0;}
	.page_nav li:hover .children{display: none;}
	
	.page .about .desc{width: 100%;height: auto;background: none;padding: 30px 0 0;}
}

@media screen and (max-width: 768px){
	.counters{font-size: 1.6em;padding: 0 30px;}
	.index_title .p1 span{font-size: 3em;}
	
	.index_service ul li{width: 100%;height: auto;padding: 20px 0 20px 30%;}
	.index_service ul li .type_name{width: 100%;height: auto;display: flex;align-items: center;}
	.index_service ul li .type_name img{width: 20px;height: 20px;}
	.index_service ul li .type_name p{font-size: 1.6em;margin: 0 0 0 10px;}
	.index_service ul li.active{width: 100%;height: auto;padding: 50px 20px;}
	.index_service ul li.active .desc{margin: 50px 0;}
	
	.list_a{justify-content: space-between;}
	.list_a li{width: calc(50% - 15px);margin: 30px 0 0 0 !important;}

	.list_b li .txt{padding: 0;width: calc(66% - 15px);}
	.list_b li .title{margin-bottom: 10px;font-size: 1.3em;}
	.list_b li .desc{-webkit-line-clamp: 2;}
	.list_b li .more{display: none;}

	.list_c li .txt{width: calc(76% - 15px);}

	.index_news .swiper{width: 100%;}
	.index_news .right{width: 100%;margin-top: 20px;}

	.page .about .vd{width: 100%;height: 60vw;background-size: 100% 100%;padding: 4.2% 4.9%;}
	.page .about .vd iframe{width: 100%;height: 100%;}
	.page .about .vd video{width: 100%;height: 100%;object-fit: contain;}

	.page .target{padding: 20vw 10% 30vw;}
	.page .target .desc{padding: 50px 30px;}
	.page .target .year{font-size: 4em;}

	.page_contact .section{padding: 50px 20px;}
	.page_contact .section .p1{font-size: 1.8em;}
	.page_contact .section ul li .icon{height: 24px;margin-right: 10px;}

	.turn_page{padding: 8px 0;}
	.turn_page li{width: calc(50% - 2px);font-size: 1.4em;}
}

@media screen and (max-width: 525px){
	.counters{font-size: 1.4em;padding: 0 20px;}
	
	.index_service ul li{width: 100%;height: auto;padding: 20px 0 20px 24%;}
	.index_service ul li.active .type_name p{font-size: 1.8em;}
	.index_service ul li.active .desc{margin: 30px 0 50px;padding: 30px 0;}
	.index_service ul li .btn{padding: 5px;font-size: 1.4em;}
	
	.index_partner ul li{width: 33.333%;}

	.page_nav li a{padding: 8px 5px;}
	
	.list_a li{width: 100%;}
}

@media screen and (max-width: 414px){
	.index_service ul li{width: 100%;height: auto;padding: 20px 0 20px 18%;}
	
}