﻿@charset "utf-8";
section { width:1200px; position:relative; z-index:10;}
section>ul { position:relative; z-index:10;}
section img { max-width:100%;}

.index_swiper { width:100%; left:0;}
.index_swiper .swiper { float:left; width:100%; height:100%; position:relative;}
.index_swiper .swiper-slide p { color:#fff; text-transform:uppercase; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_swiper .swiper-slide .bg { float:left; width:100%; font:0/0 arial; position:relative; z-index:1;}
.index_swiper .swiper-slide .img { width:100%; height:100%; top:0; z-index:10;}
.index_swiper .swiper-slide .img img { min-height:100%; transition:all 0.8s;}
.index_swiper .swiper-slide-active .img img { animation:swiper_active 6s ease;}
.index_swiper .swiper-pagination { width:auto; height:6px; padding:4px; background:rgba(0,0,0,0.4); border-radius:10px; left:50%; bottom:10px; transform:translateX(-50%); display:none;}
.index_swiper .swiper-pagination-bullet { width:6px; height:100%; margin:0 2px !important; background:rgba(255,255,255,0.6); border-radius:100%;}
.index_swiper .swiper-pagination-bullet-active { background:rgba(255,255,255,1);}
.index_swiper .swiper-button { display:none;}
@keyframes swiper_active {
	0% { transform:scale(1.12);}
	25% { transform:scale(1.12);}
	100% { transform:scale(1);}
}

.index_title { width:100%; height:48px; margin-bottom:20px; background:#d6b891; border-top:#d7181f 2px solid; position:relative; z-index:20;}
.index_title h5 { width:125px; height:100%; background:#d7181f; position:absolute; top:0; left:10px;}
.index_title h5:before { width:100%; height:5px; content:""; background:url(../images/base.png) no-repeat -50px -40px; position:absolute; top:100%; left:0;}
.index_title h5 span { width:100%; height:18px; padding-bottom:16px; text-align:center; line-height:18px; font-size:18px; color:#fff; position:absolute; top:50%; left:0; margin-top:-16px;}
.index_title h5 i { width:100%; height:12px; line-height:12px; font-size:12px; color:rgba(255,255,255,0.8); position:absolute; bottom:0; left:0; transform:scale(0.9);}
.index_title .more { width:30px; height:30px; position:absolute; top:50%; right:8px; margin-top:-15px;}
.index_title .more:before { width:14px; height:14px; content:""; background:url(../images/base.png) no-repeat -50px -45px; position:absolute; top:50%; left:50%; margin:-7px 0 0 -7px;}
.index_title .more:hover:before { background-position:-65px -45px;}

.index_news { height:320px; padding:40px 0;}
.index_news:before { width:1920px; height:100%; content:""; background:#e7d1b4; position:absolute; top:0; left:50%; transform:translateX(-50%);}

.index_news .news_list { width:820px; height:100%; position:relative;}
.index_news .news_list .swiper { width:380px; height:250px; position:absolute; bottom:0; left:0;}
.index_news .news_list .swiper-slide a { height:100%; display:block;}
.index_news .news_list .swiper-slide p { width:100%; overflow:hidden; position:absolute; left:0; z-index:20;}
.index_news .news_list .swiper .img { height:100%; top:0; z-index:10;}
.index_news .news_list .swiper .img img { min-height:100%;}
.index_news .news_list .swiper .name { width:calc(100% - 80px); height:36px; padding:0 70px 0 10px; background:rgba(0,0,0,0.7); line-height:34px; font-size:14px; color:#fff; bottom:0;}
.index_news .news_list .swiper-pagination { width:auto; top:auto; bottom:15px; left:auto; right:6px; z-index:30;}
.index_news .news_list .swiper-pagination-bullet { width:6px; height:6px; margin:0 0 0 3px !important; background:rgba(255,255,255,0.8); border-radius:3px; font:0/0 arial; transition:width 0.5s;}
.index_news .news_list .swiper-pagination-bullet-active { width:14px; background:#d7181f;}
.index_news .news_list .swiper-button { display:none;}
.index_news .news_list .swiper:hover .img img { transform:scale(1.06);}

.index_news .news_list .tuilist { width:420px; margin-left:400px;}
.index_news .news_list .tuilist li { width:100%;}
.index_news .news_list .tuilist li a { float:left; width:100%;}
.index_news .news_list .tuilist li p { float:left; width:100%; line-height:20px; font-size:12px; color:#a68362; overflow:hidden;}
.index_news .news_list .tuilist li .name { height:20px; line-height:16px; font-size:16px; color:#826041;}
.index_news .news_list .tuilist li .info { height:40px; margin:6px 0 -4px;}
.index_news .news_list .tuilist li:hover .name { color:#d7181f;}

.index_news .news_list .txtlist { width:420px; padding-top:4px; margin:17px 0 0 400px; border-top:#826041 1px dotted;}
.index_news .news_list .txtlist li { width:100%; height:20px; margin-top:8px; line-height:20px; font-size:14px; position:relative;}
.index_news .news_list .txtlist li a { height:100%; padding-left:8px; color:#826041; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; position:relative;}
.index_news .news_list .txtlist li a:before { width:3px; height:3px; content:""; background:#826041; border-radius:100%; position:absolute; top:50%; left:0; margin-top:-1px;}
.index_news .news_list .txtlist li span { float:right; margin:1px 0 0 10px; font-size:12px;}
.index_news .news_list .txtlist li:hover a { color:#d7181f;}
.index_news .news_list .txtlist li:hover a:before { background:#d7181f;}

.index_news .video_list { width:360px; height:100%; position:relative;}
.index_news .video_list .list { width:100%;}
.index_news .video_list .list li { width:100%; position:relative;}
.index_news .video_list .list li a { float:left; width:100%;}
.index_news .video_list .list li p { float:left; width:100%; overflow:hidden; position:relative;}
.index_news .video_list .list li .img { height:214px;}
.index_news .video_list .list li .play { height:214px; position:absolute; top:0; left:0; z-index:10;}
.index_news .video_list .list li .play:before,
.index_news .video_list .list li .play:after { width:0; height:0; content:""; position:absolute; top:50%; left:50%; transition:all 0.3s;}
.index_news .video_list .list li .play:before { width:50px; height:50px; border:rgba(255,255,255,0.9) 5px solid; border-radius:100%; margin:-25px 0 0 -30px;}
.index_news .video_list .list li .play:after { border-top:transparent 16px solid; border-bottom:transparent 16px solid; border-left:rgba(255,255,255,0.9) 16px solid; margin:-10px 0 0 -5px;}
.index_news .video_list .list li .name { width:calc(100% - 30px); height:36px; padding-left:30px; background:#826041; line-height:34px; font-size:14px; color:#fff;}
.index_news .video_list .list li .name:before { width:15px; height:14px; content:""; background:url(../images/base.png) no-repeat -50px -90px; position:absolute; top:50%; left:8px; margin-top:-7px;}
.index_news .video_list .list li .name span { float:right; padding-left:20px; margin:0 10px; position:relative;}
.index_news .video_list .list li .name span:before { width:15px; height:14px; content:""; background:url(../images/base.png) no-repeat -50px -105px; position:absolute; top:50%; left:0; margin-top:-6px;}
.index_news .video_list .list li:hover .img img { transform:scale(1.05);}
.index_news .video_list .list li:hover .play:before { border-color:rgba(255,255,255,0.5);}
.index_news .video_list .list li:hover .play:after { border-left-color:rgba(255,255,255,0.5);}

.index_imglist { margin-top:40px;}
.index_imglist .lists { width:590px; height:350px; margin-left:20px; position:relative;}
.index_imglist .lists:first-child { margin:0;}
.index_imglist .lists:before { width:calc(100% - 2px); height:calc(100% - 2px); content:""; background:#e7d1b4; border:#d6b891 1px solid; position:absolute; top:0; left:0;}
.index_imglist .lists .tuilist { width:calc(100% - 20px); padding:0 10px; position:relative; z-index:10;}
.index_imglist .lists .tuilist li { width:100%; height:82px;}
.index_imglist .lists .tuilist li a { float:left; width:calc(100% - 135px); padding-left:135px; position:relative;}
.index_imglist .lists .tuilist li p { float:left; width:100%; line-height:20px; font-size:12px; color:#a68362; overflow:hidden;}
.index_imglist .lists .tuilist li .name { height:20px; margin-top:-1px; line-height:16px; font-size:16px; color:#826041;}
.index_imglist .lists .tuilist li .img { width:125px; height:100%; position:absolute; top:0; left:0;}
.index_imglist .lists .tuilist li .img img { min-height:100%;}
.index_imglist .lists .tuilist li .date { height:20px; margin:4px 0;}
.index_imglist .lists .tuilist li .info { height:40px;}
.index_imglist .lists .tuilist li:hover .name { color:#d7181f;}
.index_imglist .lists .tuilist li:hover .img img { transform:scale(1.08);}

.index_imglist .lists .txtlist { width:calc(100% - 20px); padding-top:6px; margin:20px 10px 0; border-top:#826041 1px dotted; position:relative; z-index:10;}
.index_imglist .lists .txtlist li { width:100%; height:20px; margin-top:6px; line-height:20px; font-size:14px; position:relative;}
.index_imglist .lists .txtlist li a { height:100%; padding-left:8px; color:#826041; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; position:relative;}
.index_imglist .lists .txtlist li a:before { width:3px; height:3px; content:""; background:#826041; border-radius:100%; position:absolute; top:50%; left:0; margin-top:-1px;}
.index_imglist .lists .txtlist li span { float:right; margin:1px 0 0 10px; font-size:12px;}
.index_imglist .lists .txtlist li:hover a { color:#d7181f;}
.index_imglist .lists .txtlist li:hover a:before { background:#d7181f;}

.index_txtlist { margin-top:20px;}
.index_txtlist .lists { width:386px; height:350px; margin-left:21px; position:relative;}
.index_txtlist .lists:first-child { margin:0;}
.index_txtlist .lists:before { width:calc(100% - 2px); height:calc(100% - 2px); content:""; background:#e7d1b4; border:#d6b891 1px solid; position:absolute; top:0; left:0;}
.index_txtlist .lists .tuilist { width:calc(100% - 20px); padding:0 10px; position:relative; z-index:10;}
.index_txtlist .lists .tuilist li { width:100%;}
.index_txtlist .lists .tuilist li a { float:left; width:100%; position:relative;}
.index_txtlist .lists .tuilist li p { float:left; width:100%; line-height:20px; font-size:12px; color:#a68362; overflow:hidden;}
.index_txtlist .lists .tuilist li .name { height:20px; margin-top:-1px; line-height:16px; font-size:16px; color:#826041;}
.index_txtlist .lists .tuilist li .date { height:20px; margin:3px 0 -2px;}
.index_txtlist .lists .tuilist li .info { height:40px; margin:6px 0 -4px;}
.index_txtlist .lists .tuilist li:hover .name { color:#d7181f;}

.index_txtlist .lists .txtlist { width:calc(100% - 20px); padding-top:6px; margin:20px 10px 0; border-top:#826041 1px dotted; position:relative; z-index:10;}
.index_txtlist .lists .txtlist li { width:100%; height:20px; margin-top:6px; line-height:20px; font-size:14px; position:relative;}
.index_txtlist .lists .txtlist li a { height:100%; padding-left:8px; color:#826041; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; position:relative;}
.index_txtlist .lists .txtlist li a:before { width:3px; height:3px; content:""; background:#826041; border-radius:100%; position:absolute; top:50%; left:0; margin-top:-1px;}
.index_txtlist .lists .txtlist li span { float:right; margin:1px 0 0 10px; font-size:12px;}
.index_txtlist .lists .txtlist li:hover a { color:#d7181f;}
.index_txtlist .lists .txtlist li:hover a:before { background:#d7181f;}

.index_photo { margin-top:20px;}
.index_photo:before { width:calc(100% - 2px); height:calc(100% - 2px); content:""; background:#e7d1b4; border:#d6b891 1px solid; position:absolute; top:0; left:0;}
.index_photo .list { width:calc(100% - 20px); margin:0 10px 20px; position:relative; z-index:10;}
.index_photo .list .scroll { width:100%; overflow:hidden; position:relative;}
.index_photo .list .auto_list { width:calc((100% + 10px) * 100);}
.index_photo .list .auto_list li { width:calc(1% / 4 - 10px); margin-right:10px; position:relative;}
.index_photo .list .auto_list li a { float:left; width:100%; padding-bottom:40px; position:relative;}
.index_photo .list .auto_list li p { width:100%; overflow:hidden; position:absolute; left:0;}
.index_photo .list .auto_list li .bg { float:left; font:0/0 arial; position:relative;}
.index_photo .list .auto_list li .img { height:calc(100% - 40px); top:0;}
.index_photo .list .auto_list li .img img { min-height:100%;}
.index_photo .list .auto_list li .name { width:calc(100% - 10px); height:40px; padding:0 5px; background:#826041; text-align:center; line-height:38px; font-size:14px; color:#fff; bottom:0;}
.index_photo .list .auto_list li:hover .name { background:#d7181f;}
.index_photo .list .auto_list li:hover .img img { transform:scale(1.08);}

.index_icon { margin-top:20px; margin-bottom:-10px;}
.index_icon:before { width:calc(100% - 2px); height:calc(100% - 2px); content:""; background:#e7d1b4; border:#d6b891 1px solid; position:absolute; top:0; left:0;}
.index_icon .list { width:100%; height:90px; position:relative; z-index:10;}
.index_icon .list li { width:calc(100% / 3 - 1px); height:100%; padding-left:1px; position:relative;}
.index_icon .list li:before { width:0; height:70px; content:""; border-left:#c3ab8d 1px dotted; position:absolute; top:50%; left:0; transform:translateY(-50%);}
.index_icon .list li:first-child { width:calc(100% / 3 - 0px); padding:0;}
.index_icon .list li:first-child:before { display:none;}
.index_icon .list li a { float:left; width:100%; height:100%; text-align:center; color:#826041; position:relative;}
.index_icon .list li p { height:30px; padding:30px 0 0 70px; margin-top:15px; line-height:24px; font-size:13px; display:inline-block; position:relative;}
.index_icon .list li p:before { width:60px; height:60px; content:""; background:url(../images/base.png) no-repeat -70px -60px; position:absolute; top:50%; left:0; margin-top:-30px;}
.index_icon .list li i { line-height:16px; font-size:16px; color:#5c3d21; position:absolute; top:10px; left:70px;}
.index_icon .list li.li3 p:before { background-position:-130px -60px;}
.index_icon .list li.li4 p:before { background-position:-190px -60px;}
.index_icon .list li:hover a { background:#d7181f; color:#fff;}
.index_icon .list li:hover i { color:#fff;}
