* { font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif; }
.margin-left-0 { margin-left: 0 !important }
.margin-left-3 { margin-left: 3px !important }
.margin-left-5 { margin-left: 5px !important }
.margin-left-10 { margin-left: 10px !important }
.margin-left-15 { margin-left: 15px !important }
.margin-left-20 { margin-left: 20px !important }
.margin-left-25 { margin-left: 25px !important }
.margin-left-30 { margin-left: 30px !important }
.margin-left-35 { margin-left: 35px !important }
.margin-left-40 { margin-left: 40px !important }
.margin-left-45 { margin-left: 45px !important }
.margin-left-50 { margin-left: 50px !important }
.margin-left-60 { margin-left: 60px !important }
.margin-left-70 { margin-left: 70px !important }
.margin-left-80 { margin-left: 80px !important }
.margin-right-0 { margin-right: 0 !important }
.margin-right-3 { margin-right: 3px !important }
.margin-right-5 { margin-right: 5px !important }
.margin-right-10 { margin-right: 10px !important }
.margin-right-15 { margin-right: 15px !important }
.margin-right-20 { margin-right: 20px !important }
.margin-right-25 { margin-right: 25px !important }
.margin-right-30 { margin-right: 30px !important }
.margin-right-35 { margin-right: 35px !important }
.margin-right-40 { margin-right: 40px !important }
.margin-right-45 { margin-right: 45px !important }
.margin-right-50 { margin-right: 50px !important }
.margin-right-60 { margin-right: 60px !important }
.margin-right-70 { margin-right: 70px !important }
.margin-right-80 { margin-right: 80px !important }

.blocks,
[class*="blocks-"] { padding: 0; margin: 0; margin-right: -15px; margin-left: -15px; list-style: none; }
    .blocks:before,
    [class*="blocks-"]:before,
    .blocks:after,
    [class*="blocks-"]:after { display: table; content: " "; }
    .blocks:after,
    [class*="blocks-"]:after { clear: both; }
    .blocks > li,
    [class*="blocks-"] > li { position: relative; float: left; min-height: 1px; padding-right: 15px; padding-left: 15px; margin-bottom: 22px; }
    .blocks.no-space,
    [class*="blocks-"].no-space { margin: 0; }
        .blocks.no-space > li,
        [class*="blocks-"].no-space > li { padding-right: 0; padding-left: 0; margin-bottom: 0; }
.blocks-2 > li:nth-child(2n+3),
.blocks-3 > li:nth-child(3n+4),
.blocks-4 > li:nth-child(4n+5),
.blocks-5 > li:nth-child(5n+6),
.blocks-6 > li:nth-child(6n+7),
.block-first { clear: both; }
.blocks-100 > li { width: 100%; }
.blocks-2 > li { width: 50%; }
.blocks-3 > li { width: 33.33333333%; }
.blocks-4 > li { width: 25%; }
.blocks-5 > li { width: 20%; }
.blocks-6 > li { width: 16.66666667%; }

@media (min-width: 480px) {
    .blocks-xs-100 > li { width: 100%; }
}

@media (min-width: 480px) {
    .blocks-xs-2 > li { width: 50%; }
}

@media (min-width: 480px) {
    .blocks-xs-3 > li { width: 33.33333333%; }
}

@media (min-width: 480px) {
    .blocks-xs-4 > li { width: 25%; }
}

@media (min-width: 480px) {
    .blocks-xs-5 > li { width: 20%; }
}

@media (min-width: 480px) {
    .blocks-xs-6 > li { width: 16.66666667%; }
}

@media (min-width: 768px) {
    .blocks-sm-100 > li { width: 100%; }
}

@media (min-width: 768px) {
    .blocks-sm-2 > li { width: 50%; }
}

@media (min-width: 768px) {
    .blocks-sm-3 > li { width: 33.33333333%; }
}

@media (min-width: 768px) {
    .blocks-sm-4 > li { width: 25%; }
}

@media (min-width: 768px) {
    .blocks-sm-5 > li { width: 20%; }
}

@media (min-width: 768px) {
    .blocks-sm-6 > li { width: 16.66666667%; }
}

@media (min-width: 992px) {
    .blocks-md-100 > li { width: 100%; }
}

@media (min-width: 992px) {
    .blocks-md-2 > li { width: 50%; }
}

@media (min-width: 992px) {
    .blocks-md-3 > li { width: 33.33333333%; }
}

