@charset "utf-8";
/* CSS Document */
*::selection{background:#c11b1b; color:#fff; text-shadow:none;}
*{margin:0;padding:0;}
body{font-size:16px; color:#000; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif; background:#fff; height:100vh; overflow:hidden; overflow-x:auto;}
.indBody{background:url(indBodyBg.jpg) no-repeat center center fixed;}
.scrollBody{background:url(picListBodyBg.jpg) no-repeat center center fixed;}
@media screen and (min-width:1920px){
	body{background-size:cover;}	
}
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:#c11b1b;}
/*去掉图形热点的点击时出现的边线*/
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;}


/* 自定义滚动条 */
::-webkit-scrollbar{
	width:10px;  /*滚动条宽度*/
	height:10px; /*滚动条高度*/
}
::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.1); box-shadow:inset 0 0 2px rgba(0,0,0,.1); -webkit-border-radius:5px; border-radius:5px; background-color:#c7bf9b; overflow:hidden;}/*滚动条背景颜色*/
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 0 0 2px rgba(0,0,0,.1); box-shadow:inset 0 0 2px rgba(0,0,0,.1); -webkit-border-radius:5px; border-radius:5px; background-color:#c11b1b;}/*滚动条滑块背景颜色*/



/*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 .container{color:#fff; position:absolute; left:50%; top:50%; width:630px; margin-left:-315px; margin-top:-160px;}
.pageTips .container 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 .container .img{text-align:center;}
.pageTips .container .msg{font-size:18px; line-height:36px; padding-top:30px;}
.pageTips .container a{color:#fff; text-decoration:underline;}

.videoBg{position:fixed; left:50%; top:50%; transform:translateX(-50%) translateY(-50%); z-index:-999; opacity:1; background-size:cover;}
.videoBg source{min-width:100%; min-height:100%; display:block;}

.indCon{width:100%; position:fixed; left:0; top:50%; transform:translateY(-50%);}
.indLogo{text-align:center;}
.indLogo img{display:inline-block; vertical-align:top; zoom:1; max-width:565px; width:60%;}

.indPicList{max-width:1400px; width:100%; padding:0 20px; margin:0 auto 0; box-sizing:border-box;}
.indPicList ul{margin:-5px; font-size: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;}
.indPicList ul:hover{-webkit-transform:scale(1.02); -moz-transform:scale(1.02); -ms-transform:scale(1.02); -o-transform:scale(1.02); transform:scale(1.02);}
.indPicList ul li{width:calc(20% - 10px); margin:5px; display:inline-block; vertical-align:top; zoom:1; position:relative;}
.indPicList ul li img{width:100%; -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(100%); filter:gray;}
.indPicList ul li p{width:100%; height:100%; background-repeat:no-repeat; position:absolute; left:0; top:0; -webkit-transition:all 0.4s; -moz-transition:all 0.4s; -ms-transition:all 0.4s; -o-transition:all 0.4s; transition:all 0.4s; opacity:0; -webkit-transform:scale(0.6); -moz-transform:scale(0.6); -ms-transform:scale(0.6); -o-transform:scale(0.6); transform:scale(0.6);}
.indPicList ul li a:hover img{filter:grayscale(0); filter:none;}
.indPicList ul li a:hover p{opacity:1; -webkit-transform:scale(1); -moz-transform:scale(1); -ms-transform:scale(1); -o-transform:scale(1); transform:scale(1);}

.link{text-align:center; height:40px; line-height:40px; padding-top:20px; font-size:18px; font-weight:bold;}
.link a:link, .link a:visited{color:#fedd7f; margin:0 20px; text-shadow:0 3px 5px rgba(0,0,0,0.2);}
.link a:hover{color:#fff;}

.foot{position:fixed; width:100%; height:50px; line-height:50px; left:0; bottom:0; color:#fff; text-align:center; font-size:14px;}
.foot a:link, .foot a:visited{color:#fff;}
.foot a:hover{text-decoration:underline;}
.foot a img{vertical-align:text-bottom; margin-right:5px;}


@font-face{font-family:"方正隶变"; src:url("fzlbk.ttf") format("truetype");}

.scrollWrap{margin:68px 0 88px; height:calc(80vh - 156px); padding:0 140px; position:relative; top:10vh;}
.roll{width:81px; height:calc(80vh - 156px); position:absolute; top:0; z-index:1; background:url(rollCen.png) repeat-y;}
.roll:before, .roll:after{display:block; width:81px; position:absolute; background-repeat:no-repeat; content:"";}
.roll:before{height:68px; background-image:url(rollTop.png); top:-68px;}
.roll:after{height:88px; background-image:url(rollBot.png); bottom:-88px;}
.rollL{left:80px;}
.rollR{right:80px;}


.scroll{width:100%; height:calc(80vh - 228px); padding:36px 0; background:url(scrollBg.jpg) repeat left top; -webkit-box-shadow:0 10px 15px rgba(0,0,0,0.5); box-shadow:0 10px 15px rgba(0,0,0,0.5);}
.scroll .scrollCon{margin:0 31px; height:calc(80vh - 248px); border:#fff 5px solid; padding:5px; white-space:nowrap;}
.scroll .scrollBox{width:100%; height:calc(80vh - 248px); background:url(scrollInnerBg.jpg) repeat-x left center; background-size:auto 100%; font-size:0;}
.scroll .scrollTxt, .scroll .scrollList{display:inline-block; padding:0 90px; height:100%; zoom:1; vertical-align:top; font-size:16px; /*opacity:0; animation:ani3 2s ease-in both;*/}
.scroll .scrollTxt{padding:60px 158px 60px 60px; height:calc(100% - 120px); position:relative;}
.scroll .scrollTxt:before, .scroll .scrollTxt:after{display:block; content:""; position:absolute; background-repeat:no-repeat; background-size:contain; z-index:0;}
.scroll .scrollTxt:before{width:150px; height:147px; background-image:url(scrollInnerPic1.png); background-position:left bottom; left:0; bottom:0;}
.scroll .scrollTxt:after{width:134px; height:121px; background-image:url(scrollInnerPic2.png); background-position:right bottom; right:60px; bottom:0;}
.scroll .scrollTxt h2{float:left; position:relative; z-index:1; width:60px; height:280px; padding:20px 10px 0 26px; background:url(titBg.png) no-repeat; background-size:100% 100%; color:#fff; text-align:center; font-family:"方正隶变"; font-weight:normal;}
.scroll .scrollTxt h2 p{width:30px; height:280px; font-size:28px; display:flex; writing-mode:vertical-lr; writing-mode:tb-lr; vertical-align:top; align-items:center; justify-content:top; float:left;}
.scroll .scrollTxt h2 p span{font-size:20px;}
.scroll .scrollTxt .txt{max-width:540px; height:360px; line-height:40px; overflow-y:auto; text-justify:inter-ideograph; text-align:justify; margin-left:120px; white-space:normal; position:relative; z-index:1; padding-right:20px;}

.scroll .scrollTxt .scrollTxtBg{display:block; width:138px; height:98px; background:url(scrollInnerPic3.png) no-repeat; background-size:contain; position:absolute; right:0; top:28px;}
.scroll .scrollList{padding-left:0; position:relative;}
.scroll #lightbox-1:before, .scroll .scrollList:last-of-type:before{display:block; position:absolute; content:""; background-repeat:no-repeat; background-size:contain; z-index:0;}
.scroll #lightbox-1:before{width:187px; height:169px; background-image:url(scrollInnerPic4.png); left:50%; bottom:0;}
.scroll .scrollList:last-of-type:before{width:120px; height:130px; background-image:url(scrollInnerPic5.png); right:0; top:20px;}

.scroll .scrollList .tit{width:320px; margin:30px 0 0 27px; padding:36px 70px 40px 238px; background:#fff url(titConBg.jpg) no-repeat center bottom; float:left; white-space:normal; position:relative;}
.scroll .scrollList .tit h2{width:140px; line-height:32px; background:#c11b1b; color:#fff; padding:40px 26px 80px; font-size:32px; font-family:"方正隶变"; font-weight:normal; position:absolute; left:-27px; top:-30px;}
.scroll .scrollList .tit h2 span{display:block; line-height:30px; font-size:16px; padding-top:20px; font-family:"Microsoft YaHei","微软雅黑","黑体",sans-serif;}
.scroll .scrollList .tit .txt{font-size:15px; line-height:30px;}
.scroll .scrollList .tit .txt img{width:320px; vertical-align:top;}
.scroll .scrollList .tit .txt p{line-height:30px; text-justify:inter-ideograph; text-align:justify; text-indent:2em; padding-top:10px;}
.scroll .scrollList ul{margin-left:656px; font-size:0; height:calc(80vh - 248px); position:relative; z-index:1;}
.scroll .scrollList ul li{display:inline-table; zoom:1; vertical-align:top; height:calc(80vh - 328px); line-height:calc(80vh - 328px); text-align:center; padding:40px 50px; font-size:16px;}
.scroll .scrollList ul li img{display:inline-block; zoom:1; max-width:calc(80vh - 328px); max-height:calc(80vh - 328px); vertical-align:middle; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.3); box-shadow:0 5px 10px rgba(0,0,0,0.3);}
.scroll .scrollList ul li img.lightbox-pic{cursor:pointer;}


.link ul li{   text-align:center; writing-mode:vertical-lr; writing-mode:tb-lr; vertical-align:middle;}



/*
后卷轴动画
@keyframes ani{to{left:calc(100% - 141px);}}
*/

/*
scroll动画
@keyframes ani2{to{width:calc(100% - 60px);}}
*/

/*
内容区域渐显动画
@keyframes ani3{
	0%{opacity:0;}
	70%{opacity:0;}
	100%{opacity:1;}
}
*/


#lightbox_mask{display:none; position:fixed; z-index:999; left:0; top:0; width:100%; height:100%; background-color:rgba(0,0,0,.5);}
#lightbox_popup{display:none; position:fixed; z-index:1000; left:0; top:0; width:100%; height:100%;}
#lightbox_popup .pic-view{position:absolute; top:15%; left:10%; width:80%; height:70%; text-align:center;}
#lightbox_popup .pic-view .pic{max-width:calc(100% - 10px); max-height:calc(100% - 10px); border:5px solid #fff; border-radius:3px;}
#lightbox_popup .btn-view .btn{position:absolute; 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_popup .btn-view .btn:hover{opacity:1; transform:scale(1.4);}
#lightbox_popup .btn-view .btn-prev{left:10px; top:48%;}
#lightbox_popup .btn-view .btn-next{right:10px; top:48%;}
#lightbox_popup .btn-view .btn-close{right:10px; top:10px;}
#lightbox_popup .caption-view{position:absolute; left:0; bottom:0; width:calc(100% - 40px); padding:15px 20px; line-height:24px; background-color:rgba(0,0,0,.7); text-align:center;}
#lightbox_popup .caption-view p{line-height:24px; color:#fff;}