/* 轮播图 */
.hide { display: none; }
 /*.met-video { position: fixed; top: 0; left: 0; right: 0px; bottom: 0px; overflow: hidden; z-index: -999999; }*/
.met-video video { position: relative; z-index: -99999; object-fit: cover; }
.banner_met_21_2.met-page { padding-top: 0 !important; }
.banner_met_21_2 { width: 100%; height: 100%; position: relative; overflow: hidden; height:100%; }
.banner_met_21_2 .banner { width: 100%; height: 100%; position: relative; overflow: hidden; z-index: 4 }
.banner_met_21_2 .banner .banner-warpper { width: 1000%; height: 100%; margin: 0; padding: 0; list-style: none; transition-timing-function: ease }
.banner_met_21_2 .banner .banner-item { width: 10%; height: 100%; float: left; margin: 0; padding: 0; list-style: none; display: block; overflow: hidden; position: relative; background: center no-repeat; background-size: cover; height: 950px; }
.banner_met_21_2 .banner-text { width: 100%; height: 100%; position: absolute; left: 0; top: 0 }
.banner_met_21_2 .banner-text .container { width: 80%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);  }
.banner_met_21_2 .banner-text h3, .banner_met_21_2 .banner-text p { color: #333333; color: ; }
.banner_met_21_2 .banner-text h3 { margin: 0; font-size: 48px; font-weight: 100 }
.banner_met_21_2 .banner-text p { font-size: 24px; margin: 20px 0 20px 0; text-shadow: none; font-weight: 100 }
.banner_met_21_2 .banner-text .banner-icon { font-size: 20px; }
.banner_met_21_2 .banner-text .banner-icon .pe-mail { font-size: 24px; position: relative; top: 3px; }
.banner_met_21_2 .banner-text .line { width: 100px; height: 4px; background-color: #cf3109; background-color: ; display: inline-block; margin: 0 auto; }
.banner_met_21_2 .banner-text.p-4{
    text-align: center;
}
.banner_met_21_2 .banner-text.p-4 .line { display: block; }
.banner_met_21_2 .banner-text.p-0 { text-align: left; }
.banner_met_21_2 .banner-text.p-1 { text-align: right; }
.banner_met_21_2 .banner-text.p-0 .line{
    margin: 0;
}
.banner_met_21_2 .more { border: 1px solid; border-color: #333333; border-color: ; color: #333333; color: ; overflow: hidden; display: inline-block; height: 40px; line-height: 40px; text-align: center; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; width: 160px; cursor: pointer; margin-top: 50px; transition-duration: 1s; }
.banner_met_21_2 .more span { display: block; width: 100%; position: relative; text-align: center; height: 40px; line-height: 40px; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 100ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 100ms; color: #333333; color: ; }
.banner_met_21_2 .more span:after { content: attr(data-title); position: absolute; height: 40px; top: 0px; left: 0px; right: 0; color: transparent; transform: translate(0, 100%); -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 200ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 200ms; }
.banner_met_21_2 .more:hover { border-color: #cf3109; border-color: ; background-color: #cf3109; background-color: ; }
.banner_met_21_2 .more:hover span { transform: translate(0, -100%); }
.banner_met_21_2 .more:hover span:after { background-color: #cf3109; background-color: ; color: #fff; }
.banner_met_21_2 .banner-next { z-index: 99; position: absolute; bottom: 80px; left: 50%; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); cursor: pointer; text-align: center; color: #333333; color: ; }
.banner_met_21_2 .banner-next span { display: block; }
.banner_met_21_2 .banner-next .next-text { -webkit-animation: fadeInDown 2s infinite; -moz-animation: fadeInDown 2s infinite; -o-animation: fadeInDown 2s infinite; -ms-animation: fadeInDown 2s infinite; animation: fadeInDown 2s infinite; position: relative; top: 35px; }
.banner_met_21_2 .banner-next .next-icon { font-size: 64px; }
.banner_met_21_2 .banner-ctrl { position: absolute; width: 100%; top: 50%; left: 0; z-index: 99 }
.banner_met_21_2 .banner-ctrl .left { position: absolute; font-size: 72px; color:#ffffff; top: 50%; transform: translateY(-50%); cursor: pointer }
.banner_met_21_2 .banner-ctrl .right { position: absolute; font-size: 72px; color:#ffffff; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer }
.banner_met_21_2.banner-ny-h { min-height: 300px; height: 300px!important; }
.banner_met_21_2.banner-ny-h .banner-item { min-height: 300px; }
.banner_met_21_2.banner-ny-h .banner-next { display: none }
.banner_met_21_2.banner-ny-h .banner-ctrl { display: none }
.banner_met_21_2.banner-ny-h .banner-text .title { margin-bottom: 15px; font-size: 36px; height: auto; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 0ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0ms }
.banner_met_21_2.banner-ny-h .banner-text .subtitle { margin-top: 15px; font-size: 22px; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms; -moz-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms; -ms-transition: all 0.6s cubic-beziercubic-bezier(0.77, 0, 0.175, 1) 400ms; -o-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 400ms }
@media (max-width:479px) {
    .banner_met_21_2 .banner-text h3 { font-size: 16px }
    .banner_met_21_2 .banner-text p { margin-top: 10px; font-size: 20px }
}
@media (max-width:991px) {
    .met-video .video-bg { height: 100%; top: 0; position: absolute; width: 100%; left: 0; }
    .banner_met_21_2 .banner-text h3 { font-size: 20px }
    .banner_met_21_2 .banner-text p { font-size: 30px }
    .banner_met_21_2.banner-ny-h { min-height: 200px; height: 200px; }
    .banner_met_21_2.banner-ny-h .banner-item { min-height: 200px; }
    .banner_met_21_2.banner-ny-h .banner-text .title { font-size: 26px; }
    .banner_met_21_2.banner-ny-h .banner-text .subtitle { font-size: 18px; }
}
@media (max-width:767px) {
    .banner_met_21_2-ny { height: 90px }
    .banner_met_21_2-ny h1, .banner_met_21_2-ny h2 { font-size: 26px }
    .banner_met_21_2 { height: 260px; }
    .banner_met_21_2.banner-ny-h { height: 150px }
    .banner_met_21_2.banner-ny-h .banner-text .title { margin-bottom: 15px; padding: 0; font-size: 24px; height: auto }
    .banner_met_21_2.banner-ny-h .banner-text .subtitle { margin-top: 15px; font-size: 16px }
    .banner_met_21_2 .banner-text .container { width: 100% }
    .banner_met_21_2 .banner-text.p-5 .container .banner-text-con { width: 100% }
    .banner_met_21_2 .banner-text h3 { font-size: 18px }
    .banner_met_21_2 .banner-text p { margin-top: 15px; font-size: 24px }
    .banner_met_21_2 .banner-text .btn-more { margin-top: 20px; font-size: 16px }
}