.index_banner{position: relative;}
.index_banner_swiper .swiper-slide{position: relative;}
.index_banner_swiper .swiper-slide img{width: 100%;}
.index_banner_nav{position: absolute;z-index: 5;bottom: 0;left: 0;width: 100%;height: 50px;line-height: 50px;}
.index_banner_nav .swiper-slide{background-color: rgba(16, 110, 55, .5);text-align: center;font-size: 1.5em;color: #fff;cursor: pointer;transition: all .3s ease-out;}
.index_banner_nav .swiper-slide:hover,
.index_banner_nav .swiper-slide.swiper-slide-thumb-active{background-color: var(--primary-color);}
.swiper-button-next,
.swiper-button-prev{width: 40px;height: 80px;background-color: var(--primary-color); opacity: 0.8; top: 50%;margin-top: 0;transform: translateY(-50%);}
.swiper-button-next{right: 0;}
.swiper-button-prev{left: 0;}
.swiper-button-next::after,
.swiper-button-prev::after{font-size: 20px;color: #fff;font-weight: bold;}

.index_news{background-color: #fff;padding: 20px;}
.index_news .section{width: calc(50% - 20px);}
.index_news .section .top{width: 100%;position: relative;overflow: hidden;display: block;}
.index_news .section .top .pic{width: 100%;transition: all .3s ease-out;}
.index_news .section .top:hover .pic{transform: scale(1.05);}
.index_news .section .top .title{position: absolute;top: 0;left: 0;padding: 5px 20px;background-color: var(--primary-color);font-size: 1.8em;color: #fff;display: flex;align-items: center;}
.index_news .section .top .title img{height: 18px;margin-right: 5px;}
.index_news .section ul li{padding: 20px 0;border-bottom: 1px dashed #666;}
.index_news .section ul li a{display: flex;justify-content: space-between;}
.index_news .section ul li a .txt{padding-right: 20px;width: 88%;line-height: 1;}
.index_news .section ul li a .title{font-size: 1.6em;}
.index_news .section ul li a .desc{color: #999;margin-top: 15px;font-size: 1.5em;}
.index_news .section .more{text-align: center;margin-top: 20px;font-size: 1.6em;}

.index_pic{background-color: #fff;padding: 20px;}
.index_pic ul li{width: calc(25% - 15px);}
.index_pic ul li a{position: relative;overflow: hidden;display: block;}
.index_pic ul li .title{position: absolute;bottom: 20px;left: 0;background-color: rgba(255, 255, 255, .8);padding: 8px 20px;font-size: 1.6em;color: #666;}
.index_pic ul li a img{width: 100%;transition: all .3s ease-out;}
.index_pic ul li a:hover img{transform: scale(1.2) rotate(-6deg);}
.index_pic ul li a:hover .title{color: var(--primary-color);}
.index_pic ul li.title{background-color: #f8f8f8;display: flex;justify-content: center;align-items: center;text-align: center;}
.index_pic ul li.title h3{font-size: 2.2em;color: var(--primary-color);}
.index_pic ul li.title p{font-size: 1.4em;margin-top: 20px;}

.page_container{}
.page_position{font-size: 1.5em;padding: 21px 0 21px 20px;border-bottom: 2px dashed #dcdcdc;background: url(../images/position.png) no-repeat left center/20px;}

.slide_nav{width: 270px;}
.slide_cont{width: calc(100% - 310px);}
.slide_nav .title{background: var(--primary-color) url(../images/bg.png) no-repeat center/cover;padding: 15px 0;text-align: center;}
.slide_nav .title h3{font-size: 2.4em;color: #fff;letter-spacing: 2px;}
.slide_nav ul{background-color: #e9f2ed;border: 1px solid #dadada;}
.slide_nav ul li a{display: block;padding: 10px 20px;border-bottom: 1px solid #dadada;font-size: 1.8em;position: relative;}
.slide_nav ul li:last-child a{border: none;}
.slide_nav ul li.on a::before{content: '';display: block;position: absolute;top: 0;left: 0;width: 3px;height: 100%;background-color: var(--primary-color);}
.slide_nav ul li.on a,
.slide_nav ul li:hover a{color: var(--primary-color);font-weight: bold;}

.page_list li a{display: flex;justify-content: space-between;border-top: 1px solid #eee;border-bottom: 1px solid #eee;border-right: 1px solid transparent;transition: all .3s ease-out;}
.page_list li a .date{width: 100px;padding: 20px;transition: inherit;position: relative;}
.page_list li a .date::after{content: '';width: 1px;height: 50%;background-color: #eee;display: block;position: absolute;top: 20px;right: 0;}
.page_list li a .date p{font-size: 2.2em;}
.page_list li a .date span{font-size: 1.5em;}
.page_list li a .txt{width: calc(100% - 100px);padding: 20px 20px 20px 40px;}
.page_list li a .title{font-size: 1.8em;font-weight: bold;margin-bottom: 5px;}
.page_list li a .desc{font-size: 1.5em;color: #666;}
.page_list li a:hover{border-color: var(--primary-color);}
.page_list li a:hover .date{background-color: var(--primary-color);color: #fff !important;}
.page_list li a:hover .date::after{display: none;}

.container{min-height: calc(100vh - 567px);background-color: #fff;padding: 30px;box-shadow: 0 0 14px #eee;}
.detail .title{text-align: center;font-size: 2em;}
.detail .others{text-align: center;color: #666;margin-top: 10px;font-size: 1.4em;}
.detail .cont{margin-top: 30px;}
.detail p{font-size: 1.6em;padding: 5px 0;line-height: 1.8;letter-spacing: 1px; }
.detail .article p{ text-indent: 2em; }
.detail img{margin: 5px auto;}

.page_pic .top_section{width: 100%;background-color: var(--primary-color);display: flex;justify-content: space-between;align-items: center;padding: 0 20px;}
.page_pic .top_section .title{font-size: 2em;color: #fff;padding-left: 12px;position: relative;line-height: 1;}
.page_pic .top_section .title::before{content: '';width: 4px;height: 100%;background-color: #fff;border-radius: 4px;display: block;position: absolute;top: 0;left: 0;}
.page_pic .top_section .page_position{border: none;color: #fff;}
.page_pic .list{display: flex;flex-wrap: wrap;background-color: #fff;padding: 30px;}
.page_pic .list li{width: calc(25% - 22.5px);margin: 0 30px 30px 0;border-radius: 8px;background-color: #f8f8f8;cursor: pointer;overflow: hidden;transition: all .3s ease-out;}
.page_pic .list li:nth-child(4n){margin-right: 0;}
.page_pic .list li .pic{width: 100%;overflow: hidden;}
.page_pic .list li .pic img{width: 100%;transition: all .3s ease-out;}
.page_pic .list li .title{padding: 12px;font-size: 1.8em;text-align: center;}
.page_pic .list li:hover{background-color: var(--primary-color);transform: scaleY(1.1);}
.page_pic .list li:hover .title{color: #fff;}
.page_pic .list li:hover .pic img{transform: scaleX(1.1);}

.popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .95);z-index: 99999;display: none;}
.popup .close{position: fixed;z-index: 99999;top: 0;right: 0;width: 30px;height: 30px;cursor: pointer;}
.popup .section{width: 100%;height: 100%;}
.swiper_pic{height: calc(100% - 200px);}
.swiper_pic .swiper-slide{padding: 20px;display: flex;justify-content: center;align-items: center;}
.swiper_pic .swiper-slide img{max-width: 100%;max-height: 100%;}
.swiper_pic_tab{height: 200px;background-color: #fff;}
.swiper_pic_tab .swiper-slide{padding: 20px;cursor: pointer;}
.swiper_pic_tab .swiper-slide img{width: 100%;height: 100%;object-fit: cover;transition: all .3s ease-out;}
.swiper_pic_tab .swiper-slide:hover img{transform: scale(1.05);}
.swiper_pic_tab .swiper-slide.swiper-slide-thumb-active{background-color: var(--primary-color);}

.list_qa li{border-top: 1px dashed #dedcdc;padding: 25px 0;letter-spacing: 1px;}
.list_qa li .item{display: flex;align-items: flex-start;font-size: 1.6em;}
.list_qa li .item span{font-weight: bold;}
.list_qa li .item:first-child{margin-bottom: 10px;}
.list_qa li .item:last-child p{color: #545353;}

.pager-list{ text-align:center; margin: 60px 0;font-size: 1.4em;}
.pager-list ul{ display:inline-block;display: inline-flex;}
.pager-list li{ padding:0 8px;}
.pager-list li> *{ display:inline-block; padding: 5px 12px;border: 1px solid #c0c0c0;}
.pager-list li a:hover{ background: var(--primary-color) !important; color:#fff !important; border:1px solid var(--primary-color);}
.pager-list li.active> *{ color:#fff !important; background:var(--primary-color) !important; border:1px solid 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; border-color: var(--primary-color); color: #fff !important;}

.turn_page{margin-top: 40px;}
.turn_page li{width: 48%;font-weight: bold;color: #7c7c7c;}
.turn_page li a{display: inline-block;max-width: 100%;}
.turn_page li p{font-size: 1.4em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.turn_page li:last-child{text-align: right;}
.turn_page li a:hover p{color: var(--primary-color);}

.layui-form-label,
.layui-input, 
.layui-textarea,
.layui-btn,
.layui-form-select dd{font-size: 1.6em;}
.layui-form-item{margin-bottom: 30px;}
.layui-form-label{padding: 0 15px;line-height: 38px;}
.layui-btn{padding: 0 42px;}

.online .reset{background-color: #cfcece;color: #333;}
.online .layui-form-label{width: 120px;}
.online .layui-input-block{margin-left: 150px;}

.result .section{width: 664px;height: 629px;padding-top: 80px;background: url(../images/result_bg.png) no-repeat;}
.result .inner{margin: 0 auto;display: flex;flex-direction: column;align-items: center;}
.result .title{margin-bottom: 25px;}
.result .title img{width: 100%;}
.result .doc{display: flex;justify-content: center;width: 100%;}
.result ul{display: flex;flex-direction: column;}
.result ul li{margin-top: 10px;white-space: nowrap;font-size: 1.6em;padding: 10px 25px;}
.result ul.type li{background-color: #c61c1e;color: #fff;text-align: center;}
.result ul.value li{background-color: #fff;}

.result_error{height: 100%;}
.result_error p{margin-left: 20px;font-size: 1.8em;}

.signUp .item{display: flex;flex-wrap: wrap;align-items: center;margin-bottom: 40px;}
.signUp .item .left{width: 180px;display: flex;align-items: center;font-size: 1.6em;line-height: 1.2;}
.signUp .item .left.max{width: 100%;}
.signUp .item .left img{width: 25px;margin-right: 10px;}
.signUp .item .block{width: 100%;margin-top: 10px;}
.signUp .item.address .block{display: flex;justify-content: space-between;}
/* .signUp .item.address .block input:first-child{width: 38%;} */
/* .signUp .item.address .block input:last-child{width: 60%;} */
.signUp .item.address .block .frame{ display: flex; justify-content: space-between; width: 80%; }
.signUp .item.address .block .frame select{ width: 33%; border-color: #f0f0f0; }
.signUp .item.upload .block{background-color: #f7f5f5;border-radius: 10px;border: 1px solid #c2c3c4;padding: 20px;display: flex;flex-direction: column;justify-content: center;align-items: center;}
.signUp #upload-text{margin-top: 10px;}
.signUp #upload-text span{margin-right: 10px;}
.signUp .item.captcha{display: flex;align-items: center;}
.signUp .item.captcha input{width: 120px;}
img#captcha{height: 38px;cursor: pointer;vertical-align: top;margin-left: 15px;}
.signUp .layui-input,
.signUp .layui-form-select{width: calc(100% - 180px);}
.signUp .layui-form-select .layui-input{width: 100%;}
.signUp .submit{margin: 50px auto;display: block;}