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

.index_title { width:100%; height:50px; margin-bottom:25px; color:#3e3a39; position:relative; z-index:15;}
.index_title h5,.index_title h6 { width:100%; text-align:center; position:absolute; left:0;}
.index_title h5 { line-height:24px; font-size:28px; top:0;}
.index_title h6 { line-height:14px; font-size:14px; bottom:0;}

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

.index_about { padding:80px 0;}
.index_about:before { width:1920px; height:100%; content:""; background:#f6ecdf url(../images/bg_about.jpg) no-repeat; position:absolute; top:0; left:50%; transform:translateX(-50%)}

.index_about .list { width:100%; height:400px; background:#fff;}
.index_about .video { width:600px; height:100%; position:absolute; top:0; left:0;}
.index_about .text { width:calc(100% - 600px - 100px); height:240px; line-height:24px; font-size:14px; color:#3e3a39; position:absolute; top:45px; right:50px;}
.index_about .more { width:calc(100% - 600px - 100px); height:40px; line-height:40px; position:absolute; bottom:40px; right:50px;}
.index_about .more a { float:left; width:120px; height:100%; background:#da251d; border-radius:5px; overflow:hidden; position:relative;}
.index_about .more a:before { width:0%; height:100%; content:""; background:#3e3a39; position:absolute; bottom:0; left:0; transition:all 0.25s;}
.index_about .more a i { width:100%; height:100%; text-align:center; font-size:14px; color:#fff; position:absolute; top:0; left:0; z-index:10;}
.index_about .more a:hover:before { width:100%;}

.index_product { width:100%; padding:80px 0;}
.index_product:before { width:1920px; height:100%; content:""; background:#a20701 url(../images/bg_product.jpg) no-repeat bottom center; position:absolute; top:0; left:50%; transform:translateX(-50%); z-index:1;}

.index_product .index_title { color:#fff;}

.index_product .content-main { width:1600px; height:700px; margin-top:75px; font:0/0 arial; position:relative;}
.index_product .content-btn { position:absolute; top:0; z-index:20 !important;}
.index_product .content-btn i { width:50px; height:50px; background:#fff; border-radius:100%; cursor:pointer; position:absolute; top:50%; margin-top:-25px;}
.index_product .content-btn i:before { width:13px; height:24px; content:""; background:url(../images/base.png) no-repeat -50px -60px; position:absolute; top:50%; left:50%; margin:-12px 0 0 -7px;}
.index_product .content-btn i:hover { background:#da251d;}
.index_product .prev-btn { left:0;}
.index_product .prev-btn i { right:40px;}
.index_product .next-btn { right:0;}
.index_product .next-btn i { left:40px;}
.index_product .next-btn i:before { margin-left:-6px; transform:rotate(180deg);}
.index_product .list { width:1120px; height:700px; position:absolute; top:0; left:0; z-index:10;}
.index_product .list li { overflow:hidden; position:absolute; left:0; top:0;}
.index_product .list li img { transition:all 0.8s;}
.index_product .list li:hover img { transform:scale(1.05);}

.index_news { width:calc(1300px - 670px); height:310px; padding:90px 35px 0 635px; margin-top:155px; margin-bottom:80px;}
.index_news:before { width:1920px; height:calc(100% + 235px); content:""; background:#faf6f0 url(../images/bg_news.jpg) no-repeat bottom center; position:absolute; bottom:-80px; left:50%; transform:translateX(-50%); z-index:1;}
.index_news:after { width:100%; height:100%; content:""; background:#fff; position:absolute; top:0; left:0; z-index:2;}

.index_news .index_title { position:absolute; top:-75px; left:0;}

.index_news .class_name { width:calc(1300px - 670px); height:40px; background:#f8f3ef; position:absolute; top:35px; right:35px;}
.index_news .class_name li { height:100%;}
.index_news .class_name li a { float:left; height:100%; padding:0 25px; line-height:40px; font-size:16px; color:#3e3a39;}
.index_news .class_name li.active a { background:#da251d; color:#fff;}

.index_news .swiper { width:600px; height:400px; position:absolute; top:0; left:0; z-index:10;}
.index_news .swiper-slide a { float:left; width:100%; height:100%;}
.index_news .swiper-slide p { color:#fff; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_news .swiper-slide .img { width:100%; height:100%; top:0; z-index:10;}
.index_news .swiper-slide .img img { min-height:100%;}
.index_news .swiper-slide .img:after { width:100%; height:50px; content:""; background:rgba(0,0,0,0.7); position:absolute; bottom:0; left:0; z-index:20;}
.index_news .swiper-slide .name { width:calc(100% - 90px); height:50px; padding:0 70px 0 20px; line-height:50px; font-size:14px; bottom:0;}
.index_news .swiper-slide:hover .name { color:#fff;}
.index_news .swiper-pagination { width:auto !important; top:auto !important; bottom:20px !important; left:auto !important; right:10px; z-index:30;}
.index_news .swiper-pagination-bullet { width:10px; height:10px; 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:#da251d;}
.index_news .swiper-slide:hover .img img { transform:scale(1.05);}

.index_news .imglist { width:calc(1300px - 670px); margin-top:-10px;}
.index_news .imglist li { width:100%; height:100px; margin-top:15px; position:relative;}
.index_news .imglist li a { height:100%; display:block;}
.index_news .imglist li p { width:calc(100% - 165px); overflow:hidden; position:absolute; left:165px;}
.index_news .imglist li .img { width:150px; height:100px; top:0; left:0;}
.index_news .imglist li .img img { transition:all 0.8s;}
.index_news .imglist li .name { height:16px; line-height:16px; font-size:16px; color:#3e3a39; top:0px;}
.index_news .imglist li .text { height:40px; line-height:20px; font-size:14px; color:#595757; top:30px;}
.index_news .imglist li .date { height:12px; line-height:12px; font-size:12px; color:#727171; bottom:0px;}
.index_news .imglist li:hover .name { color:#da251d;}
.index_news .imglist li:hover .imgs img { transform:scale(1.08);}

.index_news .txtlist { width:calc(1300px - 670px); margin-top:10px;}
.index_news .txtlist li { width:100%; height:24px; margin-top:11px; line-height:24px; font-size:14px;}
.index_news .txtlist li a { float:left; width:100%; height:100%; text-indent:10px; overflow:hidden; position:relative; text-overflow:ellipsis; white-space:nowrap;}
.index_news .txtlist li a:before { width:4px; height:4px; content:""; background:#595757; border-radius:100%; position:absolute; top:50%; left:0; margin-top:-2px;}
.index_news .txtlist li span { float:right; margin-left:20px; font-size:12px;}
.index_news .txtlist li:hover a:before { background:#da251d;}

.index_photo { padding:70px 0 80px; margin-bottom:-70px;}
.index_photo:before { width:1920px; height:100%; content:""; background:#f5e9da url(../images/bg_photo.jpg) no-repeat bottom center; position:absolute; top:0; left:50%; transform:translateX(-50%)}

.index_photo .list { width:100%; height:210px; position:relative; z-index:10;}
.index_photo .list .scroll { width:100%; height:100%; overflow:hidden; position:absolute; top:0; left:0;}
.index_photo .list .auto_list { width:10000%; height:100%;}
.index_photo .list li { width:calc((1% + 15px) / 4 - 15px); height:100%; margin-right:15px; line-height:0; font-size:0; position:relative;}
.index_photo .list li a { width:100%; height:100%; position:absolute; top:0; left:0;}
.index_photo .list li p { width:100%; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_photo .list li .img { height:100%; z-index:10;}
.index_photo .list li .name { display:none;}

.index_photo .list li:hover .img img { transform:scale(1.08);}

.index_photo .list .button { width:40px; height:40px; background:#da251d; border-radius:100%; position:absolute; top:50%; margin-top:-20px; z-index:20; cursor:pointer;}
.index_photo .list .button:hover { background:#3e3a39;}
.index_photo .list .button:before { width:13px; height:24px; content:""; background:url(../images/base.png) no-repeat -70px -60px; position:absolute; top:50%; left:50%; margin:-12px 0 0 -7px;}
.index_photo .list .button:hover:before { background-position:-70px -60px;}
.index_photo .list .button.auto_list_prev { left:-60px;}
.index_photo .list .button.auto_list_next { right:-60px;}
.index_photo .list .button.auto_list_next:before { margin-left:-6px; transform:rotate(180deg);}


@media (max-width:1430px){
.index_photo .list .button.auto_list_prev { left:-20px;}
.index_photo .list .button.auto_list_next { right:-20px;}
}