﻿
.clearfix:after { content:""; display:block; height:0; clear:both; }

/*Floor002530 */
.Floor0003{ padding-bottom:3%; }
.Floor0003 .auto{ position:relative;;}
.Floor0003 .tab{ position: absolute; right: 0; width: 400px; top:25%; overflow: hidden; text-align: right; text-align: right}
.Floor0003 .top{ margin:  0 0 40px; 	  }
.Floor0003 .home_title{ margin:  0; 	  }
.Floor0003 .home_more{ margin: 20px 0 0 0; position: absolute; right: 0; bottom: -10px  }
.Floor0003 .list{ overflow:hidden; }
.Floor0003 .list .owl-item{ transition: 0.5s}
/* .Floor0003 .active .owl-item.active.on{width: 40vw !important;}
.Floor0003 .active .owl-item.active{width: calc( 40vw / 1 ) !important; overflow: hidden;}
@media (max-width:1366px) {
.Floor0003 .active .owl-item.active.on{width: 45vw !important;}
.Floor0003 .active .owl-item.active{width: calc( 43vw / 1 ) !important; overflow: hidden;}
} */

@media (max-width:1000px) {
.Floor0003 .active .owl-item.active.on{width: 100vw !important;}
.Floor0003 .active .owl-item.active{width: calc( 100vw ) !important; overflow: hidden;}
}
.Floor0003 .list .owl-stage{   height:560px; overflow: hidden}
.Floor0003 .list dd{  position:relative; z-index:1; height:560px; overflow: hidden}
.Floor0003 .list dd > *{ position:absolute; left:0; width:100%;}
.Floor0003 .list dd a{ height:100%; top:0; z-index:10;}
.Floor0003 .list dd figure{ overflow:hidden; z-index:2; top:0; bottom:0; background-position:0 0;transition:0.3s ease-in-out;}
.Floor0003 .list dd figure img{ display:block; height:100%; max-width:none; width: auto !important }
.Floor0003 .list dd figure::before{ position:absolute; content:''; left:0; width:110%; height:100%;bottom:0;
background: -moz-linear-gradient(top, rgba(0,0,20,0.1) 0%, rgba(0,20,20,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,20,20,0.1) 0%,rgba(0,20,20,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,20,20,0.1) 0%,rgba(0,20,20,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6631527b', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */}
.Floor0003 .list dd .txt{ z-index:5; color:#fff; text-align:center;bottom:0%; line-height:30px;  transition:top 0.3s; padding: 20px 30px;}
.Floor0003 .list dd .txt .cn{font-size: 24px;font-weight:normal;}
.Floor0003 .list dd .txt .en{font-size: 16px;line-height: 16px;height: 40px;font-family:'Roboto Condensed';text-transform:uppercase;margin-top: 5px;word-break: normal;}
.Floor0003 .list dd .txt p{ display: none; font-size: 15px; line-height:30px;}
.Floor0003 .list .owl-item:hover{ z-index:100;}
.Floor0003 .list dd:hover{ z-index:100;}
.Floor0003 .list dd:hover figure{ width:100%;}
.Floor0003 .list dd:hover figure:before{}
.Floor0003 .list dd.right figure{ left:auto; right:0;}
.Floor0003 .list dd:hover .txt{ margin-top:0; top:0; padding:50px; text-align: left;background: rgba(15,53,120,0.5);}
.Floor0003 .list .owl-stage-outer:hover .txt{display: none}
.Floor0003 .list dd:hover .txt{display: block !important}
.Floor0003 .list dd.right .txt{ text-align:left; left:auto; right:0;}
.Floor0003 .list dd.left .txt{ text-align:right;}
.Floor0003 .list dd:hover .txt::before{ position:absolute; content:''; width:6%; height:3px; background:#fff; top:25px; display: none}
.Floor0003 .list dd.right .txt::before{left:-3%; }
.Floor0003 .list dd.left .txt::before{right:5%; }
.Floor0003 .list dd:hover .txt aside{ padding:0 3%;}
.Floor0003 .list dd:hover .txt p{ padding:0 3%;}
.Floor0003 .list dd:hover .txt aside.en{ opacity:0.6;}
.Floor0003 .list dd:hover .txt p{ display: block; padding-left:3%; text-align: left}
.Floor0003 .owl-dots{display:none;width: 100%;padding: 0;margin:30px 0 0;list-style: none;text-align: center;}
.Floor0003 .owl-dots .owl-dot{position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 9px;padding: 0;cursor: pointer;border:none;background: #fff;border-radius: 50%;border: 2px solid rgba(0,0,0,0.3);}
.Floor0003 .owl-dots .owl-dot span{ display: none }
.Floor0003 .owl-dots :before{position:absolute;content:'';left:5px;top:5px;right:5px;bottom:5px;border-radius:50%;background:rgba(0,0,0,0.3);}
.Floor0003 .owl-dots .active{border-color: #133578;}
.Floor0003 .owl-dots .active:before{ background:#133578;}
.Floor0003 .owl-nav{ height: 80px;padding: 20px 0;  overflow:hidden;   z-index: 100; width:100%; text-align: center; display:none }
.Floor0003 .owl-nav>*{ font-size:0; width:49% !important; height:35px !important; border:none; position:absolute; cursor:pointer; padding:0; opacity: 0.6}
.Floor0003 .owl-nav>*:hover{  opacity: 0.9}
.Floor0003 .owl-prev{left:0%;margin-left:0px; background: url(../images/arr4.png) no-repeat #aaa center center; }
.Floor0003 .owl-next{  right:0%;  margin-right: 0px; background: url(../images/arr3.png) no-repeat #aaa center center;}

@media(min-width:1025px){
.Floor0003 .list{ width:auto !important;}
}
@media(max-width:768px){
.Floor0003 .list dd .txt{ line-height:22px;}
.Floor0003 .list dd .txt .cn{ font-size:18px;}
.Floor0003 .list dd .txt .en{ font-size:14px;}
.Floor0003 .list dd.hover .txt::before{ top:11px;}
.Floor0003 .list dd{height:328px;}
.Floor0003 .list .owl-stage{height:328px;}
.Floor0003 .list:hover .txt{display: block}
.sss img{ width:50%}
}
@media(max-width:480px){
.Floor0003 .list{ overflow:auto;}
}








