@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 .img { width:100%; height:100%; top:0;}
.index_swiper .swiper-pagination { width:auto !important; height:4px !important; padding:3px; background:rgba(255,255,255,0.2); border-radius:10px; left:50% !important; bottom:6px !important; transform:translateX(-50%); display:none;}
.index_swiper .swiper-pagination-bullet { width:4px; height:100%; margin:0 2px !important; background:rgba(255,255,255,1); border-radius:100%;}
.index_swiper .swiper-pagination-bullet-active { background:rgba(255,60,0,1);}
.index_swiper .swiper-button { display:none;}

.index_title { width:100%; height:40px; margin-bottom:15px; background:#005bac; position:relative; z-index:20;}
.index_title li { float:left; height:100%; line-height:2.5rem; font-size:1.125rem; color:#fff;}
.index_title li a { height:100%; padding:0 12px; color:#fff; display:inline-block;}
.index_title li a.active { background:#ff3c00; color:#fff;}
.index_title .more { width:40px; height:100%; font:0/0 arial; position:absolute; top:0; right:0;}
.index_title .more:before,
.index_title .more:after { width:2px; height:2px; content:""; background:#fff; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.index_title .more:before { width:16px;}
.index_title .more:after { height:16px;}

.index_more { width:100%; height:34px; margin-top:15px; text-align:center; line-height:2.125rem; font-size:0.875rem; position:relative;}
.index_more li { float:none; width:120px; height:100%; margin:0 5px; border-radius:3px; display:inline-block;}
.index_more li a { width:100%; height:100%; background:#cf0202; text-align:center; color:#fff; display:block; position:relative;}
.index_more li a:before { width:20px; height:1px; content:""; background:#fff; position:absolute; bottom:10px; left:0;}

.index_gonggao { width:calc(100% - 20px); margin:30px 10px 0;}
.index_gonggao .list { width:100%; margin:-5px 0 -8px;}
.index_gonggao .list li { width:100%; height:32px; line-height:2rem; font-size:1rem; position:relative;}
.index_gonggao .list li a { height:100%; padding-left:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; position:relative;}
.index_gonggao .list li a:before { width:4px; height:4px; content:""; background:#595757; border-radius:100%; position:absolute; top:50%; left:2px; margin-top:-2px;}
.index_gonggao .list li span { float:right; margin-left:10px; font-size:0.75rem; color:#898989;}
.index_gonggao .list li:hover a,
.index_gonggao .list li:hover span { color:#005bac;}
.index_gonggao .list li:hover a:before { background:#005bac;}

.index_news { width:calc(100% - 20px); margin:30px 10px 0px;}
.index_news .swiper { width:calc(100% + 10px); position:relative;}
.index_news .swiper:before { width:10px; height:100%; content:""; background:#fff; position:absolute; top:0; right:0px; z-index:20;}
.index_news .swiper-slide a { float:left; width:100%; height:calc(100% - 75px); padding-bottom:75px; position:relative;}
.index_news .swiper-slide p { width:calc(100% - 10px); margin-right:10px; 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 .img { height:calc(100% - 75px); top:0; z-index:10;}
.index_news .swiper .img img { min-height:100%;}
.index_news .swiper .name { height:16px; line-height:1rem; font-size:1rem; bottom:45px;}
.index_news .swiper .date { height:12px; line-height:0.75rem; font-size:0.75rem; color:#898989; bottom:40px; display:none;}
.index_news .swiper .info { height:36px; line-height:1.125rem; font-size:0.75rem; color:#898989; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; bottom:0;}
.index_news .swiper-pagination { width:auto; top:auto; bottom:16px; left:auto; right:20px; opacity:0; visibility:hidden; z-index:1;}
.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:#e87518;}
.index_news .swiper-button { display:none;}
.index_news .swiper-slide:hover .name { color:#005bac;}

.index_news .txtlist { width:100%; margin:10px 0 0; border-top:1px dotted #c9cacb;}
.index_news .txtlist li { width:100%; height:40px; border-bottom:1px dotted #c9cacb; line-height:2.5rem; font-size:1rem; position:relative;}
.index_news .txtlist li a { height:100%; padding-left:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; position:relative;}
.index_news .txtlist li a:before { width:4px; height:4px; content:""; background:#595757; position:absolute; top:50%; left:2px; margin-top:-2px; transform:rotate(45deg);}
.index_news .txtlist li span { float:right; margin-left:10px; font-size:0.75rem; color:#898989; display:none;}
.index_news .txtlist li:hover a,
.index_news .txtlist li:hover span { color:#005bac;}
.index_news .txtlist li:hover a:before { background:#005bac;}

.index_product { width:calc(100% - 20px); margin:30px 10px 0;}
.index_product .swiper { width:calc(100% + 10px); padding-bottom:20px; position:relative;}
.index_product .swiper:before { width:10px; height:100%; content:""; background:#fff; position:absolute; top:0; right:0; z-index:20;}
.index_product .swiper-slide a { float:left; width:100%; height:100%; position:relative;}
.index_product .swiper-slide p { width:calc(100% - 10px); margin-right:10px; text-align:center; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_product .swiper .bg { float:left; font:0/0 arial; position:relative; z-index:1;}
.index_product .swiper .img { height:100%; top:0; z-index:10;}
.index_product .swiper .img img { min-height:100%;}
.index_product .swiper .name { width:auto; height:20px; line-height:1.25rem; font-size:1.25rem; color:#fff; overflow:visible; top:20px; left:15px;}
.index_product .swiper .product { width:calc(100% - 15px); min-height:112px; padding-bottom:40px; top:55px; left:15px;}
.index_product .swiper .product a { width:calc(50% - 15px); height:20px; margin:0 15px 8px 0; text-align:left; line-height:1.25rem; font-size:1rem; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.index_product .swiper .product a.more { width:auto; margin:0; font-size:0.875rem; position:absolute; bottom:0; left:0;}
.index_product .swiper .product a.more:before { width:100%; height:1px; content:""; background:#fff; position:absolute; bottom:0; left:0;}
.index_product .swiper-pagination { width:auto; top:auto; bottom:0; left:50%; transform:translateX(-50%); margin-left:-5px; z-index:1;}
.index_product .swiper-pagination-bullet { width:10px; height:10px; margin:0 3px !important; background:#ddd; border-radius:100%; font:0/0 arial;}
.index_product .swiper-pagination-bullet-active { background:#005bac;}
.index_product .swiper-button { width:36px; height:36px; background:#050505; border-radius:15px; cursor:pointer; position:absolute; top:50%; margin-top:-18px; z-index:30; display:none;}
.index_product .swiper-button:before { width:10px; height:10px; content:""; border:1px solid #fff; border-right:0; border-bottom:0; position:absolute; top:50%; left:15px; margin-top:-5px; transform:rotate(-45deg);}
.index_product .swiper-button.swiper-button-prev { left:5px;}
.index_product .swiper-button.swiper-button-next { right:5px;}
.index_product .swiper-button.swiper-button-next:before { left:9px; transform:rotate(135deg);}

.index_complaint { width:calc(100% - 20px); padding:30px 10px; margin:30px 0 -20px; background:#eff7f4;}
.index_complaint .className { width:100%;}
.index_complaint .className li { width:100%; color:#005bac;}
.index_complaint .className li.name { line-height:1.5rem; font-size:1.25rem; white-space:normal;}
.index_complaint .className li.phone { margin-top:10px; line-height:1.75rem; font-size:1.75rem;}
.index_complaint .className li.phone span { float:left; margin:10px 0 0 0; line-height:1rem; font-size:1rem; color:#3e3a39;}

.index_complaint .form_msg { width:100%; position:relative;}
.index_complaint .form_msg li { width:100%; height:38px; margin-top:15px; position:relative; z-index:10;}
.index_complaint .form_msg li input,
.index_complaint .form_msg li textarea { width:calc(100% - 22px); height:calc(100% - 2px); padding:0 10px; border:1px solid #005bac; border-radius:5px; color:#005bac;}
.index_complaint .form_msg li textarea { height:calc(100% - 18px); padding:8px 10px;}
.index_complaint .form_msg li input:focus,
.index_complaint .form_msg li textarea:focus { border-color:#ff3c00; color:#005bac;}
.index_complaint .form_msg li.detail { height:150px;}
.index_complaint .form_msg li.submit { height:44px; line-height:2.75rem; font-size:1.125rem;}
.index_complaint .form_msg li.submit i { width:150px; height:100%; background:#005bac; border-radius:22px; text-align:center; color:#fff; position:absolute; top:0; left:50%; transform:translateX(-50%);}
.index_complaint .form_msg li.loading { width:100%; height:calc(100% - 15px); background-color:rgba(0,0,0,0.1); position:absolute; top:0; left:0; z-index:20; display:none;}

<!--ºÄʱ1759620013.4877Ãë-->