锘緻charset "utf-8";
.index_swiper { background:#ededed;}
.index_swiper .swiper-slide p { color:#fff; text-transform:uppercase; overflow:hidden; position:absolute; left:0;}
.index_swiper .swiper-slide .img { width:100%; height:100%; top:0;}
.index_swiper .swiper-pagination { width:auto; height:4px; padding:3px 3px; background:rgba(0,0,0,0.3); border-radius:10px; left:50%; bottom:5px; transform:translateX(-50%); z-index:50; opacity:0; display:flex; align-items:center;}
.index_swiper .swiper-pagination.open { opacity:1;}
.index_swiper .swiper-pagination-bullet { width:4px; height:100%; margin:0 1px !important; background:#fff; border-radius:2px; transition:width 0.5s;}
.index_swiper .swiper-pagination-bullet-active { width:10px; background:#00892d;}
.index_swiper .swiper-button { width:30px; height:30px; background:none; border:0px solid #fff; border-radius:100%; top:auto; bottom:10px; margin-top:0; display:none;}
.index_swiper .swiper-button:before { width:14px; height:14px; content:""; border:2px solid #fff; border-right:0; border-bottom:0; position:absolute; top:50%; left:11px; margin-top:-8px; transform:rotate(-45deg);}
.index_swiper .swiper-button-prev { left:auto; right:35px;}
.index_swiper .swiper-button-next { right:0;}
.index_swiper .swiper-button-next:before { transform:rotate(135deg); left:3px;}

.index_search { height:36px; padding:12px 0; background:#f2f7f8; position:relative;}
.index_search form { width:80%; height:36px; background:#fff; border-radius:18px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.index_search form:before { width:20px; height:20px; content:""; background:url(../images/app.png) no-repeat -20px 0; position:absolute; top:50%; left:10px; transform:translateY(-50%) scale(0.8); opacity:0.6;}
.index_search form .button { width:56px; height:30px; background:#00892d; border-radius:20px; text-align:center; line-height:1.875rem; color:#fff; position:absolute; top:50%; right:4px; transform:translateY(-50%); z-index:15;}
.index_search form input { width:100%; height:100%; background:transparent; position:absolute; top:0;}
.index_search form input[type=text] { padding-left:35px; border:1px solid #00892d; border-radius:18px; left:0; z-index:10;}
.index_search form input[type=submit] { width:60px; border:0; font-size:0; right:0; z-index:30;}

.index_title { height:56px; margin-bottom:15px; position:relative; z-index:10;}
.index_title h5 { height:16px; padding-top:25px; line-height:1; font-size:1rem; color:#484848; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_title h5:before,
.index_title h5:after { width:100%; height:1px; content:""; background:#333; position:absolute; bottom:-10px; left:0;}
.index_title h5:after { height:3px; bottom:-15px;}
.index_title h5 i { font:1.5rem/1 arial; color:#000; white-space:nowrap; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_title .more { height:40px; padding-left:10px; line-height:2.5rem; color:#898989; position:absolute; top:50%; right:0; transform:translateY(-50%);}

.index_about { padding:20px 10px; background:#eee;}
.index_about .text { margin:-4px 0;}
.index_about .text p:nth-of-type(1) img { margin-top:4px;}

.index_product { padding:20px 0; background:#e7f1f7;}
.index_product .list { margin-top:-15px; display:flex; flex-wrap:wrap;}
.index_product .list li { margin-top:15px; text-align:center;}
.index_product .list li .imgs {}
.index_product .list li .name { padding:10px 5px 0; margin:-3px 0;}
.index_product .list li:hover .name { color:#00892d;}

.index_news { padding:20px 10px; background:#eee;}
.index_news .txtlist { border-top:1px dotted #c9caca; display:flex; flex-direction:column;}
.index_news .txtlist li { height:40px; border-bottom:1px dotted #c9caca; text-indent:8px; line-height:2.5rem; position:relative;}
.index_news .txtlist li a { height:100%; display:block; overflow:hidden; position:relative; text-overflow:ellipsis; white-space:nowrap;}
.index_news .txtlist li a:before { width:4px; height:4px; content:""; background:#898989; border-radius:100%; position:absolute; top:50%; left:0; margin-top:-2px;}
.index_news .txtlist li span { float:right; margin-left:2px; font-size:0.75rem; color:#808284;}
.index_news .txtlist li:hover a:before { background:#00892d;}
.index_news .txtlist li:hover a,
.index_news .txtlist li:hover span { color:#00892d;}

.index_case { padding:20px 10px; margin-bottom:-20px; background:#dedede;}
.index_case .list { margin:-10px -10px 0 0; display:flex; flex-wrap:wrap;}
.index_case .list li { width:calc(100% / 2 - 10px); margin:10px 10px 0 0; text-align:center;}
.index_case .list li a { float:left; width:100%; padding-bottom:32px; overflow:hidden; position:relative;}
.index_case .list li p { width:100%; background:#f2f7f8; overflow:hidden; position:absolute; left:0; z-index:10;}
.index_case .list li .img { height:calc(100% - 32px); top:0;}
.index_case .list li .name { width:calc(100% - 10px); height:32px; padding:0 5px; text-align:center; line-height:2rem; bottom:0;}
.index_case .list li:hover .name { background:#00892d; color:#fff;}