/* CSS Document  dongyj*/
/*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:60px 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;}

.ul .ul li{list-style: none;}
.center {width:1200px;margin:0 auto;text-align:center}
.floor-2 .center{ padding-bottom:80px;}
.floor-2 .center > .ani-things{  height:0;top:595px; right:62px; width:3px;}
.floor-2 .center > .ani-things.show{ height:140px;}
.floor-2 .title .ani-things.show{height:196px;}
.floor-2 .left-number{ float:left; height:400px; overflow:hidden; background:#f9f9f9; width:660px; padding:45px;}
/*编辑器*/
.floor-2 .left-number .ul_num{float:left;font-size:16px;width:50%;}

.floor-2 .left-number .ul_num li .left-tit{font-family: 'Times New Roman';font-size:56px; color:#b00; font-weight:bold;}
.floor-2 .left-number .ul_num li .unit{font-family: 'Times New Roman';font-size:46px; color:#b00; font-weight:bold;}
.floor-2 .left-number .ul_num li .left-desc{font-size: 26px;display: block;line-height: 54px;font-weight: bold;color: #333;}
.floor-2 .left-number .ul_num li i{ font-size:30px;color:#c81623; font-style:normal; }
/*编辑器 end*/
.floor-2 .right-image{ float:right; width:540px; position:relative;}
.floor-2 .right-image li img{ display:block; width:100%; height:400px;} 
.floor-2 .bx-controls-direction a{ top:auto; margin:0; left:0; bottom:0;}
.floor-2 .bx-controls-direction a.bx-next{ right:auto; left:50px;}

.bx-controls-direction a,
.bx-controls-direction a::before{position:absolute; top:50%;}
.bx-controls-direction a{ width:50px; height:50px; margin-top:-25px; background:#c92a32; overflow:hidden; line-height:1000px;}
.bx-controls-direction a.disabled{ background:#f9f9f9; cursor:default; display:none;}
.bx-controls-direction a::before{ content:'';width:12px; height:20px;margin-top:-10px;background:url(../images/btn_product.png) no-repeat left -21px; left:50%; margin-left:-6px;}
.bx-controls-direction a.bx-next::before{ background-position:right -21px;}
.bx-controls-direction a.bx-prev.disabled::before{ background-position: left top;}
.bx-controls-direction a.bx-next.disabled::before{ background-position: right top;}
.bx-controls-direction a.bx-prev{ left:0;}
.bx-controls-direction a.bx-next{ right:0;}