/* CSS Document  dongyj*/
@charset "utf-8";

/*index*/
.index-floor{ background-color:#fff;}
.floor-5{ background-color:transparent;}
.index-floor,
.group-intro,
.index-banner{ position:relative; z-index:1;}
.index-banner{ overflow:hidden;}
.index-banner .bx-viewport{ z-index:1;}
.index-banner .bx-viewport,
.index-banner li,
.index-banner li a{ height:900px;}
.index-banner li a{ display:block;}
.index-banner li{ background-position:center top; background-repeat:no-repeat;} 
.index-banner .bx-pager,
.index-banner .bx-controls-direction a{ z-index:10;} 
.index-banner .bx-pager{ position:absolute; left:0; width:100%; bottom:40px; text-align:center;}
.index-banner .bx-pager div{ display:inline-block; padding:0 5px;}
.index-banner .bx-pager div a{ display:block; width:22px; height:22px; line-height:1000px; overflow:hidden; background:url(../images/control.png) no-repeat right top;}
.index-banner .bx-pager div a.active{ background-position:left top;}
.index-banner .bx-controls-direction a{ transition:0.3s;}
/*.index-banner .bx-controls-direction a.bx-prev{ left:-157px;}
.index-banner .bx-controls-direction a.bx-next{ right:-157px;}*/
.index-banner .bx-controls-direction a.bx-prev{ left:0;}
.index-banner .bx-controls-direction a.bx-next{ right:0;}
.index-banner .bx-controls-direction a{ top:0; margin:0; width:130px; height:100%; /*background:url(../images/news_top_btnbg_l.png) repeat-y right top;*/ background:none; text-indent:-999em}
.index-banner .bx-controls-direction a.bx-next{ /*background-image:url(../images/news_top_btnbg_r.png); background-position:left top; */}
.index-banner .bx-controls-direction a::before{ width:42px; height:73px; background:url(../images/banner_btn.png) no-repeat left top; margin-left:0; left:42px; margin-top:-36px;}
.index-banner .bx-controls-direction a.bx-next::before{left: auto; right:42px; background-position: right top;}

.index-floor .title{ padding:80px 0 50px 0; text-align:center; font-size:30px; color:#333;}
.index-floor .title span{ display:block; font-size:16px; color:#555; padding-top:5px;}
.index-floor .bx-controls-direction a{ background-color:#f9f9f9;}
.index-floor .bx-controls-direction a:hover{ background-color:#c81623;}
.index-floor .bx-controls-direction a::before{ width:13px; background:url(../images/info_pn.gif) no-repeat left top;}
.index-floor .bx-controls-direction a.bx-next::before{ background-position: right top;}
.index-floor .bx-controls-direction a.bx-prev:hover::before{ background-position: left bottom;}
.index-floor .bx-controls-direction a.bx-next:hover::before{ background-position: right bottom;}

.index-floor .title,
.index-floor .center{ position:relative;}
.index-floor .ani-things{ position:absolute; background:#c81623; transition:height ease-in-out 0.5s;}
.index-floor .title .ani-things{height:0; left:90px; top:0; width:4px;}
.index-floor .title .ani-things.show{ height:203px;}


.floor-3{ background:#f9f9f9; position:relative; overflow:hidden;}
.floor-3 .box{ float:left; width:50%;}
.floor-3 .box-right{ padding-left:60px;}
.floor-3 .category,
.floor-3 .title{ text-align:center; padding-bottom:40px;}
.floor-3 .category{ position:relative;}
.floor-3 .category dl{ overflow:hidden;}
.floor-3 .category dl dd{ float:left; width:150px;position:relative; height:100px; margin-right:8px; margin-bottom:9px;}
.floor-3 .category dd a{ display:block;  text-align:center;}
.floor-3 .category dd .hover{ display:none; position:absolute; left:0; top:0; right:0; bottom:0; border:2px solid #333; padding:1px; z-index:1;}
.floor-3 .category dd .hover img{ width:100%; height:100%;}
.floor-3 .category dd .pic{ display:table; height:60px; width:100%;}
.floor-3 .category dd .pic-cell{ display:table-cell; vertical-align:bottom; }
.floor-3 .category dd .pic img{ max-width:150px; max-height:60px;}
.floor-3 .category dd p{ margin:0; padding-top:10px;}
.floor-3 .category dd a:hover .hover,
.floor-3 .category dd.on a .hover{ display:block;}
.floor-3 .category dd a:hover p,
.floor-3 .category dd.on a p{ position:absolute; left:0; bottom:0; width:100%; line-height:28px; padding:0; background:#333; color:#fff; z-index:2;}
.floor-3 .category .bx-controls-direction{ position:absolute; left:-30px; top:0; height:100%; width:1px; background:#e5e5e5;}
.floor-3 .category .bx-controls-direction::before{ position:absolute; content:''; width:1px; top:40%; background:#f9f9f9; height:20%;}
.floor-3 .category .bx-controls-direction a{ left:-13px; width:24px; height:24px; background:#c81623; border:1px solid #c81623; margin:0; }
.floor-3 .category .bx-controls-direction a::before{ width:11px; height:6px; margin-top:-3px; margin-left:-5px; background-image:url(../images/index-case-btn.png);}
.floor-3 .category .bx-controls-direction a.disabled{background:#f9f9f9;border-color:#e5e5e5;cursor:default; }
.floor-3 .category .bx-controls-direction a.bx-prev::before{ background-position:left top;}
.floor-3 .category .bx-controls-direction a.bx-next::before{ background-position:right bottom;}
.floor-3 .category .bx-controls-direction a.bx-prev.disabled::before{ background-position:left top;}
.floor-3 .category .bx-controls-direction a.bx-next.disabled::before{ background-position:right bottom;}
.floor-3 .category .bx-controls-direction a.bx-prev{top:75px;}
.floor-3 .category .bx-controls-direction a.bx-next{top:109px;}

.floor-3 .box-left{ position:relative; z-index:10;}


.floor-3 #iframe{ position:absolute; left:50%; margin-left:-960px; top:0; width:1920px; height:600px;}