@charset "utf-8";
.clearfix:after { content:""; display:block; height:0; clear:both; }
body{   font-family: "Helvetica Neue", "Helvetica", "Arial", "PingFang SC", "Hiragino Sans GB", "STHeiti", "Microsoft YaHei", "Microsoft JhengHei", SimSun, sans-serif ; overflow-x: hidden}
html.fp-enabled,
.fp-enabled body {
    margin: 0;
    padding: 0;
    overflow:hidden;

    /*Avoid flicker on slides transitions for mobile phones #336 */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

a{ transition: 0.3s}
a:hover{color: #106ab2}
.auto_1500{ max-width:1400px;}
@media(max-width:1500px){.auto_1500{ padding:0 0% ;}}


.home_title { margin-bottom: 30px;}
.title111 span,
.home_title span{ font-size:50px ;font-weight: normal; margin: 0; text-transform: uppercase;  font-family:'Roboto Condensed'; font-weight: bold; color:#133578; display: block}
.title111 h1,
.home_title h1{ font-size:40px ;margin: 0; color: #444; line-height: 36px; display: inline-block; font-weight: normal}
.home_title p{ font-size: 16px ;line-height: 32px;; margin: 0; color: #666;  margin-left: 15px; display: inline-block}
.home_more{   width: 240px; height: 50px; text-align:left; line-height: 50px; color: #999;   display: block;margin-top: 60px; overflow: hidden; position: relative; z-index: 60;background: url(../images/more1.png) no-repeat center center  ; background-size: contain ; transition: 0.5s; opacity: 0.6 }
.home_more a{ display: block; color: #133578;padding: 0 30px;}
.home_more:after{   content: "" ; display: block; position: absolute; left: 0; top: 0; width:0; height:100%; background: #106ab2; z-index: -1 ; transition: 0.4s}
.home_more:hover {   opacity: 1;color: #133578;}
.home_more:hover a{   color: #133578;}

.title111 { margin-bottom: 40px;}


@media(max-width:768px){
  .title111 span{font-size:28px;}
  .title111 h1{font-size:26px;}
  .home_title span{font-size:38px;}
  .home_title h1{font-size:30px;}
  .Floor002410 .home_title h1{font-size:30px;}
}



/*Floor002530 */
.Floor0003{ padding: 0% 0; }
.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: 30vw !important;}
.Floor0003 .active .owl-item.active{width: calc( 55vw / 5 ) !important; overflow: hidden;}
@media (max-width:1366px) {
.Floor0003 .active .owl-item.active.on{width: 40vw !important;}
.Floor0003 .active .owl-item.active{width: calc( 45vw / 3 ) !important; overflow: hidden;}
}


.Floor0003 .list .owl-stage{   height:650px; overflow: hidden}
.Floor0003 .list dd{  position:relative; z-index:1; height:650px; 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;}
.Floor0003 .owl-prev:hover{background: url(../images/arr4.png) no-repeat #133578 center center;}
.Floor0003 .owl-next:hover{ background: url(../images/arr3.png) no-repeat #133578 center center;}
@media(min-width:1025px){
.Floor0003 .list{ width:auto !important;}
}
@media(max-width:768px){
.Floor0003 .owl-nav{ display:block}
.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}
}
@media(max-width:480px){
.Floor0003 .list{ overflow:auto;}
}