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

.index_title { width:calc(100% - 20px); height:36px; margin:20px 10px 15px; color:#3e3a39; position:relative;}
.index_title h5,.index_title h6 { width:100%; text-align:center; position:absolute; left:0;}
.index_title h5 { line-height:18px; font-size:20px; top:0px;}
.index_title h6 { line-height:12px; font-size:12px; bottom:0px;}

.index_more { width:100%; height:36px; margin:20px 0; text-align:center;}
.index_more a { height:100%; padding:0 20px; background:#da251d; border-radius:5px; line-height:38px; font-size:14px; color:#fff; display:inline-block;}
.index_more a:hover { color:#ffe734;}

.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 { bottom:5px !important;}
.index_swiper .swiper-pagination-bullet { width:6px; height:6px; margin:0 2px !important; background:rgba(255,255,255,1); border-radius:6px;}
.index_swiper .swiper-pagination-bullet-active { width:14px;}
.index_swiper .swiper-button { display:none;}

.index_about { background:#f7efe4;}
.index_about .video { width:calc(100% - 20px); margin:0 10px; background:#000; font:0/0 arial;}
.index_about .video video { width:100%;}
.index_about .text { width:calc(100% - 20px); margin:10px 10px -5px; line-height:24px; font-size:14px;}

.index_product { padding-bottom:20px; background:#a71510 url(../images/bg_product.jpg) no-repeat; background-size:100%;}
.index_product .index_title { color:#fff;}

.index_product .swiper { width:calc(100% - 10px); padding-left:10px; overflow:visible; position:relative;}
.index_product .swiper:before,.index_product .swiper:after { width:10px; height:100%; content:""; background:#a71510; position:absolute; top:0; z-index:20;}
.index_product .swiper:before { left:0;}
.index_product .swiper:after { right:0;}
.index_product .swiper .swiper-wrapper { position:relative; z-index:10;}
.index_product .swiper .swiper-slide { overflow:visible;}
.index_product .swiper p { width:calc(100% - 10px); margin-right:10px; color:#898989; overflow:hidden; position:absolute; left:0;}
.index_product .swiper .bg { float:left; width:100%; font:0/0 arial; position:relative; z-index:1;}
.index_product .swiper .bg img { width:100%; opacity:0;}
.index_product .swiper .img { height:100%; top:0; z-index:10;}
.index_product .swiper .img img { min-height:100%;}
.index_product .swiper .name { display:none;}
.index_product .swiper .swiper-pagination { display:none;}
.index_product .swiper .swiper-button { width:40px; height:40px; background:rgba(255,255,255,1); z-index:50;}
.index_product .swiper .swiper-button:before { width:12px; height:24px; content:""; background:url(../images/base.png) no-repeat -50px -30px; position:absolute; top:50%; margin-top:-12px;}
.index_product .swiper .swiper-button:hover { background:rgba(186,47,43,1);}
.index_product .swiper .swiper-button:hover:before { background-position:-65px -30px;}
.index_product .swiper .swiper-button-prev { left:-10px; border-radius:0 20px 20px 0;}
.index_product .swiper .swiper-button-prev:before { right:12px;}
.index_product .swiper .swiper-button-next { right:-10px; border-radius:20px 0 0 20px;}
.index_product .swiper .swiper-button-next:before { transform:rotate(180deg); left:12px;}

.index_news { background:#fff;}

.index_news .className { width:100%; height:30px; margin-bottom:15px; text-align:center; line-height:32px;}
.index_news .className li { float:none; height:100%; margin:0 2px; border-radius:3px; display:inline-block;}
.index_news .className li a { float:left; height:100%; padding:0 15px; background:#f7efe4;}
.index_news .className li.active a { background:#da251d; color:#fff;}

.index_news .swiper { width:calc(100% - 10px); padding-left:10px; /**margin-bottom:85px;**/ margin-bottom:70px; overflow:visible; position:relative;}
.index_news .swiper:before,.index_news .swiper:after { width:10px; height:calc(100% + 70px); 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 .swiper-wrapper { position:relative; z-index:10;}
.index_news .swiper .swiper-slide { overflow:visible;}
.index_news .swiper p { width:calc(100% - 10px); margin-right:10px; color:#898989; overflow:hidden; position:absolute; left:0;}
.index_news .swiper .bg { float:left; width:100%; 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 { height:30px; line-height:32px; font-size:16px; color:#3e3a39; bottom:-35px;}
.index_news .swiper .date { height:12px; line-height:12px; font-size:12px; bottom:-49px; display:none;}
.index_news .swiper .info { height:36px; line-height:18px; font-size:12px; bottom:-75px; white-space:normal; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;}
.index_news .swiper a:hover .name { color:#da251d;}
.index_news .swiper .swiper-pagination { display:none;}
.index_news .swiper .swiper-button { width:50px; height:40px; background:rgba(0,0,0,0.8); z-index:50; display:none;}
.index_news .swiper .swiper-button:before { width:12px; height:24px; content:""; background:url(../images/base.png) no-repeat -90px -30px; position:absolute; top:50%; margin-top:-12px;}
.index_news .swiper .swiper-button:hover { background:rgba(162,39,32,0.8);}
.index_news .swiper .swiper-button-prev { left:-10px; border-radius:0 20px 20px 0;}
.index_news .swiper .swiper-button-prev:before { right:17px;}
.index_news .swiper .swiper-button-next { right:-10px; border-radius:20px 0 0 20px;}
.index_news .swiper .swiper-button-next:before { transform:rotate(180deg); left:17px;}

.index_news .txtlist { width:calc(100% - 20px); margin:15px 10px 0px; border-top:#c9caca 1px dotted;}
.index_news .txtlist li { width:100%; height:37px; border-bottom:#c9caca 1px dotted; text-indent:8px; line-height:38px; font-size:14px; position:relative;}
.index_news .txtlist li a { width:100%; 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; line-height:38px; font-size:12px; color:#808284; display:none;}
.index_news .txtlist li:hover a:before { background:#da251d;}
.index_news .txtlist li:hover a,
.index_news .txtlist li:hover span { color:#da251d;}

.index_photo { margin-top:20px; background:#fbf7f1;}
.index_photo .list { width:calc(100% - 10px); margin:-10px 0 0px 10px;}
.index_photo .list li { width:calc(100% / 2 - 10px); margin:10px 10px 0 0; text-align:center;}
.index_photo .list li a { float:left; width:100%; overflow:hidden; position:relative;}
.index_photo .list li p { width:100%; overflow:hidden; position:absolute; left:0; z-index:10;}
.index_photo .list li img { width:100%;}
.index_photo .list li .bg { float:left; font:0/0 arial; position:relative;}
.index_photo .list li .img { height:100%; top:0;}
.index_photo .list li .name { display:none;}

.index_contact { background:#f7efe4;}
.index_contact .text { width:calc(100% - 20px); padding:15px 10px 12px; line-height:24px; font-size:14px;}