.index_banner{width: 100%;height: 17.34vw;}
.index_banner .swiper-slide{opacity: 0 !important;}
.index_banner .swiper-slide-active{opacity: 1 !important;}

.index_banner .swiper-pagination-bullet{opacity: 1;background-color: #fff;width: 10px;height: 10px;}
.index_banner .swiper-pagination-bullet-active{background-color: var(--primary-color);}

.index_notice{padding: 20px 0;}
.index_notice .type_name{font-size: 1.4em;}
.index_notice .type_name:hover{color: #a50001;text-decoration: underline;}

.announcement_box{width: calc(100% - 100px);}
.announcement_list{overflow: hidden;white-space: nowrap;}
#announcement_source,
#announcement_copy,
#announcement_source ul,
#announcement_copy ul,
#announcement_source ul li,
#announcement_copy ul li {display: inline-block;}
#announcement_source ul li,
#announcement_copy ul li {margin-right: 50px;}
#announcement_source ul li>a,
#announcement_copy ul li>a {color: #444;font-size: 1.4em;padding-left: 10px;position: relative;}
#announcement_source ul li>a::before,
#announcement_copy ul li>a::before{content: '';display: block;width: 5px;height: 5px;border-radius: 5px;background-color: #7c7c7c;position: absolute;top: calc(50% - 2px);left: 0;}
#announcement_source ul li>a:hover,
#announcement_copy ul li>a:hover{color: var(--primary-color)}
#announcement_source ul li>a:hover::before,
#announcement_copy ul li>a:hover::before{background-color: var(--primary-color);}

.index_title{border-left: 5px solid var(--primary-color);padding-left: 12px;line-height: 1.2;display: flex;justify-content: space-between;align-items: center;}
.index_title .name{display: flex;align-items: flex-end;}
.index_title i{height: 1px;background-color: #e8e8e8;flex: 1;transform: translateY(4px);margin: 0 5px;}
.index_title .cn{font-size: 2.5em;margin-right: 5px;}
.index_title .en{font-size: 2em;color: #808080;font-family: Arial;}
.index_title .more{font-size: 1.2em;margin-top: 6px;}
.index_title .more:hover{text-decoration: underline;color: var(--primary-color);}

.index_news_top .swiper_wrap{width: 37.5%;}
.index_news_top .swiper{width: 100%;height: 100%;background-color: #b5b5b5;padding: 10px;}
.index_news_top .swiper-slide img{width: 100%;height: 100%;object-fit: cover;}
.index_news_top .shadow{position: absolute;bottom: -18px;left: 0;width: 100%;height: 18px;object-fit: cover;}
.index_news_top .swiper .swiper-pagination{text-align: right;top: auto;left: auto;bottom: 15px;right: 15px;}
.index_news_top .swiper .swiper-pagination-bullet{width: 22px;height: 22px;line-height: 22px;font-size: 1.2em;color: #fff;background-color: rgba(0, 0, 0, .5);border-radius: 0;margin: 0 1px;text-align: center;opacity: 1;}
.index_news_top .swiper .swiper-pagination-bullet-active{background-color: rgba(255, 255, 255, .8);color: var(--primary-color);font-weight: bold;}

.index_news_top .list_wrap{width: 60%;background-color: #fff;border: 1px solid #dedede;padding: 20px;} 
.list_news li{display: flex;align-items: center;justify-content: space-between;padding-left: 12px;position: relative;margin-top: 12px;}
.list_news li:first-child{margin-top: 0;}
.list_news li::before{content: '';width: 0;height: 0;border: 5px solid transparent;border-left-color: #72b089;position: absolute;left: 0;top: 6px;display: block;}
.list_news li .title{width: calc(100% - 100px);font-size: 1.4em;;}
.list_news li .date{color: #444;font-size: 1.2em;}
.list_news li a:hover{color: var(--primary-color);}

.index_about{width: 25%;}
.index_about .desc{font-size: 1.4em;color: #808080;line-height: 1.8;overflow: hidden;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 7;}

.index_news_btm{width: 37%;}
.index_news_btm .list_news li::before{border-left-color: #808080;}

.index_honor{width: 30%;}
.index_honor .swiper-slide p{text-align: center;margin-top: 5px;font-size: 1.4em;}
.index_honor .swiper-slide:hover p{color: var(--primary-color);}

.index_links .swiper-prev,
.index_links .swiper-next{width: 30px;cursor: pointer;}
.index_links .swiper{width: calc(100% - 100px);}

.page_banner{width: 100%;height: 17.35vw;}

.page{background: linear-gradient(to bottom, #fff, #fff, transparent);margin-top: -20px;padding: 20px;}

.slide_left{width: 280px;}
.slide_left .type_name_top{background: linear-gradient(to right, #e1e1e1, #f9f9f9);border: 1px solid #e1e1e1;line-height: 1;padding: 20px 10px;text-align: center;}
.slide_left .type_name_top .cn{font-size: 2em;}
.slide_left .type_name_top .en{font-size: 1.4em;color: #535353;margin-top: 15px;}
.slide_left .nav li a{background: linear-gradient(to right, #e1e1e1, #f9f9f9);border: 1px solid #e1e1e1;padding: 15px 50px 15px 10px;margin-top: 5px;position: relative;display: block;font-size: 1.4em;text-align: center;}
.slide_left .nav li a::after{content: '>>';position: absolute;top: calc(50% - 10px);right: 15px;color: inherit;display: block;}
.slide_left .nav li.on a,
.slide_left .nav li:hover a{background: linear-gradient(to bottom, #00741a, #049f29);color: #fff;}
.slide_left .contact{background: url(/static/s1/images/bg03.jpg) no-repeat center/100% 100%;padding: 5px 10px 0 7px;}
.slide_left .contact .type_name{align-items: flex-end;line-height: 1;}
.slide_left .contact .type_name .cn{font-size: 2em;}
.slide_left .contact .type_name .en{font-size: 1.4em;color: #535353;margin-left: 5px;}
.slide_left .contact ul{padding: 10px 10px 25px;font-size: 1.4em;}
.slide_left .contact ul li{margin-top: 5px;}

.container{width: calc(100% - 320px);}
.container .position{border-bottom: 1px solid #ccc;padding-bottom: 10px;justify-content: flex-end;color: #434343;font-size: 1.3em;}
.container .position a:hover{color: var(--primary-color);}

.block_txt{padding: 20px 10px;text-indent: 2em;font-size: 1.4em;background-color: #f3f3f3;border: 1px solid #ccc;}
.layui-form{width: 600px;font-size: 1.4em;}

.list_txt li{display: flex;align-items: center;justify-content: space-between;padding-left: 12px;position: relative;padding: 12px 0 12px 12px;border-bottom: 1px dashed #d0d0d0;}
.list_txt li::before{content: '';width: 5px;height: 5px;background-color: #999;position: absolute;left: 0;top: calc(50% - 2px);display: block;}
.list_txt li .title{width: calc(100% - 100px);font-size: 1.4em;}
.list_txt li .date{color: #444;font-size: 1.2em;}
.list_txt li a:hover{color: var(--primary-color);}

.list_img li{width: calc((100% - 90px) / 4);margin: 30px 30px 0 0;}
.list_img li:nth-child(4n){margin-right: 0;}
.list_img li .pic{width: 100%;}
.list_img li .pic img{ aspect-ratio: 3 / 2; object-fit: contain; }
.list_img li .pic:hover img{transform: scale(1.02);}
.list_img li .title{font-size: 1.4em;margin-top: 5px;text-align: center;}
.list_img li .title a:hover{color: var(--primary-color);}

.pager-list{margin: 40px 0;}
.pager-list ul{ display: inline-flex;}
.pager-list li{ padding: 0 6px;}
.pager-list li.prev> *,
.pager-list li.next> *{background: none;border: 1px solid #e6e6e6;}
.pager-list li> *{ display: inline-flex;justify-content: center;align-items: center; height: 30px;line-height: 30px;padding: 0 12px;font-size: 1.4em;color: #333;border: 1px solid #e6e6e6;}
.pager-list li a:hover{ background: var(--primary-color) !important; color:#fff !important;border-color: var(--primary-color) !important;}
.pager-list li.active> *{ color:#fff !important; background: var(--primary-color) !important;border-color: var(--primary-color);}
.pager-list li.disabled> *{ cursor:auto;}
.pager-list li.active> span:hover, 
.pager-list li.active> a:hover{ background:var(--primary-color) !important; color: #fff !important;border-color: var(--primary-color) !important;}

.detail_title{font-size: 2em;color: var(--primary-color);text-align: center;margin-top: 20px;font-weight: normal;}
.detail_others{font-size: 1.4em;color: #888;margin: 10px 0 0;text-align: center;}

.turn_page{border-bottom: 1px solid #ccc;padding: 10px 0;}
.turn_page li{display: flex;font-size: 1.4em;color: #808080;}
.turn_page li .title{flex: 1;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.turn_page li a:hover{color: var(--primary-color);}

.detail{padding: 10px 0 50px;font-size: 1.6em;line-height: 1.8;}
.detail img{display: inline-block;max-width: 100%;}
.detail p { min-height: 29px; }

@media screen and (max-width: 1270px){
	.index_title{padding-left: 6px;line-height: 1;}
	.index_title .cn{font-size: 2em;}
	.index_title .en{font-size: 1.4em;}

	.list_news li{margin-top: 8px;}

	.pager-list li{padding: 0 2px;}
	.pager-list li> *{height: 30px;padding: 0 10px;font-size: 1.2em;}

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

@media screen and (max-width: 1024px){
	.index_banner{height: 30vw;margin-top: 60px;}

	.index_about{width: 100%;}
	.index_news_btm{width: 100%;margin: 30px 0;}
	.index_honor{width: 100%;}

	.page_banner{height: 30vw;margin-top: 60px;}
	.slide_left{display: none;}
	.container{width: 100%;}
}

@media screen and (max-width: 768px){
	.index_news_top .swiper_wrap{width: 100%;}
	.index_news_top .list_wrap{width: 100%;margin-top: 30px;}

	.index_links{margin-top: 30px;}

	.list_news li .title{width: calc(100% - 70px);}
	.list_txt li .title{width: calc(100% - 70px);}
	.list_img li{width: calc(50% - 10px);margin: 20px 20px 0 0;}
	.list_img li:nth-child(2n){margin-right: 0;}
	.detail_title{font-size: 1.8em;}
	.layui-form{width: 100%;}

	.layui-form-label{padding: 9px 5px 9px 0;}
	.layui-input-block{margin-left: 86px;}
}

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