@charset "utf-8";
/* CSS Document */
*::selection{background:#7d0808; color:#fff; text-shadow:none;}
*{margin:0;padding:0;}
body{font-size:15px; color:#000; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; background:#fff;}
body a{text-decoration:none; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
a:link,a:visited{color:#000;}
a:hover{color:#f60;}
/*去掉图形热点的点击时出现的边线*/
a,area{blr:expression(this.onFocus=this.blur());}  /*for IE*/   
:focus{-moz-outline-style:none; outline:none;}     /* for Firefox*/
img{border:0;}
ul,li{list-style-type:none;}
.clear{clear:both; height:0;}
table,table td{border-collapse:collapse;}
.overHidden{overflow:hidden; position:fixed;}


/*video禁止显示下载按钮*/
video::-internal-media-controls-download-button{display:none;}
video::-webkit-media-controls-enclosure{overflow:hidden;}
video::-webkit-media-controls-panel{width:calc(100% + 30px);}


/* ie9以下警告 */
.pageTips{position:fixed; z-index:10000; left:0; top:0; width:100%; height:100%; background:url(bg.png) repeat;}
.pageTips .container2{color:#fff; position:absolute; left:50%; top:50%; width:630px; margin-left:-315px; margin-top:-160px;}
.pageTips .container2 a.close{display:none; width:50px; height:50px; position:absolute; z-index:1; left:auto; right:-15px; top:40px; bottom:auto; background:url(close.png) no-repeat center center;}
.pageTips .container2 .img{text-align:center;}
.pageTips .container2 .msg{font-size:18px; line-height:36px; padding-top:30px;}
.pageTips .container2 a{color:#fff; text-decoration:underline;}


@font-face{font-family:"楷体";src:url(simkai.ttf) format("truetype");font-weight:normal;font-style:normal;}

.container{background:url(bg.jpg) no-repeat center center fixed; min-width:1260px;_width:1260px; min-height:700px;}
@media screen and (min-width:1920px){
	.container{background-size:cover;}	
}

.indBanner{min-width:1060px; height:100vh; position:relative; z-index:2; margin:0 100px;}
.indBanner .logo{width:252px; height:680px; position:absolute; left:0; top:0;}
.indBanner .logo img{display:block; width:252px; height:680px;}
.indBanner .swiper-container{width:600px; height:560px; overflow:hidden; position:absolute; left:50%; top:50%; margin:-280px 0 0 -300px;}
.indBanner .swiper-slide{display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; overflow:hidden; z-index:0; position:relative; opacity:0 !important;}
.indBanner .swiper-slide .pic{display:block; width:510px; height:360px; padding:100px 0 100px 90px; position:relative;}
.indBanner .swiper-slide .pic i{display:block; width:600px; height:560px; background:url(picBg.png) no-repeat center center; background-size:contain; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); z-index:0; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -ms-transition:all 0.8s; -o-transition:all 0.8s; transition:all 0.8s;}
.indBanner .swiper-slide .pic img{max-width:460px; max-height:360px; display:block; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); margin-left:50px; z-index:1;}
.indBanner .swiper-slide-active{opacity:1 !important;}
.indBanner .swiper-slide-active .pic i{animation:banner 0.5s linear; -webkit-animation:banner 0.5s linear;}
@keyframes banner{
	0%{transform:scale(0);}
	100%{transform:scale(1);}
}
@-webkit-keyframes banner{
	0%{transform:scale(0);}
	100%{transform:scale(1);}
}
.indBanner .more{height:64px; line-height:64px; float:right; position:fixed; right:100px; bottom:120px; z-index:1;}
.indBanner .more a:link, .indBanner .more a:visited{display:block; padding:0 30px; height:64px; background:#712222; color:#fdf0de; font-size:0; float:right; -webkit-border-radius:4px; border-radius:4px;}
.indBanner .more a span{display:inline-block; zoom:1; vertical-align:top; height:64px; font-size:30px; padding-right:28px; background:url(m01.png) no-repeat right center; letter-spacing:10px; text-indent:10px;}
.indBanner .more a:hover{background:#9d0d0d; -webkit-box-shadow:0 5px 10px rgba(157,13,13,0.3); box-shadow:0 5px 10px rgba(157,13,13,0.3);}



/* 轮播图 */
.banner{width:100%; height:100vh; position:relative; z-index:0;}
.banner .titH{font-family:"楷体"; font-size:44px; color:#222; position:absolute; left:80px; top:50px; z-index:1; writing-mode:vertical-lr; writing-mode:tb-lr;}
.banner .swiper-slide{width:33.3333%; float:left; position:relative; z-index:0; background-repeat:no-repeat; background-position:top center; border-right:#f6daa6 1px solid; box-sizing:border-box;}
.banner .swiper-slide .pic{display:block; width:calc(100% - 100px); height:calc(50vh - 100px); padding:50px; position:absolute; bottom:20px; left:0;}
.banner .swiper-slide .pic h2{padding-top:24px; background:url(a01.png) no-repeat top center; writing-mode:vertical-lr; writing-mode:tb-lr; font-size:28px; font-weight:normal; letter-spacing:1px; position:absolute; left:80px; bottom:50px;}
.banner .swiper-slide .pic p{width:60%; position:absolute; right:50px; bottom:50px; background-repeat:no-repeat; background-position:right bottom; background-size:contain; opacity:0.6; cursor:pointer; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; filter:grayscale(80%); filter:gray;}
.banner .swiper-slide .txt{width:calc(100% - 160px); height:calc(50vh - 100px); margin:50px 0; padding:0 30px; overflow:auto;position:absolute; left:50px; top:0; opacity:0;}
.banner .swiper-slide .txt .h1{line-height:40px; font-size:24px;}
.banner .swiper-slide .txt .h2{line-height:40px; font-size:18px;}
.banner .swiper-slide .txt .con{padding-top:10px; line-height:34px; font-size:16px; text-justify:inter-ideograph;text-align:justify;}
.banner .swiper-slide .txt::-webkit-scrollbar{width:5px; height:5px;}
.banner .swiper-slide .txt::-webkit-scrollbar-track{-webkit-border-radius:3px; border-radius:3px; background-color:#fff;}
.banner .swiper-slide .txt::-webkit-scrollbar-thumb{-webkit-border-radius:3px; border-radius:3px; background-color:#aaa;}
.banner .swiper-slide, .banner .swiper-slide *{-webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s;}
.banner .swiper-slide:nth-of-type(even){background-position:bottom center;}
.banner .swiper-slide:nth-of-type(even) .pic{top:20px; bottom:auto;}
.banner .swiper-slide:nth-of-type(even) .pic h2{bottom:auto; top:50px;}
.banner .swiper-slide:nth-of-type(even) .pic p{top:50px; bottom:auto;}
.banner .swiper-slide:nth-of-type(even) .txt{top:auto; bottom:50px;}

.banner .swiper-slide:hover{background-color:#9a8155; background-image:url(bg2.png); z-index:5;}
.banner .swiper-slide:hover .pic h2, .banner .swiper-slide:hover .txt *{color:#fff3d6;}
.banner .swiper-slide:hover .pic p{opacity:1; right:-90px; animation:banner 0.3s linear; -webkit-animation:banner 0.3s linear; z-index:10; filter:grayscale(0); filter:none;}
.banner .swiper-slide:hover .txt{opacity:1; z-index:11;}
@keyframes banner{
	0%{right:50px; opacity:0.3;}
	100%{right:-90px; opacity:1;}
}
@-webkit-keyframes banner{
	0%{right:50px; opacity:0.3;}
	100%{right:-90px; opacity:1;}
}
.banner .swiper-pagination{width:auto !important; left:10px !important;}


/* 页底 */
.foot{width:calc(100% - 40px); color:#000; height:40px; line-height:40px; font-size:12px; text-align:right; position:absolute; left:0; bottom:0; padding:0 20px; z-index:1;}
.foot a:link, .foot a:visited{color:#000;}
.foot a:hover{text-decoration:underline;}
.foot a img{vertical-align:text-bottom; margin-right:5px;}


.lightbox{display:none; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5);}
.lightbox .closeBtn{position:absolute; right:10px; top:10px; width:40px; height:40px; line-height:40px; text-align:center; font-size:24px; text-decoration:none; border-radius:32px; background-color:#000; opacity:.4; color:#fff; transition:all .3s;}
.lightbox .pic{height:80vh; line-height:80vh; margin:10vh; font-size:0; text-align:center;}
.lightbox .pic img{display:inline-block; vertical-align:middle; zoom:1; max-width:100%; max-height:100%;}
.lightbox .txt{width:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; bottom:0; z-index:1; color:#fff; -webkit-transition:all 0.6s; -moz-transition:all 0.6s; -ms-transition:all 0.6s; -o-transition:all 0.6s; transition:all 0.6s;}
.lightbox .txt .tit{padding:20px; height:30px; line-height:30px; font-size:24px; text-align:center;}
.lightbox .txt .h1{padding:0 20px; line-height:30px; font-size:20px;}
.lightbox .txt .h2{padding:10px 20px 0; line-height:30px; font-size:18px;}
.lightbox .txt .con{padding:10px 20px 20px; line-height:30px;}
.lightbox .txt .more{width:30px; height:30px; line-height:30px; text-align:center; background:rgba(0,0,0,0.3); position:absolute; right:20px; top:-30px; font-family:"宋体"; overflow:hidden;}
.lightbox .txt .more .moreBtn{display:block; height:30px; color:#fff; transform:rotate(-90deg);}
.lightbox .txt .more .moreBtn.on{transform:rotate(90deg);}