@media (min-width: 992px) {
    .blocks-md-4 > li { width: 25%; }
}

@media (min-width: 992px) {
    .blocks-md-5 > li { width: 20%; }
}

@media (min-width: 992px) {
    .blocks-md-6 > li { width: 16.66666667%; }
}

@media (min-width: 1200px) {
    .blocks-lg-100 > li { width: 100%; }
}

@media (min-width: 1200px) {
    .blocks-lg-2 > li { width: 50%; }
}

@media (min-width: 1200px) {
    .blocks-lg-3 > li { width: 33.33333333%; }
}

@media (min-width: 1200px) {
    .blocks-lg-4 > li { width: 25%; }
}

@media (min-width: 1200px) {
    .blocks-lg-5 > li { width: 20%; }
}

@media (min-width: 1200px) {
    .blocks-lg-6 > li { width: 16.66666667%; }
}

@media (min-width: 1600px) {
    .blocks-xlg-100 > li { width: 100%; }
}

@media (min-width: 1600px) {
    .blocks-xlg-2 > li { width: 50%; }
}

@media (min-width: 1600px) {
    .blocks-xlg-3 > li { width: 33.33333333%; }
}

@media (min-width: 1600px) {
    .blocks-xlg-4 > li { width: 25%; }
}

@media (min-width: 1600px) {
    .blocks-xlg-5 > li { width: 20%; }
}

@media (min-width: 1600px) {
    .blocks-xlg-6 > li { width: 16.66666667%; }
}
body.met-navfixed { padding-top: 60px; }
img { max-width:100%; }

.vertical-align { font-size: 0 }
    .vertical-align:before { display: inline-block; height: 100%; vertical-align: middle; content: "" }
.vertical-align-bottom, .vertical-align-middle { display: inline-block; max-width: 100%; font-size: 14px }
.vertical-align-middle { vertical-align: middle }
.vertical-align-bottom { vertical-align: bottom }

