@charset "utf-8";
/* 头部--------------------------- */
body{ background-color: #fff;}
.wrapper{ width: 1360px; margin: 0 auto;}
.secPadding{ padding: 50px 8px; box-sizing: border-box; }
@media screen and (max-width:1360px){
   .wrapper{ width: 100%; margin:0;}
   .secPadding{ padding: 40px 8px;}
}

@media screen and (max-width:768px){
    .secPadding{ padding: 30px 6px;}
}
ul, li { list-style: none; padding: 0; }
html:not(.isMobile) *::-webkit-scrollbar { width: 0; background: #fff; }
html:not(.isMobile) *::-webkit-scrollbar-thumb { background: none; }
.head_nav_met_11_3-header {   background-color: #ffffff; }
.head_nav_met_11_3-header .topContact{ height: 98px; display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:space-between;align-items:center;  }
.head_nav_met_11_3-header .logo-box { margin-left: 0; }
.head_nav_met_11_3-header .logo-box img { height: auto; max-height: 60px; max-width: 160px; }

.head_nav_met_11_3-header .contact-index p { margin-left: 15px; }
.head_nav_met_11_3-header .contact-index .tel { font-size: 20px; margin-bottom: 0px; color: #333333; text-align: right; line-height: 22px; }
.head_nav_met_11_3-header .contact-index .tel .icon-dianhua { margin-right: 5px; font-size: 22px; vertical-align: middle;}
.head_nav_met_11_3-header .contact-index .mail { color: #999999; font-size: 16px; text-align: right; line-height: 24px; vertical-align: middle; }
.head_nav_met_11_3-header .contact-index .mail .icon-youjian0{ font-size: 20px; margin-right: 5px; vertical-align: middle; }

.navbar-shadow { box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); }
.onlinebox { z-index: 9999 !important; }
.head_nav_met_11_3 {min-height: 38px;  margin-bottom: 0; box-shadow: none; border-radius: 0; background-color: #118b92; z-index: 1601; position: relative; }
.head_nav_met_11_3 .met-head-user { margin-left: 15px; }
.head_nav_met_11_3.navbar-shadow { -webkit-box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2); box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.2); -webkit-animation-duration: .6s; animation-duration: .6s }
.head_nav_met_11_3.navbar-fixed-top .navbar-right { margin-right: 0 }
.head_nav_met_11_3 .nav-item .nav-link { color: #ffffff; font-size: 17px; overflow: visible; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; }
.head_nav_met_11_3 .nav-item .nav-link:hover { color: #518b92; background: transparent;  }
.head_nav_met_11_3 .nav-item .nav-link:before { content: attr(data-title); position: absolute; top: 0%; left: 0; height: 100%; width: 100%; background-color: #fff; z-index: 1602; -webkit-transform: translateY(100%); transform: translateY(100%);
     -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; text-align: center; opacity: 0; filter:alpha(opacity=0); }
.head_nav_met_11_3 .nav-item .nav-link:after { display: none; }
.head_nav_met_11_3 .dropdown.open>a, .head_nav_met_11_3 .nav li a.active { background-color: transparent !important; }
.head_nav_met_11_3 .nav-item .nav-link.active:before, .head_nav_met_11_3 .nav-item .nav-link:hover:before, .head_nav_met_11_3 .nav-item.open .nav-link:before { -webkit-transform: translateY(0); transform: translateY(0); color: #518b92; opacity: 1; filter:alpha(opacity=100); visibility: visible; line-height: 38px; }

.head_nav_met_11_3-header.navbar-shadow { height: 38px; }
.head_nav_met_11_3-header.navbar-shadow .top-box { display: none; }

.head_nav_met_11_3 #met-head-user-collapse { line-height: 38px; }
.head_nav_met_11_3 #met-head-user-collapse .btn-primary { color: #ffffff; background-color: transparent; border: 0; padding: 0 10px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); height: 38px; line-height: 38px; position: relative; top: -2px; }
.head_nav_met_11_3 #met-head-user-collapse .btn-primary:hover { color: #518B92 !important; color: #ff5544 !important; background: #fff; }
.head_nav_met_11_3 #met-head-user-collapse .btn-success { height: 38px; position: relative; top: -2px; line-height: 38px; color: #333333; color: #ffffff; background-color: transparent; border: 0; padding: 0 10px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); }
.head_nav_met_11_3 #met-head-user-collapse .btn-success:hover { color: #518B92 !important; color: #ff5544 !important; background: #fff; }
.head_nav_met_11_3 .dropdown-item { color: #999999; color: #518B92; }
.head_nav_met_11_3 .dropdown-item:hover { color: #518B92; color: #ff5544; }
.head_nav_met_11_3 .overflow-visible { overflow: visible !important; }
.head_nav_met_11_3 .navbar-toggle { height: 60px; float: right }
.head_nav_met_11_3 .head_nav_met_11_3-login { padding-top: 15px; text-align: center }
.head_nav_met_11_3 .dropdown-menu>li>a { overflow: hidden; }
.head_nav_met_11_3 .dropdown-menu>li>a:hover { background: #f2f2f2 none repeat scroll 0 0; text-indent: 5px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); }
.head_nav_met_11_3 .met-head-user .dropdown > a{background-color: transparent;color: #333333; color: #ffffff;}
.head_nav_met_11_3 .shop_cart{margin-left: 10px;}
.head_nav_met_11_3 .met-head-user .dropdown i{color: #ffffff;}
.head_nav_met_11_3 .met-logo img{ max-width: 280px; max-height: 60px;}
.navbar-collapse{ border: none;}
@media (max-width:767px) {
.head_nav_met_11_3 .met-head-user{line-height: normal;}
.head_nav_met_11_3 .met-head-shop>li{display: block !important;line-height: 40px;text-align: left !important;}
}

.head_nav_met_11_3 .met-langlist { line-height: 38px; position: relative; height: 38px; }
.head_nav_met_11_3 .met-langlist a { line-height: 21px; }
.head_nav_met_11_3 .met-langlist .btn { color: #333333; color: #ffffff; border: 0; padding: 0 15px; height: 38px; position: relative; top: -2px; }
.head_nav_met_11_3 .met-langlist .dropdown-menu { min-width: 100%; top: 34px; }
.head_nav_met_11_3 .met-langlist .open .btn { color: #518B92 !important;  background: #fff !important; }
.head_nav_met_11_3 .met-langlist .btn:hover, .head_nav_met_11_3 .met-langlist .btn:focus, .head_nav_met_11_3 .met-langlist .btn:active { color: #518B92 !important; color: #ff5544 !important; background-color: #fff; }
@media (min-width:768px) {
    .head_nav_met_11_3 .nav>li>a { padding: 0 15px !important; height: 38px; line-height: 38px !important; display: block; position: relative; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; }
    .head_nav_met_11_3 .dropdown-menu { top: 44px; border: none; border-radius: 0; border-top: 3px solid #ff5544; z-index: 1603; }
    .head_nav_met_11_3 .dropdown-menu .dropdown-submenu>a:after { display: none }
    .head_nav_met_11_3 .dropdown-menu .dropdown-submenu>a i { position: absolute; right: 10px }
    .head_nav_met_11_3 .dropdown-menu.bullet { top: 60px }
    .head_nav_met_11_3 .head_nav_met_11_3-login { height: 38px; padding-top: 0; margin-left: 10px }
}
@media (max-width:991px) {
    #banner{ margin-top: 118px;}
    .head_nav_met_11_3-header .topContact{ height: 80px;}
    .head_nav_met_11_3-header .logo-box img { max-width: 180px; max-height: 50px;object-fit: scale-down; }
    .head_nav_met_11_3 .dropdown-menu .dropdown-submenu>a:after { display: none }
    .head_nav_met_11_3 .dropdown-menu .dropdown-submenu>a>i { float: right }
    .head_nav_met_11_3 .met-logo img { max-height: 50px; max-width: 200px; }
    .head_nav_met_11_3 .nav>li>a>i { float: right }
    .head_nav_met_11_3 .container{ width: 100%; box-sizing: border-box; padding: 0 12px;}
    
}
@media (max-width:767px) {
    body.met-navfixed { padding-top: 98px }
    .head_nav_met_11_3-header { height: 98px; }
    .head_nav_met_11_3-header .row { padding: 0 15px; }
    .head_nav_met_11_3-header .logo-box { height: 60px; line-height: 60px; }
    .head_nav_met_11_3-header .logo-box img { max-width: 180px; max-height: 50px; }
    
    /* .head_nav_met_11_3-header .contact-index { display: none; } */
    .head_nav_met_11_3 .met-langlist { padding: 0 15px; }
    .head_nav_met_11_3 .nav>li { margin-left: 0 !important }
    .head_nav_met_11_3 .dropdown-menu>li>.dropdown-menu>li>a { padding-left: 40px }
    .head_nav_met_11_3 .dropdown-menu.bullet:before, .head_nav_met_11_3 .dropdown-menu.bullet:after { display: none }
    .head_nav_met_11_3 .navbar-collapse-toolbar.in { max-height:480px;overflow-y: scroll; }
    .head_nav_met_11_3 .met-logo { float: none; max-height: 45px;  max-width: 180px; margin-left: 15px; }
    .head_nav_met_11_3 .navbar-collapse-toolbar { width: 100%; padding: 0 15px !important; }
    .head_nav_met_11_3 .nav>li>a { padding: 10px 15px; line-height: 25px }
    .head_nav_met_11_3 .nav li .link.active:after { height: 1px; bottom: 0; top: auto; left: 15px }
    .head_nav_met_11_3 .nav>li>.link:after { height: 1px; bottom: 0; top: auto; left: 15px }
    .head_nav_met_11_3 .nav>li>.link:hover:after { height: 1px; bottom: 0; top: auto; left: 15px }
    .head_nav_met_11_3 .met-head-user { width: 100%; margin: 0; }
    .head_nav_met_11_3 .navbar-toggler { color: #333333; color: #ffffff; padding: 0; height: 38px; margin: 0; text-align: right; width: 20px; }
    .head_nav_met_11_3 .navbar-toggler .hamburger-bar { background: #333333; background: #ffffff; }
    .head_nav_met_11_3 .navbar-toggler:before { background: #333333; background: #ffffff; }
    .head_nav_met_11_3 .navbar-toggler:after { background: #333333; background: #ffffff; }
    .head_nav_met_11_3 .met-head-user-toggler { margin-right: 15px !important; }
    .head_nav_met_11_3 .nav-item .nav-link:before { top: 0; }
    .head_nav_met_11_3 .open .dropdown-menu { background: #fff; border-top: 3px solid; border-color: #518B92; border-color: #ff5544; }
    .head_nav_met_11_3 .dropdown-item .dropdown-menu { display: block; }
}

/* 手机菜单 */
.nav2{ display: none;}

@media screen and (max-width:820px){
    .navbar-nav{  margin-right: 0; width:60%;  height: 100vh; position: fixed; right: 0px; top: 118px; z-index: 100; overflow-y: scroll; margin-top: 0;   
             transform: translate3d(100%, 0px, 0px);  transition: all 0.65s ease-in-out 0s; background-color: #518B92;border-left: 1px solid #e7e7e7; }
    .navbar-nav>li{ width: 100%;}
    ul.navbar-nav.active{transform: translate3d(0px, 0px, 0px);}
    ul.navbar-nav>li{ line-height: 45px; height: 45px; border-bottom:1px solid #fff; padding: 0; margin: 0}
    ul.navbar-nav>li a{ height:25px; font-size: 16px; padding: 0 0 0 10px; line-height: 45px; color: #222;}
    ul.navbar-nav>li a.active{ border: none; font-size: 18px; text-shadow: 0 0 5px #dedcdc; height: auto; }
    
    header .nav2{width:30px;height:20px;display:block;position:absolute;top:-10px;right:40px;cursor:pointer;padding:20px 15px; z-index: 1000;}
    header .nav2 span{width:26px;height:3px;background:#fff;display:block;border-radius:2px;transition:all .5s ease-out;position:absolute;top:20px;}
    header .nav2 span:nth-child(2){top:29px;}
    header .nav2 span:nth-child(3){top:37px;}
    header .nav2 span.active:nth-child(1){transform:rotate(45deg);transition:all .5s ease-out;top:29px;}
    header .nav2 span.active:nth-child(3){transform:rotate(-45deg);transition:all .5s ease-out;top:29px;}
}




/* 搜索框 */ 
.search-index { float: right; }
.search-index .input-search-btn { width: 35px; height: 35px; top: 12px; right: 10px; z-index: 2; background-color: #518B92; border-radius: 0; -webkit-border-radius:0; }
.search-index .input-search-btn .iconfont { position: absolute; top: 0; left: 0; width: 35px; height: 35px; font-size: 18px; line-height: 35px; color: #fff; margin: 0px; background-color: #518B92; background-color: #518B92; }
.search-index .input-search { height: auto; }
.search-index .input-search input { height: 45px; width: 320px; background-color: #eee; border: 1px solid; border-color: #eee; padding-left: 15px; -webkit-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms; -moz-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms;
     -ms-transition: all 0.6s cubic-beziercubic-bezier(0.165, 0.84, 0.44, 1) 0ms; -o-transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms; transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0ms; position: relative; top: 8px; }
.search-index .input-search input:focus { width: 350px; border-color: #518B92; border-color: #518B92; outline: 0; }

/* 产品 */

.about_list_met_16_4 .about-title{padding: 25px 10px; font-size: 30px; line-height: 1.4; margin-top: 0px; text-align: center; font-weight: 500; text-shadow: 0 1px 1px #fff; color:#666666; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.about_list_met_16_4 .about-title h6{ font-size: 14px; color: #888; line-height: 1.6; text-align: center; font-weight: 500;}
.about_list_met_16_4 p.desc{font-size: 16px; font-weight: 300; text-align: center; width: 80%; color: grey; margin: 0px auto; margin-bottom: 30px; text-shadow: 0 1px 1px #fff; color:#999999;color:#ffffff;}
.about_list_met_16_4 .about-title-keywords{vertical-align: top; font-weight: 500; display: inline-block; height: 43px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.about_list_met_16_4 .item-content{height: 100%; padding: 0;}
.about_list_met_16_4 .item-content .item-text{/*width: 85.4%; padding-left: 23%;*/ padding-top: 50px;}
.about_list_met_16_4 .item-content .item-text .item-title{width: 100%; overflow: hidden; height: 60px; padding-bottom: 20px;}
.about_list_met_16_4 .item-content .item-text .span-left{float: left; font-size: 62px; line-height: 42px; text-shadow: 0 1px 1px;}
.about_list_met_16_4 .item-content .item-text .span-right{float: right;margin-right: 5%;}
.about_list_met_16_4 .item-content .item-text .span-right h2{font-weight: normal; font-size: 24px; line-height: 24px; padding-bottom: 15px; margin: 0;}
.about_list_met_16_4 .item-content .item-text .span-right h3{font-weight: normal; font-size: 14px; line-height: 16px; margin: 0; text-shadow: 0 1px 1px;}
.about_list_met_16_4 .item-content .item-text p{font-size: 14px; color:#999999;color:#ffffff; line-height: 24px; /*max-height: 100px; overflow: hidden;*/ text-overflow: ellipsis;/*display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;*/}
.about_list_met_16_4 .item-content .item-text span{color:#ffffff;}
.about_list_met_16_4 .item-img{padding: 0;}
.about_list_met_16_4 .item-img img{width: 100%; height: 100%; object-fit: cover;}
.about_list_met_16_4 .about-list{list-style: none;padding:0;overflow:hidden;}
.about_list_met_16_4 .about-list li:nth-child(1){height: 355px;}
.about_list_met_16_4 .about-list li:nth-child(1) .item-content{background: #8eccd4; border-radius: 5px 0 0 0;padding: 20px;}
.about_list_met_16_4 .about-list li:nth-child(1) .item-content .span-left{color: #fff;}
.about_list_met_16_4 .about-list li:nth-child(1) .item-content h3{color: #fff;}
.about_list_met_16_4 .about-list li:nth-child(1) .item-img{height: 355px; border-radius: 0 5px 0 0;}
.about_list_met_16_4 .about-list li:nth-child(1) .item-img img{border-radius: 0 5px 0 0;}
.about_list_met_16_4 .about-list li:nth-child(2){height: 320px;}
.about_list_met_16_4 .about-list li:nth-child(2) .item-content{background: #91b9f4; float: right; padding-top: 30px; height: 320px; opacity: 1;}
.about_list_met_16_4 .about-list li:nth-child(2) .item-content .span-left{color: #0a3f92;}
.about_list_met_16_4 .about-list li:nth-child(2) .item-content .item-text{padding-top: 0; width: 89.4%; padding-left: 10.5%;}
.about_list_met_16_4 .about-list li:nth-child(2) .span-right h3{color: #0a3f92;}
.about_list_met_16_4 .about-list li:nth-child(2) .item-img{height: 320px; opacity: 1; }
.about_list_met_16_4 .about-list li:nth-child(3){height: 265px;}
.about_list_met_16_4 .about-list li:nth-child(3) .item-content{background: #82d3ee; padding-top: 55px; height: 360px; opacity: 1;  border-radius: 0 0 0 5px;}
.about_list_met_16_4 .about-list li:nth-child(3) .item-content .item-text{padding-top: 0; padding-left: 20%;}
.about_list_met_16_4 .about-list li:nth-child(3) .item-content .span-left{color: #ffffff;}
.about_list_met_16_4 .about-list li:nth-child(3) .item-content h3{color: #ffffff;}
.about_list_met_16_4 .about-list li:nth-child(3) .item-img{border-radius: 0 0 5px 0; position: relative; /*top: -95px;*/ height: 360px; opacity: 1; }
.about_list_met_16_4 .about-list li:nth-child(3) .item-img img{border-radius: 0 0 5px 0;}

.about_list_met_16_4 .about-list li>a{ width: 100%; height: 100%;}
@media screen and (max-width:1100px){
    .about_list_met_16_4 .container{ width: 94%;}
}
@media (max-width: 768px){
    .about_list_met_16_4 .about-title{font-size: 20px;}
    .about_list_met_16_4 .item-img{height: auto !important; top: 0 !important;} 
    .about_list_met_16_4 .item-content{height: auto !important; padding: 0 !important;} 
    .about_list_met_16_4 .item-content .item-text{width: 100% !important; padding: 20px !important;} 
    .about_list_met_16_4 .item-content .item-text .item-title{height: auto;} 
    .about_list_met_16_4 .item-content .item-text p{font-size: 13px;} 
    .about_list_met_16_4 .item-content .item-text .span-left{margin-right: 20px; font-size: 52px; float: none; display: inline-block; line-height: 45px;} 
    .about_list_met_16_4 .item-content .item-text .span-right{float: none; display: inline-block; max-width: 68%;} 
    .about_list_met_16_4 .item-content .item-text .span-right h2{font-size: 14px; padding-bottom: 5px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} 
    .about_list_met_16_4 .item-content .item-text .span-right h3{font-size: 12px; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
}


/*案例轮播图 */
.product_list_met_21_1.met-index-body.bgcolor{background:#fff}
.product_list_met_21_1.met-index-body.bgpic{background-repeat: no-repeat;background-size:100%;background-position:center; background-color: #f5f5f5;}
.product_list_met_21_1.met-index-body{padding:20px 0}
.product_list_met_21_1.met-index-body h2{font-size:36px;color:#333;color:#518B92;}
.product_list_met_21_1.met-index-body p.desc{padding:0 10%;font-size:1pc;color:#999}
.product_list_met_21_1 .met-editor{margin-top:50px}
#product_home .swiper-slide{ width: 450px;}
.product_list_met_21_1 .container{ position: relative; width: 1300px;}
.product_list_met_21_1 .swiper-pagination-bullet-active{ background-color: #518B92; }
@media screen and (max-width:1300px){
    .product_list_met_21_1 .container{ width: 100%; padding: 0 30px; box-sizing: border-box;}
}
@media (max-width:991px){
    .product_list_met_21_1.met-index-body{padding:10px 0}
    .product_list_met_21_1 .met-editor{margin-top:40px}
    #product_home .swiper-slide{ width: 450px;}

}
@media (max-width:767px){
    .product_list_met_21_1.met-index-body{padding:5px 0}
    .product_list_met_21_1 .met-editor{margin-top:30px}
     #product_home .swiper-slide{ width: 100%;}
}
.product_list_met_21_1 .team-list{padding:0;margin:0;list-style:none}
.product_list_met_21_1 .team-list .swiper-slide{text-align:center}
.product_list_met_21_1 .team-list .swiper-slide .item-inner{-webkit-transition:.3s;transition:.3s;box-shadow:0 2px 20px rgba(0,0,0,.15)}
.product_list_met_21_1 .team-list .swiper-slide .item-inner .team-btn{width:100%; height: auto; display:block}
.product_list_met_21_1 .team-list .swiper-slide .item-inner .team-content{background:#fff;min-height:230px;padding:15px 30px 30px;line-height:26px;margin-bottom:10px}
.product_list_met_21_1 .team-list .swiper-slide .item-inner .team-content .team-title{margin:0;line-height:30px;color:gray;font-size:1pc}
.product_list_met_21_1 .team-list .swiper-slide .item-inner .team-content .team-title h3{color:#333;color:#4f4f4f;font-size:24px;margin-top:20px;margin-bottom:10px;font-weight:400}
.product_list_met_21_1 .team-list .swiper-slide .item-inner .team-content .team-title p{color:#999;color:#a5a5a5}
.product_list_met_21_1 .team-list .swiper-slide .item-inner .team-content>.proDiv{font-size: 16px; color:#a5a5a5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.product_list_met_21_1 .team-list .swiper-slide .item-inner .team-content .team-more{color:#518B92;font-size:15px;transition:color .25s; margin-top: 6px; }
.product_list_met_21_1 .team-list .swiper-slide .item-inner .team-content .team-more .iconfont{font-size:16px;position:relative;top:0px;left:3px; vertical-align: middle; color: #518B92; border: 1px solid #518B92; border-radius: 50%; -webkit-border-radius:50%;}
@media (max-width:767px){
    .product_list_met_21_1 .team-list .swiper-slide .item-inner .team-content{min-height: auto; padding: 12px 8px;}
    .product_list_met_21_1 .team-list .swiper-slide .item-inner .team-btn{ min-height: 70px;}
    .product_list_met_21_1 .team-list .swiper-slide .item-inner .team-content .team-title h3{ font-size: 18px; }
    .product_list_met_21_1 .service_item h4{font-size:1pc;height:46px;line-height:46px;color:#595959;transition:all ease-out .2s;border-bottom:1px solid #e1e1e1;text-align:left;width:100%;}
}
@media (max-width:991px){
    .product_list_met_21_1 .service_item h4{text-align:center}
}
.product_list_met_21_1 .service_item h4:before{position:absolute;content:"";width:10px;height:1px;background-color:#3c3c3c;margin-top:46px;transition:all .6s cubic-bezier(0.215,0.61,0.355,1) 0s}
@media (max-width:991px){
    .product_list_met_21_1 .service_item h4:before{display:none}
}
.product_list_met_21_1 .service_item p{color:#848484;font-size:13px;line-height:24px;height:50px;overflow:hidden;width:100%;margin-top:10px}
.product_list_met_21_1 .service_item a{display:block;width:100%;position:relative}
.product_list_met_21_1 .service_item a img{margin:0 auto;border-radius:3px}
@media (max-width:767px){
    .product_list_met_21_1 .service_item a{text-align:center;margin-top:20px}
}
.product_list_met_21_1 .service_item a:hover{text-decoration:none}
.product_list_met_21_1 .service_item a:hover h4{color:#272727}
.product_list_met_21_1 .service_item a:hover h4:before{width:100%}
.product_list_met_21_1 .swiper-container{margin-top:20px; width: 96%;}


/* 首页新闻样式 */
.newsTitle{ padding: 20px;  display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:center;}
.newsTitle h5{ font-size: 22px; color: #518B92;}
.newsTitle h5 p{ display: inline-block; font-size: 13px; color: #999; margin-left: 20px;}
.newsTitle .more a{ display: inline-block; padding: 5px 20px; color: #518B92;  font-size: 16px; border: 1px solid #518B92; }
.newsTitle .more a:hover{ background-color: #518B92; color: #fff; }

.news_home{ width: 100%; display: flex; display:-webkit-flex; flex-direction:row; flex-wrap: nowrap; justify-content:space-between;align-items:center; }
.news_home .newsSwiper{ width: 460px; height: 288px; overflow: hidden; }
.news_home .newsSwiper .swiper-slide a{ display: block; position: relative;}
.news_home .newsSwiper .swiper-slide a img{ width: 100%; }
.news_home .newsSwiper .swiper-slide a p{ position: absolute; bottom: 0; left: 0; padding: 0 10px; font-size: 14px; color: #fff; line-height: 36px; width: 100%; 
    box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background-color: rgba(0, 0, 0, 0.4)} 
.news_home .newsList{ width: 710px; padding: 0 30px;}
.news_home .newsList dl dd{ margin-bottom: 8px;}
.news_home .newsList dl dd a{ display: block; }
.news_home .newsList dl dd h4{ font-size:16px; color: #518B92; line-height: 1.3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.news_home .newsList dl dd .intro{ margin: 4px 0; box-sizing: content-box;}
.news_home .newsList dl dd .intro, .news_home .newsList dl dd .intro *{ max-height:40px; height:auto;  font-size: 14px; color: #666; line-height: 20px; display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }

.newsSwiper .swiper-container-horizontal>.swiper-pagination-bullets,.newsSwiper .swiper-pagination-custom, .swiper-pagination-fraction{width: auto; left: inherit; right: 8px; bottom: 6px;}
.newsSwiper .swiper-pagination-bullet-active{ background: rgb(255, 255, 255);}
@media screen and (max-width:1200px){
    .news_home .newsSwiper{ width: 35%; height: auto;}
    .news_home .newsList{ width:  61%; padding: 0 2%;}
}
@media screen and (max-width:800px){
    .news_home{ flex-wrap: wrap;}
    .news_home .newsSwiper{ width: 86%; height: auto; margin: 0 auto; margin-bottom: 10px;}
    .news_home .newsList{ width:  100%; padding: 0;}
}

/* 公司简介 */
.about_list_met_11_3 { padding: 50px 0; position: relative;  overflow:hidden; background-color: #f5f5f5;}
.about_list_met_11_3 .head { text-align: left; margin-bottom: 25px; }
.about_list_met_11_3 .head .title { margin-top: 22px; margin-bottom: 11px; font-size: 20px; font-weight: 300; letter-spacing: 1px; color: #518B92;  }
.about_list_met_11_3 .head .desc { width: 38px; height: 2px;  background: #518B92;  transform: translate(0, 100%); }
.about_list_met_11_3 .btn-more { padding: 5px 15px; border: 1px solid;  color: #518B92; display: block; width: 110px; text-align: center; margin: 30px auto 0 auto; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.about_list_met_11_3 .btn-more .icon-gengduo { padding-left: 10px; color: #518B92; }
.about_list_met_11_3 .btn-more:hover {  background: #518B92; padding-left: 15px; color: #fff; border-color: #518B92; text-decoration: none }
.about_list_met_11_3 .btn-more:hover .icon-gengduo { color: #fff; }
.about_list_met_11_3 .background { height: 505px; width: 100%; position: absolute; z-index:0; top: 0;left: 0;}
.about_list_met_11_3 .background img { width: 100%; height: 100%; object-fit: cover; }
.about_list_met_11_3 .content { position: relative;}
.about_list_met_11_3 .content .img { position: relative; z-index: 2; }
.about_list_met_11_3 .content .img img { width: 100%; max-height: 280px; -o-object-fit: scale-down; object-fit: scale-down; }
.about_list_met_11_3 .content .text { background: #fff; width: 100%; text-align: left; padding: 5px; height: 173px; z-index: 1;  }
.about_list_met_11_3 .content .text p { font-size: 14px; color: #999999; line-height: 1.5; margin: 0; padding: 10px 0; }
.about_list_met_11_3 .content .text p span{ display: block; max-height:107px; overflow: hidden;  text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
.about_list_met_11_3 .content .btn-more { margin: 0; margin-top: 10px; }
.about-us .col-md-7{ border: 1px solid #518B92; margin-top: 2.5rem;}
@media (max-width:1200px) {
    .about-us .col-md-7{ margin-top: 0;}
}

@media (max-width:991px) {
	.about_list_met_11_3 { padding: 50px 0; }
	.about_list_met_11_3 .background { height: 520px; }
	.about_list_met_11_3 .about-us { padding: 0; }
	.about_list_met_11_3 .content { height: auto; }
	.about_list_met_11_3 .left { padding: 0; }
	.about_list_met_11_3 .content .img img{max-height: 198px;}
	.about_list_met_11_3 .content .text { position: static; top: 130px; }
	.about_list_met_11_3 .content .text p { font-size: 14px; }
	.about_list_met_11_3 .content .text p span{max-height: 107px; overflow: hidden;display: block;}
	.about_list_met_11_3 .content .btn-more { margin-top: 10px; }
    
}
@media (max-width:414px) {
	.about_list_met_11_3 { padding: 50px 0; }
	.about_list_met_11_3 .background { height: 520px; }
	.about_list_met_11_3 .about-us { padding: 0; }
	.about_list_met_11_3 .content { height: auto; }
	.about_list_met_11_3 .left { padding: 0; }
	.about_list_met_11_3 .content .text { position: static; top: 130px; }
	.about_list_met_11_3 .content .text p { margin-left: 0; font-size: 14px; }
	.about_list_met_11_3 .content .text p span{max-height: 107px; overflow: hidden;display: block;}
	.about_list_met_11_3 .content .btn-more { margin-top: 10px; }
}

/* 视频中心 */
.service_list_met_11_1 { padding: 50px 30px;}
.service_list_met_11_1 .head .title { margin-top: 0; margin-bottom: 0; color: #333333; color: #518B92; font-size: 25px;  }
.service_list_met_11_1 .head .subtitle { margin-top: 0; color: #999999;  }
.service_list_met_11_1 .head .desc { margin-top: 0; color: #999999;  }
.service_list_met_11_1 .service-list { margin-top: 30px; padding: 0; display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:space-between;align-items:center;}
.service_list_met_11_1 li {list-style: none; width: 31%; margin-bottom: 20px;}

.service_list_met_11_1 .service-list .fake{ width: 31%; height: 1px; background: none; line-height: 0px; overflow: hidden; font-size: 0;}
.service_list_met_11_1 li a { display: block; width: 100%; position: relative; text-align: left; }
.service_list_met_11_1 li img { margin: 0 auto; max-width: 100%; }
.service_list_met_11_1 li a h4 { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-shadow: none; font-size: 16px; height: 46px; line-height: 46px; color: #333333; color: #518B92; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); border-bottom: 1px solid #e1e1e1; text-align: left; width: 100%; }
.service_list_met_11_1 li a h4:before { position: absolute; content: ""; width: 10px; height: 1px; background-color: #333333; background-color: #518B92; margin-top: 46px; -webkit-transition: all .66s cubic-bezier(.17, .84, .44, 1); transition: all .66s cubic-bezier(.17, .84, .44, 1); }
.service_list_met_11_1 li a p { color: #999999;  font-size: 13px; line-height: 24px; height: 50px; overflow: hidden; width: 100%; margin-top: 10px; }
.service_list_met_11_1 li a:hover { text-decoration: none; }
.service_list_met_11_1 li a:hover h4 { color: #518B92; }
.service_list_met_11_1 li a:hover h4:before { width: 100%; background-color: #518B92; }
.service_list_met_11_1 li a .iconfont{ position: absolute; top: 50%; left: 50%; transform: translate(-50%,-90%); font-size: 38px; color: #518B92;}

.service_list_met_11_1 .slick-arrow.slick-prev-met11 { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; left: 0; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
.service_list_met_11_1 .slick-arrow.slick-next-met11 { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; right: 0; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; }
@media (min-width:767px) and (max-width:1200px) {
    .service_list_met_11_1 img { max-width: 300px; margin: 0 auto }
}
.service_list_met_11_1 .slick-arrow { width: 20px; font-size: 30px; }
.service_list_met_11_1 .slick-arrow:before { display: none; }
.service_list_met_11_1 .slick-arrow.slick-prev-met11 { left: -10px; }
.service_list_met_11_1 .slick-arrow.slick-next-met11 { right: -10px; }
.service_list_met_11_1 .slick-arrow i { color: #999999; }
@media (max-width:767px) {
	.service_list_met_11_1 { padding: 30px 15px; }
    .service_list_met_11_1 li{ width: 100%;}
    .service_list_met_11_1 .service-list .fake{ display: none;}
}



/* 尾部 */
footer{width:100%;height:auto;background:#518b92;padding: 0px 0px 40px 0;}
footer .footer{width:1260px; margin:0 auto; }
footer .footer *{color: #fff; }
.footerInformation{ padding-top: 20px; display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:space-between;align-items:center; }
.footerInformation dd div,.footerInformation dd p,.footerInformation dd ul li{ line-height: 25px; padding: 2px 2px; font-size: 14px; color: #fff;}
.footerInformation dd>div *{ display: inline-block;}
.footerInformation .inforContact{ display: flex; display:-webkit-flex; flex-wrap: nowrap; justify-content:flex-start;align-items:center; }
.footerInformation .inforContact a{ padding: 0 10px;}
.footerInformation .inforContact a i.iconfont{ font-size: 30px; color: #fff;}
.footerInformation .inforContact a:hover>i.iconfont{ color: #dfdfdf;}
.wechatA{ position: relative; display: block;}
.wechatDiv{ position: absolute; top: -140px; right: -50px; }
.wechatDiv img{ width: 120px;}
.footerInformation .inforContact .wechatDiv i.iconfont{ position: absolute; bottom: -7px; left: 50%; font-size: 30px;color: #fff; transform: rotate(180deg) translateX(50%);}
@media screen and (max-width:1260px){
    footer .footer{width:100% ;box-sizing:border-box;padding:0 14px;}
    footer{ padding: 0px 0px 40px 0; }
    #mapNav ul{ width: 100%;}
}
@media screen and (max-width:768px){
    footer{ padding: 0px 0px 20px 0;}
    footer .footer{ padding: 0;}
    .footerInformation{ flex-wrap: wrap; padding-top: 0; padding: 20px 10px 0px 10px; }
    .footerInformation dd{ width: 100%;}
    .footerInformation .inforContact{ padding: 10px 0; justify-content:center;}
    .copyright{ padding-top: 10px;}
    .copyright p, .copyright div, .copyright ul li{ text-align: center;}
    .footerInformation dd div,.footerInformation dd p,.footerInformation dd ul li{ line-height: 24px; padding: 2px; font-size: 14px; color: #fff;}
    .footerInformation dd.copyright div,.footerInformation dd.copyright p,.footerInformation dd.copyright ul li{ line-height: 20px; padding: 0; }
}


/* 首页广告一 */
.adver1 img{ display: block; width: 100%; }

/* 友情链接 */
@media screen and (max-width:820px){
    .links{ display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:flex-start; align-items:center; padding: 10px 0 0 0; margin-left: 0px;}
    .links li a{ font-size: 14px; color: #fff; padding: 2px 10px; line-height: 1.5;}
}


/* product listMenu */
.listMenu{ display: flex; display:-webkit-flex; flex-wrap: wrap; justify-content:flex-start;align-items:center; margin: 0;}
.listMenu li{ margin-left: 10px; list-style: none;}
.listMenu li a{ font-size: 16px; color: #808080; padding: 4px 10px;}
.listMenu li.active a{ color: #518B92;}
#listMenu{ justify-content: flex-end;}
@media screen and (max-width:768px){
    .listMenu{ justify-content:flex-start; }
    #listMenu{ justify-content: flex-start;}

}

.productPadd{ padding: 0;}
.productPadd .container{ width: 100%;}
.case .left ul li a .icon-play{ font-size: 32px; color: #518B92; position:absolute; top: 45%; left: 50%; transform: translate(-50%, -100%);}
*, ::after, ::before{ -webkit-box-sizing:initial;-moz-box-sizing:initial;box-sizing:initial}