/* 主页banner */
.swiper-container { width:100%; height:400px; z-index:1; }
.swiper-container .swiper-slide { width:100%; height:400px; }
.swiper-container .swiper-slide a { width:100%; height:400px; display:block; }
.swiper-pagination { width:1200px!important; left:50%!important; text-align:right; margin-left:-600px; }
.swiper-pagination .swiper-pagination-bullet { width:20px; height:6px; margin:0 0 0 4px!important; opacity:1; background:#fff; border-radius:4px; font-size:0px; }
.swiper-pagination .swiper-pagination-bullet-active { width:35px; background:coral; }
@media (max-width:1024px){
#ads-image { display:none; }
.swiper-container { width:100%; height:240px; z-index:1; }
.swiper-container .swiper-slide { width:100%; height:240px; }
.swiper-container .swiper-slide a { width:100%; height:240px; display:block; background-size:auto 100%!important; }
}
@media (max-width:767px){
.swiper-container { width:100%; height:140px; z-index:1; }
.swiper-container .swiper-slide { width:100%; height:140px; }
.swiper-container .swiper-slide a { width:100%; height:140px; display:block; background-size:auto 100%!important; }
.swiper-pagination { display:none; }
}
@media (max-width:480px){
.swiper-container { width:100%; height:120px; z-index:1; }
.swiper-container .swiper-slide { width:100%; height:120px; }
.swiper-container .swiper-slide a { width:100%; height:120px; display:block; background-size:auto 100%!important; }
.swiper-pagination { display:none; }
}
/* å£å·æ ‡è¯ã€å…¬å‘Š */
.slogan_box { width:100%; height:118px; background:#f5f5f5; box-shadow:0px -3px 5px #dedede inset; }
.slogan_box .container { height:118px; position:relative; }
.slogan_box .slogan { width:740px; height:auto; float:right; }
.slogan_box .slogan ul li { width:25%; float:left; padding-left:26px; padding-top:22px; }
.slogan_box .slogan ul li b { font-size:18px; padding-bottom:6px; font-weight:500; display:block; position:relative; padding-left:30px; }
.slogan_box .slogan ul li b .iconfont { width:30px; height:30px; line-height:30px; text-align:left; font-size:22px; color:#c0c0c0; position:absolute; top:0px; left:0px; display:block; }
.slogan_box .slogan ul li p { color:#c2c2c2; line-height:18px; }
.notice_box { width:471px; height:230px; position:absolute; padding:30px; background:url(../images/gg.png) no-repeat; z-index:99; bottom:0px; left:-6px; }
.notice_box .gg_title { width:100%; height:32px; background:url(../images/gg_title.gif) no-repeat; }
.notice_box .gg_title a { width:100%; height:32px; display:block; text-align:right; }
.notice_box .gg_title a i { background:#e5e5e5; display:block; width:24px; height:24px; line-height:24px; font-size:12px; text-indent:3px; text-align:center; border-radius:16px; float:right; }
.notice_box .gg_title a:hover i { background:#ee7a29; color:#fff; }
.notice_box #gg-container { width:100%; height:146px; overflow:hidden; position:relative; }
.notice_box ul li { height:146px; padding-top:20px; }
.notice_box ul li b { width:100%; height:32px; overflow:hidden; font-size:16px; color:#000; display:block; font-weight:500; }
.notice_box ul li p { width:100%; display:block; color:#c0c0c0; font-size:14px; line-height:20px; padding-bottom:10px; }
.notice_box ul li span { color:#c0c0c0; font-size:12px; }
.notice_box .next,.notice_box .prev { width:30px; height:30px; line-height:30px; text-align:center; position:absolute; left:-24px; bottom:0px; background:#f00; color:#fff; }
.notice_box .next i,.notice_box .prev i { font-size:12px; }
.notice_box .next { bottom:31px; }
.notice_box .swiper-button-disabled { background:#000089; color:#fff; }
@media (max-width:1024px){
.slogan_box { height:auto; background:#f1f1f1; padding-bottom:20px; box-shadow:none; }
.slogan_box .container { height:auto; position:initial; padding:0px; }
.slogan_box .slogan { width:100%; height:auto; float:left; padding:0px 20px 10px 0; }
.slogan_box .slogan ul li { width:50%; padding-left:20px; }
.notice_box { width:100%; height:auto; position:initial; padding:20px; background:#fff; }
.notice_box .next,.notice_box .prev { display:none; }
}
@media (max-width:767px){
.blocks-xs-2>.block,.blocks-xs-2>li { width:50% }
}
/* 产å“ã€æ¡ˆä¾‹ */
.product_list_met_16_1.met-index-body{background:#ffffff; padding:30px 0px 0 0; }
.product_list_met_16_1.met-index-body h2{ font-size:36px; color:#555555;}
.product_list_met_16_1.met-index-body p.desc{ padding:0 10%; font-size:16px; color:#bbbbbb; }
.product_list_met_16_1 .nav-tabs{ border-bottom:none; margin:30px auto;}
@media screen\0{
.product_list_met_16_1 .nav-tabs{display:table;}
}
.product_list_met_16_1 .nav-tabs li { height:30px; line-height:30px; }
.product_list_met_16_1 .nav-tabs li.active{ background:#00a8ff; color:#fff; border-radius:15px; }
.product_list_met_16_1 .nav-tabs li.active>a{ height:30px; line-height:30px; border:0px!important; margin-right:0px!important; padding:0px 20px!important; background:#00a8ff!important; border-radius:15px; }
.product_list_met_16_1 .nav-tabs li>a,.product_list_met_16_1 .nav-tabs li>a:hover,.product_list_met_16_1 .nav-tabs li>a:focus { height:30px; border:0px!important; border-radius:15px; margin:0 1px!important; }
.product_list_met_16_1 .nav-tabs li.active h3{ color:#fff; }
.product_list_met_16_1 .nav-tabs li h3{ margin:0; font-size:inherit; line-height:inherit; text-shadow:none; color:inherit; white-space:nowrap; color:#969696; }
.product_list_met_16_1 .index-product-list h4 a{color:#555555; }
.product_list_met_16_1 .index-product-list li:hover a{color:#00a8ff; }
.product_list_met_16_1 .swiper-navtab .swiper-scrollbar{bottom:15px;}
.product_list_met_16_1 .index-product-list{margin-right:-10px!important;}
.product_list_met_16_1 .btn-more { padding:5px 15px; border:1px solid; color:#00a8ff; display:none; width:110px; text-align:center; margin:0px auto; -webkit-transition:all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition:all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.product_list_met_16_1 .btn-more .iconfont { padding-left:10px; font-size:12px; }
@media (max-width:991px){
.product_list_met_16_1 .nav-tabs { margin:20px auto; }
.product_list_met_16_1 .nav-tabs li:last-child { display:none; }
.product_list_met_16_1.met-index-body{padding:30px 0px;}
.product_list_met_16_1.met-index-body h2{font-size:30px; color:#555555;}
}
@media (max-width:767px){
.product_list_met_16_1 .nav-tabs { margin:20px auto; }
.product_list_met_16_1 .nav-tabs li:nth-child(n+4) { display:none; }
.product_list_met_16_1.met-index-body{padding:30px 0px 0 0; }
.product_list_met_16_1.met-index-body h2{font-size:26px;color:#555555; }
.product_list_met_16_1 .btn-more { display:block; }
}
/* 关于我们 */
.about_list_met_16_2.met-index-body{ padding:0px 0px 30px 0; }
.about_list_met_16_2.met-index-body h2{ font-size:36px; color:#555555; }
.about_list_met_16_2.met-index-body p.desc{ padding:0 10%; font-size:16px; color:#bbbbbb; }
.about_list_met_16_2 .met-editor{ margin-top:40px; padding-bottom:15px; background:#ffffff; }
.about_list_met_16_2 .met-editor p { text-indent:32px; line-height:36px; font-size:16px; color:#999; }
.about_list_met_16_2 .about-img { width:100%; margin:0 auto; }
@media (max-width:1024px){
.about_list_met_16_2.met-index-body{ padding:0px; }
.about_list_met_16_2 .about-img { width:100%; margin:0 auto 30px auto; }
}
@media (max-width:991px){
.about_list_met_16_2.met-index-body {padding:20px 0px;}
.about_list_met_16_2 .met-editor{ margin-top:40px; }
.about_list_met_16_2.met-index-body h2{ font-size:26px; color:#555555; }
.about_list_met_16_2 .about-img { display:none; }
}
@media (max-width:767px){
.about_list_met_16_2.met-index-body { padding:10px 0px; }
.about_list_met_16_2 .met-editor{ margin-top:30px; }
}
/* åˆä½œä¼™ä¼´ */
.partner_list_met_16_2 { padding:0px 0 30px 0; }
.partner_list_met_16_2 .title { font-size:36px; text-align:center; font-weight:300; color:#555555; }
.partner_list_met_16_2 p.desc { font-size:16px; font-weight:300; text-align:center; width:80%; color:#bbbbbb; margin:0px auto; }
.partner_list_met_16_2 .imglist{ margin-top:30px; }
.partner_list_met_16_2 .imglist li{ width:190px; border:1px solid #f1f1f1; margin:0 12px 0 0; float:left; }
.partner_list_met_16_2 .imglist div img{ width:100%; }
.partner_list_met_16_2 .imglist div img.gray{ -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:grayscale(100%); filter:gray; }
.partner_list_met_16_2 .overlay-hover:hover .overlay-scale{ -webkit-filter: grayscale(0%); -moz-filter:grayscale(0%); -ms-filter:grayscale(0%); -o-filter:grayscale(0%); filter:grayscale(0%); filter:gray;}
@media (max-width:1024px){
.partner_list_met_16_2 { display:none; }
.partner_list_met_16_2 .title { font-size:26px; }
}
/* 主页新闻 */
.news_list_met_11_3 { padding:10px 0; }
.news_list_met_11_3 .head { text-align:left; }
.news_list_met_11_3 .head .title { margin-top:22px; margin-bottom:11px; font-size:20px; font-weight:300; letter-spacing:1px; color:#555555; opacity:0; transform:translate(0, 100%); }
.news_list_met_11_3 .head .desc { width:38px; height:2px; background:#00a8ff; opacity:0; transform:translate(0, 100%); }
.news_list_met_11_3 .title-box .head { float:left }
.news_list_met_11_3 .title-box .tabs { float:right; margin:26px 0 18px 18px; }
.news_list_met_11_3 .title-box .tabs li { float:left; opacity:0; transform:translate(0, 100%); }
.news_list_met_11_3 .title-box .tabs li a { display:inline-block; margin:0 0 0 10px; font-size:13px; border-radius:15px; height:30px; line-height:30px; text-align:center; padding:0 20px; -webkit-transition:all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.news_list_met_11_3 .title-box .tabs li a:hover { background:#00a8ff; border-radius:15px; text-decoration:none }
.news_list_met_11_3 .title-box .tabs li a:hover h3 { color:#fff }
.news_list_met_11_3 .title-box .tabs li a h3 { font-size:13px; margin:0; line-height:30px; -webkit-transition:all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition:all .6s cubic-bezier(.165, .84, .44, 1) 0ms; color:#555555; }
.news_list_met_11_3 .title-box .tabs li.active a { background:#00a8ff; border-radius:15px; }
.news_list_met_11_3 .title-box .tabs li.active a h3 { color:#fff }
@media (max-width:991px) {
.news_list_met_11_3 .title-box .tabs { margin-bottom:28px; }
.news_list_met_11_3 .title-box .tabs li { display:none; }
.news_list_met_11_3 .title-box .tabs li.active { display:block; }
}
.news_list_met_11_3 ul { padding:0; margin:0; list-style:none; margin-top:10px }
.news_list_met_11_3 .imgnews-list li { opacity:0; transform:translateY(100%); width:57%; float:right; -webkit-transition:all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition:all .6s cubic-bezier(.165, .84, .44, 1) 0ms; padding: 10px 0; border-bottom:1px solid #f1f1f1; }
.news_list_met_11_3 .imgnews-list li .title { font-size:14px; line-height:35px; color:#555555; margin:0; display:inline-block; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; width:78% }
.news_list_met_11_3 .imgnews-list li .time { display:inline-block; line-height:30px; float:right; color:#a8a8a8; font-size:13px; position:relative; -webkit-transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms }
.news_list_met_11_3 .imgnews-list li .iconfont { display:inline-block; line-height:30px; float:right; color:#00a8ff; font-size:12px; position:relative; right:35px; -webkit-transition:all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition: all .6s cubic-bezier(.165, .84, .44, 1) 0ms; opacity: 0 }
.news_list_met_11_3 .imgnews-list li:hover { padding-left:15px }
.news_list_met_11_3 .imgnews-list li:hover .iconfont { right:0; opacity:1 }
.news_list_met_11_3 .imgnews-list li:hover .time { right: 15px }
.news_list_met_11_3 .imgnews-list li:hover h3 { color:#00a8ff; }
.news_list_met_11_3 .imgnews-list li .date { float: right }
.news_list_met_11_3 .imgnews-list li .date .day { font-size:36px; font-weight:bold; position:relative; letter-spacing:1px; color:#a8a8a8; }
.news_list_met_11_3 .imgnews-list li .date .year { color:#bbbbbb; color: #a8a8a8; position:relative; display:block }
.news_list_met_11_3 .imgnews-list .item-1 { width:40%; float:left; padding:0; border:none; opacity:1; transform:none; }
.news_list_met_11_3 .imgnews-list .item-1 .text { background:#00a8ff; padding:28px 20px 28px 40px }
.news_list_met_11_3 .imgnews-list .item-1 .text .date { float: left }
.news_list_met_11_3 .imgnews-list .item-1 .text .day { font-size:36px; font-weight:bold; position:relative; letter-spacing:1px; color: #fff; }
.news_list_met_11_3 .imgnews-list .item-1 .text .year { color: rgba(255, 255, 255, 0.6); position:relative; display:block }
.news_list_met_11_3 .imgnews-list .item-1 .text .content { color: #fff; width:80%; float:right }
.news_list_met_11_3 .imgnews-list .item-1 .text .content h3 { color:#fff; line-height:30px; margin:0; font-size:16px; padding-bottom:15px; border-bottom:1px solid rgba(255, 255, 255, 0.2) }
.news_list_met_11_3 .imgnews-list .item-1 .text .content p { color:rgba(255, 255, 255, 0.7); padding-top:15px; margin:0 }
.news_list_met_11_3 .imgnews-list .item-1 .img { overflow:hidden }
.news_list_met_11_3 .imgnews-list .item-1 .img img { -webkit-transition:all .6s cubic-bezier(.165, .84, .44, 1) 0ms; transition:all .6s cubic-bezier(.165, .84, .44, 1) 0ms; opacity:.78; width:100% }
.news_list_met_11_3 .imgnews-list .item-1:hover { -webkit-box-shadow:5px 8px 20px rgba(0, 0, 0, 0.08); box-shadow:5px 8px 20px rgba(0, 0, 0, 0.08); padding:0 }
.news_list_met_11_3 .imgnews-list .item-1:hover img { -webkit-transform:scale(1.08); transform: scale(1.08); opacity:1 }
.news_list_met_11_3 .imgnews-list .item-2 { border:none!important }
.news_list_met_11_3 .imgnews-list .item-2 .text { float:left; width:100% }
.news_list_met_11_3 .imgnews-list .item-2 .text h3 { width:100%; padding-bottom:15px; border-bottom:1px solid #f1f1f1; font-size:16px }
.news_list_met_11_3 .imgnews-list .item-2 .text p { margin-top:15px; color:#a8a8a8; font-size: 13px; line-height:26px; height:52px; overflow:hidden }
@media (max-width:1024px) {
.news_list_met_11_3 { padding:0; }
}
@media (max-width:991px) {
.news_list_met_11_3 .imgnews-list .item1 .text .content { width:70% }
.news_list_met_11_3 { padding:0; }
}
@media (max-width:767px) {
.news_list_met_11_3 { padding:0; }
.news_list_met_11_3 .imgnews-list li { width: 100% !important; float:none !important }
.news_list_met_11_3 .imgnews-list .item1 .text .content { width: 68% }
.news_list_met_11_3 .imgnews-list li .title { width:70% }
.news_list_met_11_3 ul { margin-top: 0 }
}