.cover-image {width:100%;}
/*返回顶部*/
.met-scroll-top { position: fixed; right: 10px; bottom: 10px; z-index: 10; background-color: rgba(0,0,0,0.8); border: none; color: #fff; }
    .met-scroll-top:hover, .met-scroll-top:active, .met-scroll-top:focus { background-color: rgba(0,0,0,0.1) !important; border: none }
    .met-scroll-top .fa { color: #fff; }
/*返回顶部*/

/*导航菜单*/
.met-nav { min-height: 50px; margin-bottom: 0px; border-width:0; background-color: #fff; -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none }
    .met-nav [class*=animation-] { -webkit-animation-duration: 0.6s; -o-animation-duration: 0.6s; animation-duration: 0.6s }
    .met-nav.navbar-shadow { box-shadow: 0 10px 30px -10px rgba(0,0,0,0.2); animation-duration: 0.7s }
    .met-nav .navbar-logo { height: 60px; margin: 0px; margin-left: 0px; padding: 0px; display: block }
        .met-nav .navbar-logo img { max-height: 50px }

    .met-nav .met-langlist { font-size:100%; }
        .met-nav .met-langlist a { }

    .met-nav .nav > li > a { color: #696969; transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s; transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s; -o-transition: background 0.5s }
        .met-nav .nav > li > a i { transition: all 0.3s ease-out }
@media (max-width:767px) {
    .met-nav .nav > li > a { padding: 10px 15px; line-height: 25px }
    .met-nav .met-langlist a { line-height:60px }
    .met-nav .met-langlist { position: absolute; left: 15px; top: 0; margin: 0 !important; }
    .navbar-toggle { margin-top:13px; }
}
@media (max-width:991px) {
    .met-nav .nav > li > a > i { float: right }
}
.met-nav .dropdown-menu { border-color: #e4eaec; }
    .met-nav .dropdown-menu > li { padding: 0 5px; margin: 2px 0; }
        .met-nav .dropdown-menu > li > a { padding: 8px 15px; border-radius: 3px; }
        .met-nav .dropdown.open > a, .met-nav .nav li a.active { color: #696969 !important }
.met-nav .nav li .link.active:after { content: ''; width: 100%; background-color: #696969; left: 0px; position: absolute; top: 0px; height: 2px; transition: all 0.3s ease 0s; z-index: -1 }
@media (max-width:767px) {
    .met-nav .nav li .link.active:after { height: 1px; bottom: 0px; top: auto; left: 15px;right:15px; width:auto; }
}
.met-nav .nav > li > .link:after { content: ''; width: 0; background-color: #696969; left: 0px; position: absolute; top: 0px; height: 2px; transition: all 0.3s ease 0s; z-index: -1 }
@media (max-width:767px) {
    .met-nav .nav > li > .link:after { height: 1px; bottom: 0px; top: auto; left: 15px }
}
.met-nav .nav > li > .link:hover:after { content: ''; width: 100%; background-color: #696969; left: 0px; position: absolute; top: 0px; height: 2px; transition: all 0.3s ease 0s; z-index: -1 }
@media (max-width:767px) {
    .met-nav .nav > li > .link:hover:after { height: 1px; bottom: 0px; top: auto; left: 15px; right:15px; width:auto; }
}
.met-nav .nav > li > a:hover, .met-nav .dropdown.open > a { color: #000 }
    .met-nav .nav > li > a:hover i, .met-nav .dropdown.open > a i { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); transition: all 0.3s ease-out }
.met-nav .dropdown-menu > li > a { overflow: hidden; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
    .met-nav .dropdown-menu > li > a:hover { background: #F2F2F2 none repeat scroll 0% 0%; text-indent: 5px; -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
@media (min-width:768px) {
    .met-nav .nav > li > a { padding: 0px; height: 60px; line-height: 60px }
    .met-nav .met-langlist a { padding: 0px; height: 60px; line-height: 60px }
    .met-nav .dropdown-menu { top: 65px }
        .met-nav .dropdown-menu .dropdown-submenu > a:after { display: none }
        .met-nav .dropdown-menu .dropdown-submenu > a i { position: absolute; right: 10px }
        .met-nav .dropdown-menu.bullet { top: 60px }
    .met-nav .met-nav-login { height: 60px; padding-top: 0px; margin-left: 10px }
}
@media (max-width:991px) {
    .met-nav .dropdown-menu .dropdown-submenu > a:after { display: none }
    .met-nav .dropdown-menu .dropdown-submenu > a > i { float: right }
}
@media (max-width:767px) {
    .met-nav .nav > li { margin-left: 0px !important }
    .met-nav .dropdown-menu > li > .dropdown-menu > li > a { padding-left: 40px }
    .met-nav .dropdown-menu.bullet:before, .met-nav .dropdown-menu.bullet:after { display: none }
    .met-nav .navbar-collapse-toolbar.in { overflow-y: scroll; box-shadow: 0 20px 40px -10px rgba(0,0,0,0.2) }
    .met-nav .navbar-logo { float: none; max-width:150px; margin: 0 auto }
}
.dropdown-menu.bullet:after, .dropdown-menu.bullet:before { position: absolute; left: 10px; display: inline-block; width: 0; height: 0; content: ''; border: 7px solid transparent; border-top-width: 0; }
.dropdown-menu-right.bullet:after, .dropdown-menu-right.bullet:before { right: 10px; left: auto; }
.dropdown-menu.bullet:after { top: -6px; border-bottom-color: #fff; }
.dropdown-menu.bullet:before { top: -7px; border-bottom-color: #e4eaec; }
/*导航菜单*/

/*通用banner*/
.met-banner.slick-slider { display: block; z-index: 1 }
.met-banner .slick-list, .met-banner .slick-track { height: 100% }
.met-banner .slick-slide { width: 100%; height: auto; position: relative; overflow: hidden }
    .met-banner .slick-slide:first-child { display: block }
.met-banner .slick-arrow { width: 40px; height: 40px; display: none !important; top: 50%; text-align: center }
    .met-banner .slick-arrow.slick-prev { background: rgba(0,0,0,0.2); left: 20px }
        .met-banner .slick-arrow.slick-prev i { background: url(../../../templates/res017/min/css/../img/jiantou.png) repeat 0px 0px }
    .met-banner .slick-arrow.slick-next { background: rgba(0,0,0,0.2); right: 20px }
        .met-banner .slick-arrow.slick-next i { background: url(../../../templates/res017/min/css/../img/jiantou.png) repeat -39px 0px }
    .met-banner .slick-arrow:hover { background: rgba(0,0,0,0.9); transition: all ease-out 0.3s; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out }
        .met-banner .slick-arrow:hover i { opacity: 1; -moz-opacity: 1; filter: alpha(opacity=100) }
    .met-banner .slick-arrow i { font-size: 0; color: #fff !important; opacity: .5; -moz-opacity: .5; filter: alpha(opacity=50); position: absolute; top: 0; left: 0; width: 40px; height: 40px }
@media (max-width:767px) {
    .met-banner .slick-arrow i { font-size: 50px }
}
.met-banner .slick-dots { margin: 0; bottom: 20px }
    .met-banner .slick-dots li { margin: 0 2px }
@media (max-width:991px) {
    .met-banner { height: 350px }
}
@media (min-width:768px) {
    .met-banner:hover .slick-arrow { display: block !important }
}
@media (max-width:767px) {
    .met-banner { height: 300px }
        .met-banner .slick-dots { bottom: 5px }
}
@media (max-width:479px) {
    .met-banner { height: 150px }
}
.met-banner .banner-text { width: 100%; height: 100%; position: absolute; left: 0; top: 0 }
    .met-banner .banner-text .container { height: 100%; display: table; text-align: center }
        .met-banner .banner-text .container .banner-text-con { display: table-cell; vertical-align: middle }
    .met-banner .banner-text.p-1 .container { text-align: left }
        .met-banner .banner-text.p-1 .container .banner-text-con div { width: 60%; float: left }
    .met-banner .banner-text.p-2 .container { text-align: right }
        .met-banner .banner-text.p-2 .container .banner-text-con div { width: 60%; float: right }
    .met-banner .banner-text.p-3 { top: 10% }
        .met-banner .banner-text.p-3 .container .banner-text-con { vertical-align: top }
    .met-banner .banner-text.p-4 { top: auto; bottom: 10% }
        .met-banner .banner-text.p-4 .container .banner-text-con { vertical-align: bottom }
        .met-banner .banner-text.p-3 .container .banner-text-con, .met-banner .banner-text.p-4 .container .banner-text-con, .met-banner .banner-text.p-5 .container .banner-text-con { width: 60% }
    .met-banner .banner-text h1, .met-banner .banner-text h2, .met-banner .banner-text h3, .met-banner .banner-text p { color: #fff }
    .met-banner .banner-text h1, .met-banner .banner-text h2 { margin: 0; font-size: 40px }
    .met-banner .banner-text h3 { font-size: 48px; font-weight: normal; margin: 0px }
    .met-banner .banner-text p { font-size: 20px; margin: 20px 0 0; text-shadow: none }
    .met-banner .banner-text .btn { margin-top: 30px; font-size: 20px }
@media (max-width:991px) {
    .met-banner .banner-text h1, .met-banner .banner-text h2, .met-banner .banner-text h3 { font-size: 30px }
    .met-banner .banner-text p { font-size: 20px }
}
@media (max-width:767px) {
    .met-banner .banner-text .container { width: 100% }
    .met-banner .banner-text.p-5 .container .banner-text-con { width: 100% }
    .met-banner .banner-text h1, .met-banner .banner-text h2 { font-size: 24px }
    .met-banner .banner-text h3 { font-size: 16px }
    .met-banner .banner-text p { margin-top: 15px; font-size: 12px }
    .met-banner .banner-text .btn { margin-top: 20px; font-size: 16px }
}
.met-banner-ny { background-color: #292929; height: 120px }
    .met-banner-ny h1, .met-banner-ny h2 { margin: 0px; padding: 10px 30px; font-size: 35px; font-weight: 300; text-shadow: none; color: #fff }
@media (max-width:767px) {
    .met-banner-ny { height: 90px }
}
/*通用banner*/
/* 首页模块基础 */
    .met-index-body h3 { font-size: 24px; margin-top: 0px; text-align: center; margin-bottom: 0px; color: #3075CA }

@media (max-width:991px) {
    .met-index-body {  }
}

@media (max-width:767px) {
        .met-index-body h3 { font-size: 22px }
}
/* 首页模块基础 */
/*footer*/
.met-footnav { padding: 40px 0px; border-top: 1px solid #292e33; background-color: #292e33; }

@media (max-width:991px) {
    .met-footnav { padding: 30px 0 }
        .met-footnav .list { margin-bottom: 20px }
}

@media (max-width:767px) {
    .met-footnav { padding: 20px 0 }
        .met-footnav .list { margin-bottom: 15px }
}

.met-footnav h4 { font-size: 18px; margin-top: 0px; text-shadow: none }
    .met-footnav h4 a { color: #d2d2d2; text-decoration: none }
        .met-footnav h4 a:hover { color: #4e97d9 }
        .met-footnav h4 a:active, .met-footnav h4 a:focus, .met-footnav h4 a:hover { text-decoration: none }
.met-footnav ul { padding: 0px; margin-bottom: 0px; list-style: none }
    .met-footnav ul li { margin-bottom: 3px }
        .met-footnav ul li a { color: #d2d2d2; text-decoration: none }
            .met-footnav ul li a:active, .met-footnav ul li a:focus, .met-footnav ul li a:hover { text-decoration: none }
            .met-footnav ul li a:hover { color: #4e97d9 }
.met-footnav .info em { display: block; font-size: 26px; font-style: normal }
    .met-footnav .info em a { color: #5e7387; transition: color 0.5s; -moz-transition: color 0.5s; -webkit-transition: color 0.5s; -o-transition: color 0.5s }
        .met-footnav .info em a:hover { color: #2a333c }
.met-footnav .info p { color: #aaaaaa }
.met-footnav .info i { font-size: 26px; cursor: pointer }
.met-footnav .info a { margin: 0px 8px }
    .met-footnav .info a:hover, .met-footnav .info a:focus { text-decoration: none }

@media (max-width:991px) {
    .met-footnav .info { margin-top: 0 }
}
@media (max-width:768px) {
    .met-footnav .masonry-item { text-align: center; }
}


footer { height: auto; border-top: 1px solid #202328; background-color: #202328; padding: 20px 0px; color: #aaaaaa; line-height: 1.8 }
    footer p { margin-bottom: 0px }
/***/
/**/
.met-index-body { margin-top:50px; }
    .met-index-body .met-img-box { padding:0;margin:0; }
.met-index-about { margin-top: 0; background-color: #464d55; }
    .met-index-about .media-body { color: #f3f3f4; padding:60px 40px 0; }
    .met-index-about .btn-box { border-radius:0; border:1px solid #fff;border-width:0 1px 1px 0;display:inline-block; padding:3px; }
        .met-index-about .btn-box .btn { border-radius:0;padding:5px 40px;margin-left:-5px;margin-top:-5px; }

.met-index-service { background-color: #e7e6ee; }
.met-index-service .met-img-box { padding: 0; margin: 0; }
.met-index-service .media-body { color: #f3f3f4; padding: 60px 40px 0 100px; color:#333; }
    .met-index-service .btn-box { border-radius: 0; border: 1px solid #333; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; }
        .met-index-service .btn-box .btn { border-radius: 0; padding: 5px 40px; margin-left: -5px; margin-top: -5px; background: none;border-color:#333;color:#333; }
@media (max-width:991px) {
   
}

@media (max-width:767px) {
    .met-index-about .media-body {padding:20px; }
    .met-index-service .media-body { padding: 20px; }
}
.met-editor { padding: 30px; background: #ffffff; width: 100%; max-width: 100%; font-size: 18px; line-height: 1.8; color: #222; word-wrap: break-word; }

/**/
.met-show { padding: 30px 0px; background: #ffffff; word-break: break-all }
    .met-show .nav-tabs { border: 0; padding: 0 15px; }
        .met-show .nav-tabs > li > a { background-color: #bfbfbf; border-radius: 0; border-color: #bfbfbf; margin-right: 15px; font-size: 15px; color: #333; padding: 8px 20px; }
        .met-show .nav-tabs > li.active > a { background-color: #065ab0; border-color: #065ab0; color: #fff; }
    .met-show .tab-content { padding: 20px 15px; }

@media (max-width:767px) {
    .met-show { padding: 0px }
        .met-show .nav-tabs { border: 0; padding: 0; }
}

@media (max-width:991px) {
    .met-show { padding-top: 10px; padding-bottom: 10px }
        .met-show .met-editor div { width: 100% !important; float: none !important; margin: 0 !important; text-align: left }
        .met-show .met-editor img { cursor: zoom-in }
        .met-show .nav-tabs { border: 0; padding: 0; }
}
/**新闻样式**/
.met-news { padding: 30px 0px; border-top: 1px solid #f0f2f5; background: #f2f2f2 }
.met-news { padding-bottom: 0 }
    .met-news.news-list { margin-bottom: 0; margin-top: 20px; }
    .met-news .media { background-color: #fff; }
    .met-news .more { margin: 70px auto; background: #fff; text-align: center; color: #0169C8; padding: 10px 0; border: 0; height: auto; font-size: 16px; }
    .met-news .news_time { display: block; font-weight: 300; height: 30px; color: #999; font-size: 16px }
    .met-news .media-heading { position: relative; margin-top: 28px; margin-bottom: 20px; padding: 0 10px; }
        .met-news .media-heading a { font-size: 16px; color: #0169C8; display: block; font-weight: 300; }
            .met-news .media-heading a:hover { text-decoration: none }
    .met-news p.des { font-size: 14px; color: #333; padding: 0 10px 20px; }

@media (max-width: 767px) {
    .met-news ul.blocks-2 li,
    .met-news .blocks-xs-4 li { width: 100% !important; border-right: none; border-bottom: 1px solid #e6e6e6; padding: 10px; min-height: 0; margin-top: 20px; }
        .met-news ul.blocks-2 li .media .media-left,
        .met-news .blocks-xs-4 li .media .media-left { padding-right: 10px; }
        .met-news ul.blocks-2 li .media h4,
        .met-news .blocks-xs-4 li .media h4 { font-size: 16px; }
        .met-news ul.blocks-2 li .media p.des,
        .met-news .blocks-xs-4 li .media p.des { height: 1.5em; overflow: hidden; margin-bottom: 15px; }
        .met-news ul.blocks-2 li .media.media-lg .media-object,
        .met-news .blocks-xs-4 li .media.media-lg .media-object { width: 100px; }
}

@media (max-width: 767px) {
    .met-news { margin-top: 0; padding-top: 0; }
        .met-news .news-list img { height: auto; }
}

.met-news ul.met-page-ajax { padding: 0px; list-style: none }
    .met-news ul.met-page-ajax li { border-bottom: 1px solid #f0f2f5; padding-bottom: 30px; margin-bottom: 30px }
        .met-news ul.met-page-ajax li p { font-size: 16px }
            .met-news ul.met-page-ajax li p.des { color: #6a6a6a; margin-bottom: 10px; font-size: 13px }
            .met-news ul.met-page-ajax li p.info { margin-bottom: 0px; font-size: 16px; font-weight: 300; color: #a3afb7 }
                .met-news ul.met-page-ajax li p.info span { margin-left: 10px }
                    .met-news ul.met-page-ajax li p.info span:first-child { margin: 0 }
                .met-news ul.met-page-ajax li p.info i { color: #a3afb7; font-weight: 300 }

@media (max-width:991px) {
    .met-news ul.met-page-ajax li h4 { font-size: 18px; margin-bottom: 10px }
}

@media (max-width:767px) {
    .met-news ul.met-page-ajax li { padding-bottom: 10px; margin-top: 10px; margin-bottom: 0; border-bottom: rgba(0,0,0,0.1) 1px solid }
        .met-news ul.met-page-ajax li h4 { font-size: 16px; margin-bottom: 5px }
        .met-news ul.met-page-ajax li p { font-size: 14px }
            .met-news ul.met-page-ajax li p.des { height: 3em; overflow: hidden; margin-bottom: 5px }
        .met-news ul.met-page-ajax li .media .media-left { padding-right: 10px }
        .met-news ul.met-page-ajax li .media.media-lg .media-object { width: 100px }
}

.met-news.type-3 .met-news-body { -webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none }

@media (max-width:767px) {
    .met-news.type-3 .met-news-body { margin-bottom: 20px }
}

.met-news.type-3 .widget { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
    .met-news.type-3 .widget .widget-body, .met-news.type-3 .widget .widget-header { -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0; border-radius: 0 }
    .met-news.type-3 .widget .widget-title { font-size: 24px }
        .met-news.type-3 .widget .widget-title a { color: #464646 }
            .met-news.type-3 .widget .widget-title a:hover { color: #696969 }
    .met-news.type-3 .widget .widget-metas span { margin-left: 10px }
        .met-news.type-3 .widget .widget-metas span:first-child { margin: 0 }

@media (max-width:767px) {
    .met-news.type-3 .widget { margin: 15px 10px }
        .met-news.type-3 .widget .widget-title { font-size: 18px }
}

.met-news-bar { margin-left: 30px; padding: 20px; background: #ffffff; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.05); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05) }

@media (max-width:991px) {
    .met-news-bar { margin-left: 0px; margin-top: 30px; padding: 30px }
}

@media (max-width:767px) {
    .met-news-bar { margin-left: 0px; margin-top: 0px; padding: 20px 15px }
}

.met-news-bar ul.column { padding: 0px; list-style: none }
    .met-news-bar ul.column li { margin-bottom: 10px }
        .met-news-bar ul.column li a { font-size: 16px; color: #464646 }
            .met-news-bar ul.column li a:hover { color: #696969 }
            .met-news-bar ul.column li a.active { color: #4e97d9; border-bottom: 1px solid }
.met-news-bar .recommend { margin: 20px 0px; padding: 20px 0px; border-top: 1px solid #f0f2f5; border-bottom: 1px solid #f0f2f5 }
    .met-news-bar .recommend h3 { font-size: 18px; font-weight: 300; margin: 0px }
    .met-news-bar .recommend .list-group { margin-top: 10px; margin-bottom: 0px }
        .met-news-bar .recommend .list-group a { color: #464646; font-size: 15px }
            .met-news-bar .recommend .list-group a:hover { color: #696969 }
.met-shownews { padding: 30px 0px; border-top: 1px solid #f0f2f5; background: #f2f2f2 }

@media (max-width:767px) {
    .met-shownews { padding: 0px }
        .met-shownews .met-shownews-header { padding-top: 20px }
}

.met-shownews .met-shownews-body { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.05); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05) }
.met-shownews .met-news-body { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.05); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.05); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.05); box-shadow: 0 1px 1px rgba(0,0,0,0.05) }
.met-shownews .met-editor .postbody { width: 100% !important }
.met-shownews .met-shownews-header, .met-shownews .met-shownews-footer { padding: 30px; background: #ffffff }

@media (max-width:767px) {
    .met-shownews .met-shownews-header, .met-shownews .met-shownews-footer { padding: 10px }
}

.met-shownews .met-shownews-header { padding-bottom: 0px }
.met-shownews h1 { margin: 0px; margin-bottom: 5px; font-size: 32px }

@media (max-width:767px) {
    .met-shownews h1 { font-size: 20px }
}

.met-shownews .info { padding-bottom: 20px; border-bottom: 1px solid #f0f2f5; font-size: 16px; font-weight: 300; color: #a3afb7 }
    .met-shownews .info span { padding-right: 10px }

@media (max-width:767px) {
    .met-shownews .info { padding-bottom: 20px }
}

.met-shownews .met-shownews-footer { padding-top: 0px }
    .met-shownews .met-shownews-footer ul.pager { margin: 0px; border-top: 1px solid #f0f2f5; padding-top: 20px }
.met_tools_code { margin-top: 30px; text-align: center; font-size: 0px }

@media (max-width:767px) {
    .met_tools_code { margin-top: 10px }
}

.met_tools_code .bdsharebuttonbox { display: inline }
    .met_tools_code .bdsharebuttonbox a { float: none; display: inline-block }
.met-news-bar ul.column li a.active { color: #444 }
/***/
/**招聘**/
.met-join { background: #fff; padding: 20px; }
    .met-join .panel-heading { background-color: #E0E0E0; border-radius: 0;padding:0; }
        .met-join .panel-heading .panel-title { padding: 0; }
            .met-join .panel-heading .panel-title a { padding: 20px 30px; display: block; text-decoration: none; font-size: 15px; }
                .met-join .panel-heading .panel-title a span { float: right; }
                .met-join .panel-heading .panel-title a.collapsed { }
/***/
/**基础与分页**/
.met-editor { padding: 30px; background: #ffffff; width: 100%; max-width: 100%; font-size: 18px; line-height: 1.8; color: #222; word-wrap: break-word }

@media (max-width:767px) {
    .met-editor { padding: 10px }
}

.met-editor p { margin-bottom: 16px }
.met-editor img { max-width: 100% }
    .met-editor img:not(.imgload) { height: auto !important }
.met-editor table { color: #464646 }
.met-editor .table-saw { overflow-x: auto }
.met-editor video, .met-editor .metvideo, .met-editor iframe { max-width: 100% !important; margin: auto; display: block }
.met_pager { margin-top: 20px; margin-bottom: 20px; text-align: center }
    .met_pager * { display: inline-block }
    .met_pager a { padding: 9px 15px; border: 1px solid #e4eaec; background: #fff; text-align: center; color: #76838f; margin-right: 20px }
        .met_pager a:hover { background: #f5f5f5; text-decoration: none }
        .met_pager a.NextA { border-right: 1px solid #e4eaec; display: none }
        .met_pager a.PreA { display: none }
    .met_pager .PreSpan, .met_pager .NextSpan { padding: 9px 15px; border: 1px solid #e4eaec; background: #fff; color: #ccd5db; cursor: default; display: none }
    .met_pager .firstPage, .met_pager .lastPage { min-width: 40px; height: 28px; line-height: 28px }
    .met_pager a.Ahover { border-color: #292929; background: #292929; color: #fff; cursor: default }
        .met_pager a.Ahover:hover { border-color: #292929; background: #292929; color: #fff }
    .met_pager a { text-decoration: none }
        .met_pager a:active, .met_pager a:focus, .met_pager a:hover { text-decoration: none }
    .met_pager .PageText { display: none; margin-left: 10px; color: #aaa }
    .met_pager input { display: none }
.pager li { width: 49%; display: inline-block }
    .pager li a { max-width: 100% }
/**/
/*首页新闻*/
.met-index-news { background: #3B4044; padding: 50px 0; }
    .met-index-news h3 { font-size: 24px; text-align: center; color: #F8960F; }
    .met-index-news .newsbox { padding-top: 40px; }
    .met-index-news .newsbox ul{ padding:0; margin:0; }
        .met-index-news .newsbox li { float: left; width: 33.3333%; position: relative; padding: 0 30px; border-right: 1px solid #aaa; }
            .met-index-news .newsbox li.f1 { padding-left:0; }
            .met-index-news .newsbox li.f3 { border: 0; padding-right:0; }
            .met-index-news .newsbox li a { display: block; }
            .met-index-news .newsbox li .number { margin: 0 auto; font-size: 44px; cursor: pointer; line-height: 90px; width: 90px; height: 90px; border-radius: 50%; text-align: center; position: relative; z-index: 1; color: #fff; font-family: Arial; }
            .met-index-news .newsbox li .number { background: rgba(255,255,255,0.1); -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s; -moz-transition: -moz-transform ease-out 0.1s, background 0.2s; transition: transform ease-out 0.1s, background 0.2s; }
                .met-index-news .newsbox li .number:before { font-family: 'ecoicon'; speak: none; font-size: 48px; line-height: 90px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; display: block; -webkit-font-smoothing: antialiased; }
                .met-index-news .newsbox li .number:after { pointer-events: none; position: absolute; width: 100%; height: 100%; border-radius: 50%; content: ''; -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
                .met-index-news .newsbox li .number:after { top: 0; left: 0; padding: 0; z-index: -1; box-shadow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }
            .met-index-news .newsbox li .desc { color: #eee; padding: 25px 0; }
                .met-index-news .newsbox li .desc p { line-height: 2; }
            .met-index-news .newsbox li .more { text-align: right; color: #fff; font-size: 16px; padding-right: 10px; }

            .met-index-news .newsbox li a:hover { text-decoration:none; }
            .met-index-news .newsbox li a:hover .number { background: rgba(255,255,255,0.05); -webkit-transform: scale(0.93); -moz-transform: scale(0.93); -ms-transform: scale(0.93); transform: scale(0.93); color: #fff; }

                .met-index-news .newsbox li a:hover .number:after { -webkit-animation: sonarEffect 1.3s ease-out 75ms; -moz-animation: sonarEffect 1.3s ease-out 75ms; animation: sonarEffect 1.3s ease-out 75ms; }

@-webkit-keyframes sonarEffect {
    0% { opacity: 0.3; }
    40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5); }
    100% { box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5); -webkit-transform: scale(1.5); opacity: 0; }
}

@-moz-keyframes sonarEffect {
    0% { opacity: 0.3; }
    40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5); }
    100% { box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5); -moz-transform: scale(1.5); opacity: 0; }
}

@keyframes sonarEffect {
    0% { opacity: 0.3; }
    40% { opacity: 0.5; box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5); }
    100% { box-shadow: 0 0 0 2px rgba(255,255,255,0.1), 0 0 10px 10px #3851bc, 0 0 0 10px rgba(255,255,255,0.5); transform: scale(1.5); opacity: 0; }
}

@media (max-width: 768px) {
    .met-index-news { padding: 20px 0; }
        .met-index-news .newsbox { padding-top: 0; }
            .met-index-news .newsbox li { float: none; width: 100%; border: 0; padding: 20px 0; border-bottom: 1px solid #717880; }
                .met-index-news .newsbox li .number { float: left; }
                .met-index-news .newsbox li .desc { margin-left: 100px; padding: 0; }
                .met-index-news .newsbox li .more { display: none; }
}
/*首页新闻*/adow: 0 0 0 2px rgba(255,255,255,0.1); opacity: 0; -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); }