@charset "utf-8";
section { width:100%; position:relative;}
section>ul { position:relative; z-index:20;}
section img { max-width:100%;}

.index_swiper { z-index:20;}
.index_swiper .swiper { float:left; width:100%; position:relative;}
.index_swiper .swiper-slide p { color:#fff; text-transform:uppercase; position:absolute; left:0;}
.index_swiper .swiper .bg { float:left; width:100%; font:0/0 arial; position:relative; z-index:1;}
.index_swiper .swiper .bg img { width:100%; opacity:0;}
.index_swiper .swiper .img { width:100%; height:100%; top:0;}
.index_swiper .swiper .img img { transition:all 0.8s;}
.index_swiper .swiper .img:hover img { transform:scale(1.05);}
.index_swiper .swiper-pagination { width:auto !important; height:4px !important; padding:5px; background:rgba(0,0,0,0.4); border-radius:10px; left:50% !important; bottom:6px !important; transform:translateX(-50%);}
.index_swiper .swiper-pagination-bullet { width:4px; height:100%; margin:0 2px !important; background:#fff; border-radius:100%;}
.index_swiper .swiper-pagination-bullet-active { background:#88b041;}
.index_swiper .swiper-button { display:none;}

.index_title { width:calc(100% - 20px); padding-top:32px; margin:0 10px 15px; border-bottom:#d6d6d6 1px solid; position:relative; z-index:10;}
.index_title h5 { line-height:22px; font-size:22px; font-weight:bold; color:#323478; position:absolute; top:0; left:0;}
.index_title h5:after { width:100%; height:12px; content:""; background:#88b041; position:absolute; bottom:-5px; left:0; z-index:1;}
.index_title h5 i { padding:0 10px; display:inline-block; position:relative; z-index:10;}
.index_title h6 { float:left; padding:0 10px 10px; font:18px/18px arial; color:#dcdcdc; text-shadow:1px 1px 1px #999595;}
.index_title li { width:calc(100% - 20px); margin:2px 10px 8px; line-height:20px; font-size:14px; color:#333;}

.index_more { width:100%; height:24px; margin-top:20px; line-height:36px; font-size:14px; position:relative;}
.index_more li { height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_more li a { float:left; height:100%; text-indent:25px; color:#323478; position:relative;}
.index_more li a:before { width:15px; height:24px; content:""; background:#323478; border-radius:10px; position:absolute; bottom:0; left:0;}
.index_more li a:after { width:1px; height:8px; content:""; background:#fff; position:absolute; top:2px; left:7px; animation:moreAction 0.65s linear infinite alternate;}

@keyframes moreAction {
	0% { transform:translateY(0px);}
	100% { transform:translateY(12px);}
}

.index_product { padding:30px 0;}
.index_product .className { width:calc(100% - 10px); margin:-10px 0 20px 10px; text-align:center; position:relative;}
.index_product .className li { width:calc(100% / 3 - 10px); height:33px; margin:10px 10px 0 0; text-align:center;}
.index_product .className li a { float:left; width:calc(100% - 2px); height:calc(100% - 2px); border:#dcdcdc 1px solid; border-radius:5px; line-height:32px; font-size:14px;}
.index_product .className li:hover a { background:#88b041; border-color:#88b041; color:#fff;}

.index_product .list { width:calc(100% - 10px); margin:-10px 0 0 10px;}
.index_product .list li { width:calc(100% / 2 - 12px); margin:10px 10px 0 0; border:#ededed 1px solid; text-align:center;}
.index_product .list li a { float:left; width:100%; padding-bottom:33px; overflow:hidden; position:relative;}
.index_product .list li p { width:100%; text-align:center; overflow:hidden; position:absolute; left:0; z-index:10;}
.index_product .list li img { width:100%;}
.index_product .list li .bg { float:left; font:0/0 arial; position:relative;}
.index_product .list li .img { height:calc(100% - 33px); top:0;}
.index_product .list li .name { width:calc(100% - 10px); height:33px; padding:0 5px; background:#f2f7f8; line-height:36px; font-size:14px; bottom:0;}
.index_product .list li:hover { border-color:#88b041;}
.index_product .list li:hover .name { background:#88b041; color:#fff;}

.index_about { padding:30px 0; background:#eeeff8 url(../images/bg_about.jpg) no-repeat center bottom; background-size:100%;}
.index_about .index_title h5 { left:50%; transform:translateX(-50%);}

.index_about .info { width:calc(100% - 20px); padding:0 10px 15px;}
.index_about .index_title li { text-align:center;}

.index_about .list { width:100%; margin-top:-20px; position:relative; z-index:10;}
.index_about .list li { width:calc(100% / 2); height:100px; margin-top:20px; position:relative;}
.index_about .list li:before { width:1px; height:100%; content:""; background:#d0d0ee; position:absolute; top:0; left:0;}
.index_about .list li:first-child:before { display:none;}
.index_about .list li a { width:140px; height:100%; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_about .list li p { color:#3e3a3a; position:absolute;}
.index_about .list li .icon { width:44px; height:44px; background:url(../images/base.png) no-repeat -50px -40px; top:0; left:50%; transform:translateX(-50%);}
.index_about .list li .num { height:22px; top:55px; left:50%; transform:translateX(-50%);}
.index_about .list li .num i { float:left; height:100%;}
.index_about .list li .num i:nth-child(1) { font:bold 22px/22px arial;}
.index_about .list li .num i:nth-child(2) { height:14px; line-height:14px; font-size:14px; position:absolute; bottom:2px; right:0;}
.index_about .list li .name { width:100%; height:16px; text-align:center; line-height:16px; font-size:16px; bottom:0; left:0;}

.index_about .list li.li6 .icon { background-position:-50px -40px;}
.index_about .list li.li6 .num { padding-right:20px;}
.index_about .list li.li7 .icon { background-position:-95px -40px;}
.index_about .list li.li7 .num { padding-right:15px;}
.index_about .list li.li8 .icon { background-position:-140px -40px;}
.index_about .list li.li8 .num { padding-right:20px;}
.index_about .list li.li9 .icon { background-position:-185px -40px;}
.index_about .list li.li9 .num { padding-right:15px;}

.index_join { padding:30px 0; background:#585b9d url(../images/bg_join.jpg) no-repeat center 0; background-size:100%; color:#fff;}
.index_join .index_title { border:0;}
.index_join .index_title h5 { color:#fff;}

.index_join .info { width:calc(100% - 20px); margin:-10px 10px 30px; position:relative; z-index:50;}
.index_join .info li { width:100%; position:relative;}
.index_join .info li.txt1 { text-indent:10px; font:44px/44px "ALTGOT2N",arial; color:rgba(255,255,255,0.8); text-transform:uppercase;}
.index_join .info li.txt2 { margin-top:5px; line-height:20px; font-size:14px;}

.index_join .imgs { width:50%; position:absolute; right:10px; bottom:10px; z-index:40;}
.index_join .imgs li { width:100%; font:0/0 arial;}

.index_join .index_more { margin-top:60px;}
.index_join .index_more li { left:10px; transform:translateX(0);}
.index_join .index_more li a { color:#fff;}
.index_join .index_more li a:before { background:#88b041;}

.index_news { padding:30px 0;}
.index_news .swiper { width:calc(100% - 10px); padding-left:10px; overflow:visible; position:relative;}
.index_news .swiper:before,.index_news .swiper:after { width:10px; height:100%; content:""; background:#fff; position:absolute; top:0; z-index:20;}
.index_news .swiper:before { left:0;}
.index_news .swiper:after { right:0;}
.index_news .swiper-slide p { width:calc(100% - 10px); margin-right:10px; color:#fff; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_news .swiper .bg { float:left; font:0/0 arial; position:relative; z-index:1;}
.index_news .swiper .bg img { width:100%; opacity:0;}
.index_news .swiper .img { height:100%; top:0; z-index:10;}
.index_news .swiper .img img { min-height:100%;}
.index_news .swiper .name { width:calc(100% - 80px); height:39px; padding:0 70px 0 10px; background:rgba(0,0,0,0.6); line-height:40px; font-size:14px; bottom:0;}
.index_news .swiper-pagination { width:auto !important; top:auto !important; bottom:17px !important; left:auto !important; right:20px; z-index:30;}
.index_news .swiper-pagination-bullet { width:6px; height:6px; margin:0 0 0 5px !important; background:rgba(255,255,255,0.8); border-radius:100%; font:0/0 arial;}
.index_news .swiper-pagination-bullet-active { background:#88b041;}
.index_news .swiper-button { display:none;}

.index_news .txtlist { width:calc(100% - 20px); margin:0 10px; position:relative; z-index:10;}
.index_news .txtlist li { width:100%; height:55px; margin-top:15px; position:relative;}
.index_news .txtlist li:before { width:1px; height:100%; content:""; background:#7b7b7b; position:absolute; top:0; left:70px;}
.index_news .txtlist li a { float:left; width:100%; height:100%; position:relative;}
.index_news .txtlist li p { width:calc(100% - 85px); overflow:hidden; position:absolute; left:85px;}
.index_news .txtlist li .name { height:16px; line-height:16px; font-size:16px; color:#3e3a39; top:0;}
.index_news .txtlist li .info { height:36px; line-height:18px; font-size:12px; color:#898989; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; bottom:-2px;}
.index_news .txtlist li .date { width:60px; height:100%; left:0;}
.index_news .txtlist li .date i { width:100%; text-align:center; position:absolute; left:0;}
.index_news .txtlist li .date i:nth-child(1) { font:20px/20px arial; color:#3e3a39; top:7px;}
.index_news .txtlist li .date i:nth-child(2) { font:14px/14px arial; color:#727171; bottom:7px;}
.index_news .txtlist li:hover:before { background:#88b041;}
.index_news .txtlist li:hover .name { color:#88b041;}