﻿@charset "utf-8";


/*蝶变日志 开始*/
.ixmtitleaa {
   
    margin-top: 30px;
    width: 100%;
    border-bottom: 1px solid #000;
	padding-bottom:5px;
	margin-bottom: 15px;
    overflow: hidden;}
.izright{ border:1px solid #000; float:right}
.izjtitaa{ border:1px solid #000; float:left}
.dbrz_1{ width:1170px; height:auto; margin:auto;}
.stage5Title {height:60px;line-height:60px;}
.shareTxt {display:block;line-height:60px;font-size:20px;color:#000;}
.shareTxt a {color:#3d3f4b}
.stage5Title .more {display:block;width:35px;height:9px; background:url(../newimages/icon.png) no-repeat -112px -146px;margin-top:26px;margin-left:20px;display:inline;}
.stage5 .links {width:161px;height:22px;border:1px solid #e1e1e1;margin-top:19px;margin-left:13px;display:inline;}
.stage5 .links a {display:block;width:50%;line-height:20px;font-size:14px;color:#666;text-align:center;text-decoration:none;float:left;}
.stage5 .links a:nth-child(1){border-right:1px solid #e1e1e1;}
.tuibianSlideBox {width:100%;height:450px;}
.tuibianSlideBox ul {width:100%;height:450px;-moz-transform-style: preserve-3d;-ms-transform-style: preserve-3d;-o-transform-style: preserve-3d;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-moz-perspective:100%;-ms-perspective:100%;-o-perspective:100%;-webkit-perspective:100%;perspective:100%;}
.tuibianSlideBox li {width:195px;height:146px;overflow:hidden;float:left;position:relative;cursor:pointer;-moz-transform:translate3d(0,0,-3600px);-ms-transform:translate3d(0,0,-3600px);-o-transform:translate3d(0,0,-3600px);-webkit-transform:translate3d(0,0,-3600px);transform:translate3d(0,0,-3600px);-moz-transition:-moz-transform 0.3s cubic-bezier(0.175, 0.885, 0.470, 1) 0s,opacity 0.4s ease-out 0s;;-webkit-transition:-webkit-transform 0.3s cubic-bezier(0.175, 0.885, 0.470, 1) 0s,opacity 0.4s ease-out 0s;transition:transform 0.3s cubic-bezier(0.175, 0.885, 0.470, 1) 0s,opacity 0.4s ease-out 0s;;opacity:0;filter:alpha(opacity:0);}
.tuibianSlideBox li img {position:absolute;left:0;top:0;width:100%;}
.tuibianSlideBox li .ot img{ width:6px; height:9px; padding:8px 120px 0}
.tuibianSlideBox li img:first-child{-moz-transition:opacity 0.4s linear 0s;-webkit-transition:opacity 0.4s linear 0s;transition:opacity 0.4s linear 0s;}
.tuibianSlideBox ul.active li {-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);opacity:1;filter:alpha(opacity:100);}
.tuibianSlideBox ul.active li:hover img:first-child{opacity:1;z-index:2}
.tuibianSlideBox .topTitle {left:0;top:0;width:100%;line-height:26px;font-size:12px;color:#fff;opacity:0;filter:alpha(opacity:0);z-index:3;text-align:center;}
.tuibianSlideBox .topTitle  span {width:33.3%;display:inline-block;padding-left:5px;}
.tuibianSlideBox li p {position:absolute;left:0;bottom:0;width:100%;line-height:24px; background: rgba(0,0,0,.5); color:#e40e62;opacity:0;filter:alpha(opacity:0);z-index:3;text-align:center;}
.stage5 li p {padding-left:0;}
.stage5 li p a{display:block;width:100%;text-align:center;color:#fff;text-decoration:none;}
.tuibianSlideBox li:hover .topTitle ,.tuibianSlideBox li:hover p {opacity:1;filter:alpha(opacity:100);}
.tuibianSlideBox  li:nth-child(3n) {margin-right:0;}
.stage5 .videoBoxes{width:1200px;height:150px;}
.stage5 .videoBox {width:150px;height:150ox;float:left;overflow:hidden;} 
.stage5 .videoBox .overlayImg {width:150px;height:150px;left:0;top:0;}
.stage5 .videoBox .videoIcon {width:28px;height:28px;left:2px;bottom:2px;}
.stage5 .videoContainer {width:150px;height:150px;overflow:hidden;}
.stage5 .popBox {top:10%;width:0;height:0;-moz-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)  0s;-webkit-transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)  0s;transition:all .3s cubic-bezier(0.215, 0.61, 0.355, 1)  0s;opacity:0;filter:alpha(opacity:0);overflow:hidden; }
.stage5 .popBox.active {width:1200px;height:450px;opacity:1;filter:alpha(opacity:100);}
.stage5 .popContainer {width:1200px;height:450px;overflow:hidden;}
.stage5 .popContent {width:1200px;height:450px;overflow:hidden;display:none;}
.stage5 .popCloseBtn {width:37px;height:37px;right:0px;top:0px;cursor:pointer;}
.stage5 .popImg {width:737px;height:450px; background-color:#FFF;}
.stage5 .popTxt {width:463px;height:450px; background-color:#8c9496;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;-ms-grid-row-align:center;align-items:center;background-color:rgba(0,0,0,.65);}
.stage5 .txt {width:334px;margin-left:64px;}
.stage5 .txt h5 {font-size:29px;color:#d8dde0;line-height:1.5;}
.stage5 .txt h6 {font-size:28px;color:#fff;line-height:1.6;margin-top:12px;}
.stage5 .txt p {font-size:16px;color:#fff;line-height:1.6;position:relative;padding-left:82px;}
.stage5 .txt p:before {content:attr(data-txt);position:absolute;left:0;top:0;font-size:16px;line-height:1.6;color:#fff;}
.stage5 .txt a {display:block;width:198px;height:35px;line-height:35px;text-align:center;font-size:14px;color:#fff;text-decoration:none; background-color:#fe3509;margin-top:12px;-moz-transition:all 0.3s linear 0s;-webkit-transition:all 0.3s linear 0s;transition:all 0.3s linear 0s;-moz-transform:translateY(20px);-webkit-transform:translateY(20px);transform:translateY(20px);opacity:0;filter:alpha(opacity:0);}
.stage5 .txt a:hover { background-color:#d22b07;text-decoration:none;color:#fff;}
.stage5 .popTxt:hover a{-moz-transform:translateY(0);-webkit-transform:translateY(0);transform:translateY(0);opacity:1;filter:alpha(opacity:100);}
.popVideoBox{width:737px;height:450px;overflow:hidden; background-color:#FFF;}

/*蝶变日志 end*/
