/*js代码(www.jsdaima.com)拒绝滥竽充数，我们只提供精品资源！*/





/*bootstrap.min.css*/





/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */





/*首页*/





/* 首页盒子 */



.met-index-body {

    padding: 70px 0px 0px 0px;

    background: #fff;

}



.met-index-body:nth-of-type(even) {

    background: #fff;

}



.met-index-body h2 {

    font-size: 26px;

    margin-top: 0px;

    text-align: center;

    font-weight: 600;

    color: #027938;

}



.met-index-body p.desc {

    font-size: 16px;

    text-align: center;

    width: 80%;

    color: #959595;

    margin: 5px auto 0px auto;

}



@media (max-width: 991px) {

    .met-index-body {

        padding: 60px 0px 0px 0px;

    }

}



@media (max-width: 767px) {

    .met-index-body {

        padding: 50px 0px 0px 0px;

    }

    .met-index-body h2 {

        font-size: 28px;

    }

    .met-index-body p.desc {

        font-size: 14px;

    }

}





/* 服务 */



.met-index-service {

    text-align: center;

    background: #027938;

    opacity: 0;

    -webkit-transform: translateY(-50%);

    transform: translateY(-50%);

}



.met-index-service [class*=blocks] li {

    clear: none;

    margin: 20px auto;

}



.met-index-service [class*=blocks] li:hover i {

    background: #fff;

    color: #027938;

}



.met-index-service [class*=blocks] li i {

    width: 60px;

    height: 60px;

    border: 1px solid;

    text-align: center;

    font-size: 35px;

    line-height: 60px;

    color: #fff;

    border-radius: 100%;

    transition: background 0.5s, color 0.5s;

    -moz-transition: background 0.5s, color 0.5s;

    -webkit-transition: background 0.5s, color 0.5s;

    -o-transition: background 0.5s, color 0.5s;

    float: left;

}



.met-index-service [class*=blocks] li img {

    max-width: 100%;

}



.met-index-service [class*=blocks] li h3 {

    margin-top: 10px;

    margin-bottom: 5px;

    font-weight: 300;

    font-size: 20px;

    color: #fff;

}



.met-index-service [class*=blocks] li p {

    width: 90%;

    margin: 0px auto;

    font-weight: 300;

    color: #c2c2c2;

}



.met-index-service [class*=blocks] li a {

    text-decoration: none;

}



.met-index-service [class*=blocks] li a:active,

.met-index-service [class*=blocks] li a:focus,

.met-index-service [class*=blocks] li a:hover {

    text-decoration: none;

}



.met-index-service [class*=blocks] li .right {

    text-align: left;

    display: inline-block;

    float: left;

    margin-left: 20px;

}



@media (max-width: 991px) {

    .met-index-service [class*=blocks] li {

        margin-top: 40px;

    }

}



@media (max-width: 767px) {

    .met-index-service [class*=blocks] li {

        margin-top: 30px;

    }

    .met-index-service [class*=blocks] li i {

        width: 90px;

        height: 90px;

        font-size: 40px;

        line-height: 90px;

    }

}



@media (max-width: 479px) {

    .met-index-service [class*=blocks] li p {

        width: 100%;

    }

}





/* 产品列表 */



.met-index-product {

    text-align: center;

    background: #fff!important;

}



.met-index-product .nav-tabs {

    border-bottom: none;

    margin: 30px auto;

    text-align: center;

}



.met-index-product .nav-tabs li {

    white-space: nowrap;

    display: inline-block;

    float: none;

    opacity: 0;

    -webkit-transform: scale(0.78);

    transform: scale(0.78);

}



.met-index-product .nav-tabs li.active a {

    background: #027938;

    color: #fff;

    padding: 8px 30px;

    border: 1px solid;

}



.met-index-product .nav-tabs li a {

    padding: 8px 30px;

    border-radius: 3px;

    white-space: nowrap;

    border: 1px solid;

    background: #fff;

    color: #027938;

}



.met-index-product .nav-tabs li a:hover {

    padding: 8px 30px;

    background: #027938;

    color: #fff;

}



.met-index-product .nav-tabs li h3 {

    margin: 0;

    font-size: inherit;

    font-weight: normal;

    line-height: inherit;

    text-shadow: none;

    color: inherit;

}



@media (max-width: 767px) {

    .met-index-product .nav-tabs {

        margin: 20px auto;

    }

}



.met-index-product .swiper-navtab .swiper-scrollbar {

    bottom: 15px;

}



.met-index-product #indexprolist {

    margin-right: -10px;

    overflow: hidden;

}



.met-index-product #indexprolist li {

    clear: none;

}



.met-index-product #indexprolist h4 {

    font-size: 16px;

    text-align: left;

    padding: 15px;

    text-shadow: none;

}



.met-index-product #indexprolist h4 a {

    color: #555555;

    width: 100%;

    display: inline-block;

}



.met-index-product #indexprolist h4 a:hover {

    color: #027938;

}



.met-index-product #indexprolist h4 a span {

    color: #959595;

    font-size: 14px;

    line-height: 19px;

    float: right;

}



.met-index-product #indexprolist h4 a span i {

    margin-right: 5px;

}



.met-index-product #indexprolist .widget {

    margin-right: 20px;

    border-radius: 0;

    -webkit-transform: matrix(0.58, 0, 0, 0.58, -50, 0);

    transform: matrix(0.58, 0, 0, 0.58, -50, 0);

    opacity: 0;

}



.met-index-product #indexprolist .widget .widget-header {

    border-radius: 0;

}





/* 关于我们 */



.met-index-about .about-list {

    margin-top: 50px;

}



.met-index-about .about-list .prevarrow {

    opacity: 0;

    left: -10px;

}



.met-index-about .about-list .nextarrow {

    opacity: 0;

    right: -10px;

}



.met-index-about .img {

    opacity: 0;

    -webkit-transform: translateX(50px);

    transform: translateX(50px);

    padding-left: 0px;

    padding-right: 30px;

}



.met-index-about .img img {

    width: 100%;

}



.met-index-about .text {

    padding: 0;

    opacity: 0;

    -webkit-transform: translateX(-50px);

    transform: translateX(-50px);

}



.met-index-about .text h3 {

    margin-top: 0;

    margin-bottom: 20px;

}



.met-index-about .text span {

    color: #027938;

}



.met-index-about .text p {

    line-height: 1.8;

    color: #999;

    font-size: 15px;

    margin-bottom: 20px;

}



.met-index-about .slick-dots {

    display: none!important;

}





/*简介模块*/





/*简介模块*/



.met-show {

    padding: 30px 0px;

    word-break: break-all;

}



@media (max-width: 767px) {

    .met-show {

        padding: 0px;

    }

}



@media (max-width: 767px) {

    .met-show {

        padding-top: 10px;

        padding-bottom: 10px;

    }

}





/*文章模块*/





/*文章模块列表页*/



.met-news {

    padding: 30px 0px;

    border-top: 1px solid #444444;

}



@media (max-width: 767px) {

    .met-news {

        padding: 0px;

    }

}



.met-news .met-news-body {

    -webkit-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-news .met-news-list {

    padding: 30px;

}



@media (max-width: 767px) {

    .met-news .met-news-list {

        padding: 10px;

    }

}



@media (max-width: 767px) {

    .met-news .met-news-list {

        padding: 15px;

    }

}



.met-news .news-headlines {

    padding-bottom: 30px;

    border-bottom: 1px solid #f0f2f5;

    margin-bottom: 30px;

    overflow: hidden;

}



.met-news .news-headlines .slick-slide {

    width: 100%;

    position: relative;

}



.met-news .news-headlines .slick-slide:first-child {

    display: block;

}



.met-news .news-headlines .headlines-text {

    width: 100%;

    position: absolute;

    left: 0;

    bottom: 30px;

    text-align: center;

}



.met-news .news-headlines .headlines-text h3 {

    margin: 0px;

    font-size: 20px;

    line-height: 1.5;

    color: #fff;

}



.met-news .news-headlines .slick-dots {

    bottom: 35px;

}



@media (max-width: 767px) {

    .met-news .news-headlines {

        padding-bottom: 20px;

        margin-bottom: 20px;

    }

    .met-news .news-headlines .headlines-text {

        bottom: 20px;

    }

    .met-news .news-headlines .headlines-text h3 {

        font-size: 16px;

    }

    .met-news .news-headlines .slick-dots {

        bottom: 20px;

    }

}



.met-news ul.met-page-ajax {

    padding: 0px;

    list-style: none;

}



.met-news ul.met-page-ajax li {

    border-bottom: 1px solid #f0f2f5;

    padding: 30px 0;

}



.met-news ul.met-page-ajax li h4 {

    margin: 0 0 20px;

    font-size: 22px;

}



.met-news ul.met-page-ajax li h4 a {

    color: #555555;

}



.met-news ul.met-page-ajax li h4 a:hover {

    color: #027938;

}



.met-news ul.met-page-ajax li p {

    font-size: 16px;

    font-weight: 300;

}



.met-news ul.met-page-ajax li p.des {

    color: #76838f;

    margin-bottom: 10px;

}



.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: 20px 0;

    }

    .met-news ul.met-page-ajax li .media-left {

        padding-right: 10px;

    }

    .met-news ul.met-page-ajax li .media-left .media-object {

        width: 100px;

    }

    .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 {

        margin-bottom: 5px;

        overflow: hidden;

        text-overflow: ellipsis;

        display: -webkit-box;

        -webkit-line-clamp: 3;

        -webkit-box-orient: vertical;

    }

}



@media (max-width: 349px) {

    .met-news ul.met-page-ajax li .media-left,

    .met-news ul.met-page-ajax li .media-body {

        width: 100%;

        display: block;

    }

    .met-news ul.met-page-ajax li .media-left {

        padding: 0;

    }

    .met-news ul.met-page-ajax li .media-left .media-object {

        width: auto;

        max-width: 100%;

    }

    .met-news ul.met-page-ajax li .media-body {

        margin-top: 15px;

    }

}



.met-news.type-3 .met-news-body {

    -webkit-box-shadow: none;

    -o-box-shadow: none;

    -ms-box-shadow: none;

    box-shadow: none;

}



.met-news.type-3 .widget {

    border-radius: 0;

}



.met-news.type-3 .widget .widget-body,

.met-news.type-3 .widget .widget-header {

    border-radius: 0;

}



.met-news.type-3 .widget .widget-title {

    font-size: 24px;

}



.met-news.type-3 .widget .widget-title a {

    color: #555555;

}



.met-news.type-3 .widget .widget-title a:hover {

    color: #027938;

}



.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 0 0;

    }

    .met-news.type-3 .widget:first-child {

        margin: 0;

    }

    .met-news.type-3 .widget .widget-title {

        font-size: 18px;

    }

    .met-news.type-3 .widget .widget-body {

        padding: 15px 10px;

    }

}





/* 文章模块侧栏 */



.met-news-bar {

    margin-left: 30px;

    padding: 20px;

    background: #ffffff;

    -webkit-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: 0;

        padding: 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: #555555;

}



.met-news-bar ul.column li a:hover {

    color: #027938;

}



.met-news-bar ul.column li a.active {

    color: #027938;

}



.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: #555555;

    font-size: 15px;

}



.met-news-bar .recommend .list-group a:hover {

    color: #027938;

}





/* 文章模块详情页 */



.met-shownews {

    padding: 30px 0px;

    border-top: 1px solid #444444;

}



.met-shownews .met-shownews-body {

    -webkit-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-shownews-header,

.met-shownews .met-shownews-footer {

    padding: 30px;

}



@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: 28px;

    line-height: 1.5;

    font-weight: 300;

    text-align: center;

    color: #aaa;

}



.met-shownews .info {

    padding-bottom: 20px;

    border-bottom: 1px solid #444444;

    font-size: 16px;

    font-weight: 300;

    color: #aaa;

    text-align: center;

}



.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;

    color: #aaa;

}



.met-shownews .met-shownews-footer ul.pager {

    margin: 0px;

    border-top: 1px solid #f0f2f5;

    padding-top: 20px;

}



@media (max-width: 767px) {

    .met-shownews {

        padding: 0px;

    }

    .met-shownews h1 {

        font-size: 24px;

    }

    .met-shownews .met-shownews-header {

        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-product {}



.met-product .container {

    padding: 30px 0;

}



.met-product .container-fluid {

    padding: 30px;

}



.met-product .met-grid li {

    clear: none;

}



.met-product .widget,

.met-product .widget .widget-header,

.met-product .widget-body {

    border-radius: 0 !important;

}



.met-product .widget-metas {

    word-wrap: break-word;

}



.met-product .widget-body-footer {

    margin-top: 15px;

}



.met-product.type-1 h4 {

    margin: 0;

    font-size: 16px;

    text-align: center;

}



.met-product.type-1 h4 a {

    color: #555555;

}



.met-product.type-1 h4 a:hover {

    color: #027938;

}



.met-product.type-2 .container-fluid {

    padding: 15px;

}



.met-product.type-2 h4 {

    margin: 0;

    font-weight: 300;

}



@media (max-width: 767px) {

    .met-product.type-2 .met-grid {

        padding-bottom: 10px;

    }

    .met-product.type-2 .met-grid li {

        background: #f2f2f2;

    }

}



@media (max-width: 767px) {

    .met-product .container,

    .met-product .container-fluid {

        padding: 10px !important;

    }

    .met-product.type-1 .met-grid,

    .met-product.type-3 .met-grid {

        margin: 0 -10px 0 0;

    }

    .met-product.type-1 .met-grid li,

    .met-product.type-3 .met-grid li {

        margin-bottom: 10px;

        padding: 0 10px 0 0;

    }

    .met-product .widget-body {

        padding: 15px;

    }

    .met-product .widget-body .widget-body-footer {

        margin-top: 10px;

    }

}





/* 瀑布流 */



.no-js .grid li,

.no-cssanimations .met-grid li {

    opacity: 1;

    -moz-opacity: 1;

    filter: alpha(opacity=100);

}



.met-grid li {

    opacity: 0;

    -moz-opacity: 0;

    filter: alpha(opacity=0);

}



.met-grid li.shown {

    opacity: 1;

    -moz-opacity: 1;

    filter: alpha(opacity=100);

}



.met-grid li.animate {

    -webkit-transform: translateY(50%);

    transform: translateY(50%);

    -webkit-animation: moveUp 0.65s ease forwards;

    animation: moveUp 0.65s ease forwards;

}



@-webkit-keyframes moveUp {

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1;

        -moz-opacity: 1;

        filter: alpha(opacity=100);

    }

}



@keyframes moveUp {

    100% {

        -webkit-transform: translateY(0);

        transform: translateY(0);

        opacity: 1;

        -moz-opacity: 1;

        filter: alpha(opacity=100);

    }

}





/* 产品详情页 */





/* 产品图片轮播图 */



#met-imgs-carousel {

    min-height: 200px;

    overflow: hidden;

}



#met-imgs-carousel.slick-dotted {

    padding-bottom: 74px;

}



#met-imgs-carousel .slick-track {

    display: -webkit-box;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -ms-flex-align: center;

    align-items: center;

}



#met-imgs-carousel.slick-slider .slick-slide {

    width: 100%;

    cursor: -webkit-grab;

    cursor: grab;

}



#met-imgs-carousel .slick-slide {

    width: 100%;

}



#met-imgs-carousel .slick-slide:first-child {

    display: block;

}



#met-imgs-carousel .slick-slide span {

    display: inline-block;

}



#met-imgs-carousel .slick-slide img {

    display: inline;

}



#met-imgs-carousel .slick-dots {

    bottom: 0;

    overflow: hidden;

    z-index: 2;

}



#met-imgs-carousel .slick-dots div {

    margin: auto;

    display: -webkit-box;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

    transition: all 0.5s;

    -moz-transition: all 0.5s;

    -webkit-transition: all 0.5s;

    -o-transition: all 0.5s;

    position: relative;

}



#met-imgs-carousel .slick-dots li {

    width: 64px;

    height: 64px;

    margin: 0 0 0 10px;

    opacity: .7;

    -moz-opacity: .7;

    filter: alpha(opacity=70);

    border: 2px solid #ddd;

}



#met-imgs-carousel .slick-dots li:first-child {

    margin: 0;

}



#met-imgs-carousel .slick-dots li.slick-active {

    opacity: 1;

    -moz-opacity: 1;

    filter: alpha(opacity=100);

    border-color: #ccc;

}



#met-imgs-carousel .slick-dots li img {

    width: 60px;

    height: 60px;

    -o-object-fit: fill;

    object-fit: fill;

}



#met-imgs-carousel .slick-arrow {

    width: 15%;

    height: 100%;

    top: 50%;

}



#met-imgs-carousel .slick-arrow:hover i {

    color: #999;

}



#met-imgs-carousel .slick-arrow.slick-prev {

    text-align: left;

}



#met-imgs-carousel .slick-arrow.slick-next {

    text-align: right;

}



#met-imgs-carousel .slick-arrow i {

    font-size: 70px;

    color: #ccc;

}



@media (max-width: 767px) {

    #met-imgs-carousel .slick-arrow i {

        font-size: 50px;

    }

}



.met-showproduct {

    /* 标准模式 */

    /* 时尚模式 */

}



.met-showproduct .para li {

    margin: 0;

    padding: 3px 15px;

    font-size: 14px;

    line-height: 1.5;

    word-wrap: break-word;

    color: #5e7387;

}



@media (min-width: 992px) {

    .met-showproduct .para.blocks-md-4 li:nth-child(4n+3) {

        clear: none;

    }

}



.met-showproduct .met-showproduct-list {

    margin: 0;

}



.met-showproduct.pagetype1 {

    background: #f2f2f2;

}



.met-showproduct.pagetype1 .less-page-content {

    background: #f2f2f2;

}



.met-showproduct.pagetype1 .met-showproduct-head {

    background: #fff;

    padding: 30px 0px;

}



.met-showproduct.pagetype1 .met-showproduct-head .product-intro h1 {

    margin-top: 0px;

    font-size: 28px;

}



.met-showproduct.pagetype1 .met-showproduct-head .product-intro p.description {

    margin-bottom: 15px;

    color: #5e7387;

}



@media (max-width: 992px) {

    .met-showproduct.pagetype1 .met-showproduct-head .product-intro {

        margin-top: 20px;

    }

}



@media (max-width: 767px) {

    .met-showproduct.pagetype1 .met-showproduct-head {

        padding: 15px 0;

    }

}



.met-showproduct.pagetype1 .para {

    margin: 0;

    padding: 10px 0;

    border-top: 1px solid #f0f2f5;

    border-bottom: 1px solid #f0f2f5;

}



.met-showproduct.pagetype1 .met-showproduct-body {

    padding: 30px 0px 0px;

}



.met-showproduct.pagetype1 .met-showproduct-body .panel {

    border-radius: 0;

}



.met-showproduct.pagetype1 .met-showproduct-body .product-content-body .met-editor {

    padding: 0px;

}



.met-showproduct.pagetype1 .met-showproduct-body .product-content-body .met-editor .para {

    margin-bottom: 15px;

    border-top: none;

}



@media (min-width: 992px) {

    .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel {

        margin-right: 15px;

    }

}



.met-showproduct.pagetype1 .met-showproduct-body .product-content-body .nav-tabs {

    margin-bottom: 20px;

}



@media (min-width: 992px) {

    .met-showproduct.pagetype1 .met-showproduct-body .product-hot {

        margin-left: 45px;

    }

}



.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry li {

    text-align: center;

    clear: none;

}



@media (min-width: 992px) {

    .met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry li {

        width: 100%;

    }

}



.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.img {

    margin: 0px auto;

    margin-bottom: 5px;

    display: block;

}



.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.img img {

    margin: 0px auto;

}



.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt {

    color: #5e7387;

    text-decoration: none;

}



.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:active,

.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:focus,

.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:hover {

    text-decoration: none;

}



.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry a.txt:hover {

    color: #027938;

}



.met-showproduct.pagetype1 .met-showproduct-body .product-hot .mob-masonry p {

    color: #f96868;

    margin-bottom: 0px;

}



@media (max-width: 767px) {

    .met-showproduct.pagetype1 .met-showproduct-body {

        padding: 15px 0px 0px;

    }

    .met-showproduct.pagetype1 .met-showproduct-body .panel {

        margin-bottom: 15px;

        -webkit-box-shadow: none;

        -o-box-shadow: none;

        -ms-box-shadow: none;

        box-shadow: none;

    }

    .met-showproduct.pagetype1 .met-showproduct-body .panel-body {

        padding: 15px;

    }

    .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .panel {

        margin-right: 0px;

    }

    .met-showproduct.pagetype1 .met-showproduct-body .product-content-body .nav-tabs {

        margin-bottom: 15px;

        margin-top: -10px;

    }

}



.met-showproduct.pagetype2 {

    background: #fff;

}



.met-showproduct.pagetype2 .less-page-content {

    background: #f2f2f2;

}



.met-showproduct.pagetype2 nav.navbar {

    min-height: 50px;

    margin-bottom: 0px;

    background: #f5f5f5;

    -webkit-box-shadow: none;

    -o-box-shadow: none;

    -ms-box-shadow: none;

    box-shadow: none;

    border-radius: 0;

}



.met-showproduct.pagetype2 nav.navbar.navbar-fixed-top {

    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    -o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    -ms-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);

    background: rgba(255, 255, 255, 0.95);

}



.met-showproduct.pagetype2 nav.navbar h1 {

    margin: 0px;

    height: 50px;

    line-height: 50px;

    padding-top: 0px;

    padding-bottom: 0px;

}



.met-showproduct.pagetype2 nav.navbar .nav {

    display: -webkit-box;

    display: -moz-flex;

    display: -ms-flexbox;

    display: flex;

}



.met-showproduct.pagetype2 nav.navbar .nav>li>a {

    padding-top: 0px;

    padding-bottom: 0px;

    height: 50px;

    line-height: 50px;

    white-space: nowrap;

}



.met-showproduct.pagetype2 nav.navbar .navbar-toggle {

    height: 50px;

    padding-top: 0px;

    padding-bottom: 0px;

}



.met-showproduct.pagetype2 nav.navbar .navbar-right li.active a {

    color: #027938;

}



@media (max-width: 767px) {

    .met-showproduct.pagetype2 nav.navbar .nav {

        float: none;

    }

}



.met-showproduct.pagetype2 .content {

    padding: 30px 0px;

}



.met-showproduct.pagetype2 .content-2,

.met-showproduct.pagetype2 .content-4,

.met-showproduct.pagetype2 .content-6 {

    background: #f2f2f2;

}



.met-showproduct.pagetype2 .content-2 .met-editor,

.met-showproduct.pagetype2 .content-4 .met-editor,

.met-showproduct.pagetype2 .content-6 .met-editor {

    background: #f2f2f2;

}



@media (max-width: 767px) {

    .met-showproduct.pagetype2 .content {

        padding: 10px 0px;

    }

    .met-showproduct.pagetype2 .blocks {

        padding-left: 10px;

    }

    .met-showproduct.pagetype2 .blocks li {

        width: 50%;

        word-wrap: break-word;

    }

    .met-showproduct.pagetype2 .blocks li:nth-child(2n+1) {

        clear: both;

    }

    .met-showproduct.pagetype2 .blocks li .widget {

        margin-right: 10px;

    }

}





/*下载模块*/





/* 下载模块 */



.met-download {

    padding: 30px 0px;

    background: #f2f2f2;

    border-top: 1px solid #f0f2f5;

    /* 列表页 */

    /* 详情页 */

}



.met-download .list-group {

    margin-bottom: 30px;

}



.met-download .met-download-body {

    -webkit-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-download .met-download-list {

    padding: 30px;

    background: #ffffff;

}



@media (max-width: 767px) {

    .met-download .met-download-list {

        padding: 10px;

    }

}



.met-download .met-download-list .list-group-item {

    padding: 30px 0px;

}



.met-download .met-download-list .media-left {

    padding-right: 5px;

    padding-left: 10px;

}



.met-download .met-download-list .media-left i {

    font-size: 38px;

    color: #a3afb7;

}



.met-download .met-download-list h4.media-heading a {

    color: #555555;

    font-size: 16px;

}



.met-download .met-download-list h4.media-heading a:hover {

    color: #027938;

}



.met-download .met-download-list small {

    color: #76838f;

    font-size: 14px;

}



.met-download .met-download-list a.btn {

    margin-right: 10px;

}



@media (max-width: 767px) {

    .met-download .list-group {

        margin: 0;

    }

    .met-download .met-download-list {

        padding: 15px;

    }

    .met-download .met-download-list .list-group-item {

        padding: 20px 0;

    }

}



.met-download .met-download-header,

.met-download .met-download-footer {

    padding: 30px;

    background: #ffffff;

}



@media (max-width: 767px) {

    .met-download .met-download-header,

    .met-download .met-download-footer {

        padding: 10px;

    }

}



.met-download .met-download-header {

    padding-bottom: 0px;

}



.met-download h1 {

    margin: 0px;

    font-size: 32px;

    margin-bottom: 5px;

    font-weight: 300;

}



.met-download .info {

    padding-bottom: 20px;

    border-bottom: 1px solid #f0f2f5;

    font-size: 16px;

    color: #a3afb7;

}



.met-download .info span {

    padding-right: 10px;

}



@media (max-width: 767px) {

    .met-download .info {

        padding-bottom: 20px;

    }

}



.met-download .paralist {

    padding: 30px;

    background: #ffffff;

    padding-bottom: 0px;

}



@media (max-width: 767px) {

    .met-download .paralist {

        padding: 10px;

    }

}



.met-download .paralist dl {

    margin-bottom: 0px;

    padding-bottom: 5px;

    border-bottom: 1px solid #f0f2f5;

    font-size: 16px;

}



.met-download .paralist dl dd {

    margin-bottom: 5px;

    color: #76838f;

}



@media (min-width: 768px) {

    .met-download .paralist dl {

        padding-bottom: 25px;

    }

    .met-download .paralist dl dt {

        width: 100px;

        margin-bottom: 5px;

    }

    .met-download .paralist dl dd {

        margin-left: 120px;

        margin-bottom: 5px;

    }

}



.met-download .paralist .met-download-btn {

    margin-top: 20px;

}



@media (max-width: 767px) {

    .met-download {

        padding: 0px;

    }

    .met-download h1 {

        font-size: 24px;

    }

    .met-download .met-download-header {

        padding-top: 20px;

    }

}





/*图片模块*/





/*图片模块*/



.met-img {

    border-top: 1px solid #f0f2f5;

}



.met-img .widget,

.met-img .cover,

.met-img .cover-image {

    border-radius: 0;

}



@media (min-width: 480px) and (max-width: 767px) {

    .met-img ul.met-page-ajax li {

        width: 50%;

    }

}



.met-showimg-con,

.imgpara {

    padding: 30px 30px 0;

}



@media (max-width: 767px) {

    .met-showimg-con,

    .imgpara {

        padding: 10px 10px 0;

    }

}



.imgparalist>li {

    margin: 0;

    padding: 3px 15px;

    font-size: 14px;

    line-height: 1.5;

    word-wrap: break-word;

    color: #5e7387;

}



@media (min-width: 992px) {

    .imgparalist>li:nth-child(4n+3) {

        clear: none;

    }

}





/*招聘模块*/





/* 招聘模块 */



.met-job {

    padding: 30px 0px;

    background: #f2f2f2;

}



@media (max-width: 767px) {

    .met-job {

        padding: 0px;

    }

}



.met-job .widget {

    border-radius: 0;

}



.met-job .widget .widget-body:last-child {

    border-radius: 0;

}



.met-job .widget .widget-title a {

    color: #555555;

}



.met-job .widget .widget-title a:hover {

    color: #027938;

}



.met-job .widget .widget-metas span {

    margin-right: 10px;

}



.met-job .widget .met-editor {

    padding: 0px 20px;

}



@media (max-width: 767px) {

    .met-job .widget {

        margin: 15px 10px;

    }

    .met-job .widget .widget-body {

        padding: 15px 10px;

    }

    .met-job .widget .met-editor {

        padding: 0px;

    }

    .met-job .widget hr {

        margin-top: 15px;

        margin-bottom: 15px;

    }

}



#met-job-cv .modal-header {

    border-radius: 0px;

}



@media (max-width: 767px) {

    #met-job-cv .modal-body {

        padding: 15px;

    }

}



.met-form .form-group .control-label {

    font-weight: normal;

}





/*留言模块*/





/* 留言模块 */



.met-message {

    padding: 30px 0px;

    background: #f2f2f2;

}



@media (max-width: 767px) {

    .met-message {

        padding: 0px;

    }

}



.met-message .col-md-6 {

    float: none;

    margin: auto;

}



.met-message .met-message-body,

.met-message .met-message-submit {

    padding: 30px;

    background: #ffffff;

    -webkit-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: 767px) {

    .met-message .met-message-body,

    .met-message .met-message-submit {

        padding: 10px;

    }

}



.met-message .met-message-body .media-left {

    padding-right: 0px;

    display: block;

    float: left;

}



.met-message .met-message-body .media-left i {

    font-size: 36px;

    color: #a3afb7;

}



.met-message .met-message-body .media-body {

    width: calc(54%);

    word-wrap: break-word;

    display: block;

    float: left;

}



.met-message .met-message-body .media-body p {

    font-size: 14px;

    color: #76838f;

}



@media (min-width: 992px) {

    .met-message .met-message-submit {

        margin-left: 30px;

    }

}



@media (max-width: 767px) {

    .met-message .met-message-submit {

        padding-bottom: 20px;

    }

}





/*反馈模块*/





/* 反馈模块 */



.met-feedback {

    padding: 30px 0px;

    background: #f2f2f2;

}



.met-feedback .container {

    max-width: 800px;

}



.met-feedback .met-feedback-body {

    padding: 30px;

    background: #ffffff;

    -webkit-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: 767px) {

    .met-feedback .met-feedback-body {

        padding: 10px;

    }

}



@media (max-width: 767px) {

    .met-feedback {

        padding: 10px;

    }

}





/*全站搜索*/





/* 搜索模块 */



.met-search {

    padding: 30px 0px;

    border-top: 1px solid #f0f2f5;

    background: #f2f2f2;

}



@media (max-width: 767px) {

    .met-search {

        padding: 0px;

    }

    .met-search .met-search-body {

        padding: 20px 10px;

    }

}



.met-search .met-search-body {

    min-height: 500px;

    padding: 30px;

    background: #ffffff;

    -webkit-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: 767px) {

    .met-search .met-search-body {

        padding: 10px;

    }

}



.met-search .met-search-body .page-search-form {

    margin-bottom: 10px;

}



.met-search .met-search-body .met_pager {

    margin-top: 30px;

    text-align: left;

}



.met-search .met-search-body .page-search-title {

    font-size: 26px;

}



.met-search .met-search-body .list-group-item {

    padding-top: 10px;

    padding-bottom: 10px;

}



.met-search .met-search-body .list-group-item p {

    color: #76838f;

}



.met-search .met-search-body .list-group-item>h4 {

    margin-bottom: 5px;

}



.met-search .met-search-body .list-group-item>h4 a {

    text-decoration: none;

    color: #526069;

}



.met-search .met-search-body .list-group-item>h4 a :hover {

    text-decoration: none;

    color: #37474f;

}



.met-search .met-search-body .list-group-item>p:last-child {

    margin-bottom: 0;

}





/*全站搜索*/





/* 网站地图 */



.met-sitemap {

    padding: 30px 0px;

    background: #f2f2f2;

}



@media (max-width: 767px) {

    .met-sitemap {

        padding: 0px;

    }

}



.met-sitemap .met-sitemap-body {

    padding: 30px;

    background: #ffffff;

    -webkit-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: 767px) {

    .met-sitemap .met-sitemap-body {

        padding: 10px;

    }

}



.sitemap-list {

    padding: 0;

    margin: 0px;

    list-style-type: none;

}



.sitemap-list a {

    color: #76838f;

}



.sitemap-list>li {

    margin-bottom: 25px;

}



.sitemap-list>li:last-child {

    margin-bottom: 0px;

}



.sitemap-list>li.is-single {

    margin-bottom: 10px;

}



.sitemap-list>li>a {

    display: block;

    padding: 14px 15px;

    line-height: 1;

    text-decoration: none;

    border: 1px solid #e4eaec;

    border-radius: 5px;

}



.sitemap-list>li>ul {

    position: relative;

    padding: 10px 10px 20px 40px;

    margin: 0;

    list-style-type: none;

}



.sitemap-list>li>ul a:hover {

    color: #62a8ea;

}



.sitemap-list>li>ul::before {

    position: absolute;

    top: 0;

    left: 20px;

    width: 1px;

    height: 100%;

    content: " ";

    background: #e4eaec;

}



.sitemap-list>li>ul>li>a {

    position: relative;

    display: block;

    min-width: 220px;

    padding: 10px;

    margin-bottom: 5px;

    line-height: 1;

    text-decoration: none;

    border: 1px solid #e4eaec;

}



.sitemap-list>li>ul>li>a::after,

.sitemap-list>li>ul>li>a::before {

    position: absolute;

    top: 50%;

    content: " ";

    background: #e4eaec;

}



.sitemap-list>li>ul>li>a::before {

    left: -20px;

    width: 20px;

    height: 1px;

    margin-top: -1px;

}



.sitemap-list>li>ul>li>a::after {

    left: -23px;

    width: 5px;

    height: 5px;

    margin-top: -3px;

    border-radius: 50%;

}



.sitemap-list-sub {

    position: relative;

    padding: 5px 0 9px 40px;

    margin-top: -5px;

    list-style-type: none;

}



.sitemap-list-sub::before {

    position: absolute;

    top: 0;

    left: 20px;

    width: 1px;

    height: 100%;

    content: " ";

    background: #e4eaec;

}



.sitemap-list-sub>li {

    position: relative;

    line-height: 30px;

}



.sitemap-list-sub>li::after,

.sitemap-list-sub>li::before {

    position: absolute;

    top: 50%;

    left: -22px;

    content: " ";

    background: #e4eaec;

}



.sitemap-list-sub>li::before {

    width: 15px;

    height: 1px;

    margin-top: -1px;

}



.sitemap-list-sub>li::after {

    width: 5px;

    height: 5px;

    margin-top: -3px;

    border-radius: 50%;

}



@media (max-width: 479px) {

    .sitemap-list {

        padding-left: 40px;

        list-style-type: disc;

    }

    .sitemap-list .icon {

        display: none;

    }

    .sitemap-list>li:first-child {

        margin-bottom: 20px;

        margin-left: -16px;

        list-style-type: none;

    }

    .sitemap-list>li>a {

        display: inline;

        padding: 10px;

        border: none;

    }

    .sitemap-list>li>a i {

        display: none;

    }

    .sitemap-list>li>ul {

        padding: 5px 0 5px 26px;

        list-style-type: circle;

    }

    .sitemap-list>li>ul::before {

        display: none;

    }

    .sitemap-list>li>ul>li>a {

        display: inline;

        padding: 10px 0;

        border: none;

    }

    .sitemap-list>li>ul>li>a::after,

    .sitemap-list>li>ul>li>a::before {

        display: none;

    }

    .sitemap-list-sub {

        padding: 5px 0 5px 20px;

        list-style-type: square;

    }

    .sitemap-list-sub::before {

        display: none;

    }

    .sitemap-list-sub>li {

        line-height: normal;

    }

    .sitemap-list-sub>li::after,

    .sitemap-list-sub>li::before {

        display: none;

    }

}





/*商城模块样式*/





/* 商城模块 */





/*顶部*/



.met-nav-right-shop.nav>li {

    background: #f5f5f5;

    margin-bottom: 10px;

}



.met-nav-right-shop.nav>li:last-child {

    margin-bottom: 0px;

}



.met-nav-right-shop.nav>li>a {

    padding-top: 0px;

    padding-bottom: 0px;

    height: 40px;

    line-height: 40px;

}



.met-nav-right-shop .dropdown-menu li i {

    color: #9E9E9E;

}



.met-nav-right-shop .dropdown>a>i {

    margin-right: 5px;

    color: #76838f;

}



.met-nav-right-shop #topcart-body .avatar {

    width: 50px;

}



.met-nav-right-shop #topcart-body .avatar img {

    border-radius: 0;

}



.met-nav-right-shop .dropdown-menu-header {

    padding: 20px 20px;

}



.met-nav-right-shop .dropdown-menu-footer {

    height: 55px;

    line-height: 55px;

    padding: 0px 15px!important;

}



@media (min-width: 768px) {

    .met-nav-right-shop {

        margin-top: 10px;

        margin-left: 30px;

    }

    .met-nav-right-shop.nav>li {

        margin-left: 20px;

        margin-left: 5px;

        margin-bottom: 0px;

    }

    .met-nav-right-shop.nav>li:first-child {

        margin-left: 0;

    }

    .met-nav-right-shop .dropdown-menu {

        top: 50px;

    }

}



@media (max-width: 991px) {

    .met-nav-right-shop {

        margin-left: 10px;

    }

}



@media (max-width: 767px) {

    .met-nav-right-shop {

        margin-left: 0;

        margin-right: 0;

    }

}





/*产品详情页右侧*/



.shop-product-intro+.para {

    margin-top: 20px;

}



.shop-product-intro #price {

    font-size: 32px;

}



.shop-product-intro .form-group {

    margin-bottom: 0px;

}



.shop-product-intro del {

    position: relative;

    top: -2px;

    font-weight: 300;

}



.shop-product-intro del:not(:first-child) {

    margin-left: 20px;

}



.shop-product-intro label {

    margin-bottom: 0px;

}



.shop-product-intro .selectpara-body a.btn {

    margin-top: 8px;

}



.shop-product-intro .selectpara-body .selectpara {

    min-width: 70px;

    text-align: center;

}



.shop-product-intro .selectpara-body .selectpara.btn-outline.btn-danger:focus,

.shop-product-intro .selectpara-body .selectpara.btn-outline.btn-danger:hover {

    background-color: transparent;

    color: #f96868;

}



.shop-product-intro .height-10 {

    height: 10px;

}



.shop-product-intro .text-default {

    padding: 20px;

    background: #F3F7F9;

}



.shop-product-intro .purchase-btn a.btn {

    width: 100%;

    display: block;

}



.shop-product-intro .purchase-btn a.btn i {

    margin-right: 8px;

}



@media (min-width: 768px) {

    .shop-product-intro .purchase-btn a.btn {

        width: auto;

        display: inline-block;

        padding: 10px 35px;

    }

}



@media (max-width: 767px) {

    .shop-product-intro .price {

        padding: 10px 20px !important;

    }

    .shop-product-intro .product-tocart {

        margin-top: 10px;

    }

}





/*产品详情页时尚模式*/



@media (min-width: 768px) {

    .met-showproduct.pagetype2 .shop-btn-body {

        margin-left: 20px;

    }

}



@media (max-width: 767px) {

    .met-showproduct.pagetype2 .navbar-toggle {

        padding: 0px;

        float: none;

    }

    .met-showproduct.pagetype2 .shop-btn {

        padding: 6px 13px;

        font-size: 12px;

        line-height: 1.5;

    }

}



.met-showproduct.pagetype2 #shop-fashion-option .modal-content,

.met-showproduct.pagetype2 #shop-fashion-option .modal-header {

    border-radius: 0;

}



@media (max-width: 767px) {

    .met-showproduct.pagetype2 #shop-fashion-option .modal-body {

        padding: 15px;

    }

}





/* 通用 */



@font-face {

    font-family: 'bigFont';

    src: url(../images/fonts/iconfont.woff);

}



.left {

    float: left;

}



.right {

    float: right;

}



ul,

li {

    list-style: none;

    padding: 0;

}



.sec-title {

    position: relative;

}



.sec-title h3 {

    font-weight: 600;

    color: #027938;

    margin: 0;

    padding-bottom: 5px;

    position: relative;

    display: inline-block;

}



.sec-title h3:after {

    position: absolute;

    content: '';

    background: #027938;

    height: 3px;

    width: 100%;

    bottom: 0;

    left: 0;

    bottom: -2px;

}



.sec-title .line {

    width: 100%;

    height: 1px;

    background: #ddd;

    display: block;

    margin-bottom: 15px;

}



.sec-title a {

    position: absolute;

    right: 0;

    top: 0;

    font-size: 16px;

    background: #d9d9d9;

    color: #027938;

    padding: 2px 15px;

    border-radius: 30px;

}



.nextarrow {

    position: absolute;

    right: -60px;

    top: 50%;

    margin-top: -70px;

    width: 40px;

    height: 140px;

    cursor: pointer;

    z-index: 9;

}



.nextarrow:before {

    position: absolute;

    right: 0;

    top: 50%;

    width: 150%;

    height: 2px;

    background: #027938;

    content: '';

    transform-origin: bottom right;

    -moz-transform-origin: bottom right;

    -ms-transform-origin: bottom right;

    -o-transform-origin: bottom right;

    -webkit-transform-origin: bottom right;

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -moz-transform: rotate(60deg);

    -ms-transform: rotate(60deg);

    -o-transform: rotate(60deg);

    -transform: rotate(60deg);

    display: block;

}



.nextarrow:after {

    position: absolute;

    right: 0;

    top: 50%;

    width: 150%;

    height: 2px;

    background: #027938;

    content: '';

    transform-origin: top right;

    -moz-transform-origin: top right;

    -ms-transform-origin: top right;

    -o-transform-origin: top right;

    -webkit-transform-origin: top right;

    transform: rotate(-60deg);

    -moz-transform: rotate(-60deg);

    -ms-transform: rotate(-60deg);

    -o-transform: rotate(-60deg);

    -webkit-transform: rotate(-60deg);

    display: block;

}



.prevarrow {

    position: absolute;

    left: -60px;

    top: 50%;

    margin-top: -70px;

    width: 40px;

    height: 140px;

    cursor: pointer;

    z-index: 9;

    display: block;

}



.prevarrow:before {

    position: absolute;

    left: 0;

    top: 50%;

    width: 150%;

    height: 2px;

    background: #027938;

    content: '';

    transform-origin: bottom left;

    -moz-transform-origin: bottom left;

    -ms-transform-origin: bottom left;

    -o-transform-origin: bottom left;

    -webkit-transform-origin: bottom left;

    transform: rotate(-60deg);

    -moz-transform: rotate(-60deg);

    -ms-transform: rotate(-60deg);

    -o-transform: rotate(-60deg);

    -webkit-transform: rotate(-60deg);

    display: block;

}



.prevarrow:after {

    position: absolute;

    left: 0;

    top: 50%;

    width: 150%;

    height: 2px;

    background: #027938;

    content: '';

    transform-origin: top left;

    -moz-transform-origin: top left;

    -ms-transform-origin: top left;

    -o-transform-origin: top left;

    -webkit-transform-origin: top left;

    -webkit-transform: rotate(60deg);

    transform: rotate(60deg);

    -moz-transform: rotate(60deg);

    -ms-transform: rotate(60deg);

    -o-transform: rotate(60deg);

    -transform: rotate(60deg);

    display: block;

}



.met-scroll-top {

    background-color: #027938;

    border-color: #027938;

}



.met-scroll-top:hover,

.met-scroll-top:focus,

.met-scroll-top:active {

    background-color: #027938;

    border-color: #027938;

    opacity: .78;

}



.met-position.pattern-show .breadcrumb li>a {

    color: #333;

}



.nav-tabs-line>li.active>a,

.nav-tabs-line>li.active>a:focus,

.nav-tabs-line>li.active>a:hover {

    color: #333;

    background-color: transparent;

    border-bottom: 2px solid #ccc;

}



.btn-outline.btn-primary {

    border-color: #333333;

    color: #333333;

}



.btn-outline.btn-primary:hover,

.btn-outline.btn-primary:focus,

.btn-outline.btn-primary:active {

    background-color: #333333;

    border-color: #333333;

    opacity: .78;

}



.modal-primary .modal-header {

    background-color: #027938;

}



.radio-primary input[type="radio"]:checked+label::before {

    border-color: #027938;

}



.btn-primary {

    background-color: #16171d;

    border-color: #16171d;

}



.btn-primary:hover,

.btn-primary:focus,

.btn-primary:active {

    background-color: #333541;

    border-color: #333541;

    opacity: .78;

}





/* 头部 */



#header {

    height: 40px;

    background: #fff;

    width: 100%;

    -webkit-transition: background cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s;

    transition: background cubic-bezier(0.645, 0.045, 0.355, 1) 1.2s;

    opacity: 0;

}



#header.header-fixed {

    position: fixed;

    top: -40px;

    z-index: 1601;

    opacity: 0;

}



#header .tel {

    line-height: 40px;

    font-size: 13px;

    color: #959595;

}



#header .tel em {

    color: #027938;

    font-weight: 700;

    font-style: normal;

}



#header .right li {

    float: left;

    line-height: 40px;

    margin-left: 30px;

}



#header .right li img {

    top: -2px;

    position: relative;

}



#header .right li span {

    font-size: 14px;

    color: #555;

    font-weight: 700;

    margin-left: 2px;

}



#header .head-list {

    margin: 0;

}



.btn-info {

    background-color: #027938;

    border-color: #027938;

}



.btn-info:hover,

.btn-info:focus,

.btn-info:active {

    background-color: #027938;

    border-color: #027938;

    opacity: .8;

}



.navlist>li {

    opacity: 0;

    -webkit-transform: translateX(100%);

    transform: translateX(100%);

}





/* 首页 */



.home-line {

    width: 100%;

    height: 11px;

    text-align: center;

    overflow: hidden;

}



.title h2 {

    margin-bottom: 5px;

}



.title .desc {

    margin-top: 5px;

}



.met-index-body h2,

.met-index-body .desc {

    opacity: 0;

    -webkit-transform: translateY(100%);

    transform: translateY(100%);

}



.met-index-hot {

    background: #fff;

}



.met-index-hot ul {

    margin-top: 50px;

}



.met-index-hot ul .widget-body p:nth-child(4) {

    font-size: 22px;

    color: #f44336;

    font-weight: 600;

}



.met-index-hot ul li {

    opacity: 0;

    -webkit-transform: translateY(50%);

    transform: translateY(50%);

}



.met-index-hot .hot-btns {

    text-align: center;

}



.met-index-hot .hot-btns a {

    height: 40px;

    width: 180px;

    line-height: 40px;

    border-radius: 3px;

    color: #027938;

    border: 1px solid #027938;

    display: inline-block;

    font-size: 16px;

    cursor: pointer;

    margin-right: 10px;

    text-align: center;

    margin-bottom: 15px;

    opacity: 0;

    -webkit-transform: scale(0.78);

    transform: scale(0.78);

}



.met-index-imgnews .container {

    margin-top: 50px;

}



.met-index-imgnews .left-news {

    padding-left: 0;

    padding-right: 20px;

    opacity: 0;

    -webkit-transform: translateX(-50%);

    transform: translateX(-50%);

}



.met-index-imgnews .left-news .slick-slide {

    position: relative;

}



.met-index-imgnews .left-news .slick-slide .text {

    position: absolute;

    bottom: 0;

    width: 90%;

    margin: 20px;

    background: rgba(127, 140, 141, 0.58);

    padding: 0 25px;

}



.met-index-imgnews .left-news .slick-slide .text .icon {

    float: left;

    margin: 15px 15px 15px 0;

}



.met-index-imgnews .left-news .slick-slide .text h3 {

    margin: 15px 0;

    color: #fff;

    font-size: 18px;

    font-weight: 500;

}



.met-index-imgnews .left-news .slick-slide .text h3 span {

    margin-right: 5px;

}



.met-index-imgnews .left-news .slick-slide .text p {

    color: #ECF0F1;

}



.met-index-imgnews .right-news {

    padding-left: 0;

    padding-right: 0;

    opacity: 0;

    -webkit-transform: translateX(50%);

    transform: translateX(50%);

}



.met-index-imgnews .right-news .badge {

    position: relative;

    top: -10px;

}



.met-index-imgnews .right-news .color {

    background: #027938;

    color: #fff;

}



.met-index-imgnews .right-news li {

    height: 30px;

    line-height: 30px;

}



.met-index-imgnews .right-news li a {

    color: #333;

    line-height: 30px;

    display: inline-block;

    margin-left: 5px;

    width: 80%;

    height: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.met-index-imgnews .right-news li span {

    display: inline-block;

    position: relative;

    top: -10px;

}



.met-index-imgnews .news-bg {

    height: 200px;

    margin-top: 20px;

    opacity: 0;

    -webkit-transform: translateY(50%);

    transform: translateY(50%);

}



.met-index-imgnews .news-bg .bg {

    height: 100%;

}



.met-index-imgnews .news-bg .text {

    float: right;

    width: 50%;

    position: relative;

    height: 100%;

}



.met-index-imgnews .news-bg .text h3 {

    text-align: right;

    width: 70%;

    color: #fff;

}



.met-index-imgnews .news-bg .text img {

    position: absolute;

    right: 22px;

    top: 22px;

    width: 132px;

    height: 132px;

}



.met-index-imgnews .news-bg .text p {

    text-align: right;

    width: 70%;

    color: #fff;

    line-height: 1.8;

}



.met-index-team #teamlist {

    margin-top: 50px;

}



.met-index-team #teamlist .item {

    float: left;

    height: 400px;

    position: relative;

    -webkit-transition: all .38s ease;

    transition: all .38s ease;

    overflow: hidden;

    background-repeat: no-repeat;

    background-size: cover;

    opacity: 0;

    -webkit-transform: translateX(100px);

    transform: translateX(100px);

}



.met-index-team #teamlist .item a {

    display: block;

    height: 100%;

}



.met-index-team #teamlist .item .markname {

    height: 30px;

    width: 80px;

    line-height: 30px;

    position: absolute;

    left: 0;

    bottom: 20px;

    text-align: center;

    color: #fff;

    background: rgba(0, 0, 0, 0.58);

}



.met-index-team #teamlist .item .introduce {

    height: 380px;

    position: absolute;

    top: 10px;

    left: 90px;

    right: 10px;

    background: rgba(255, 255, 255, 0.78);

    opacity: 0;

    visibility: hidden;

    -webkit-transition: all .38s ease;

    transition: all .38s ease;

    overflow: hidden;

}



.met-index-team #teamlist .item .introduce.active {

    opacity: 1;

    visibility: visible;

}



.met-index-team #teamlist .item .introduce .name {

    margin: 20px 25px 10px 25px;

    letter-spacing: 6px;

    color: #027938;

}



.met-index-team #teamlist .item .introduce .details {

    margin: 0 25px;

    color: #666;

}



.met-index-team #teamlist .item .introduce .details:nth-child(2) {

    font-size: 16px;

}



.met-index-team #teamlist .item .introduce .des {

    margin: 10px 50px;

    color: #666;

    position: relative;

}



.met-index-team #teamlist .item .introduce .des span {

    font-size: 60px;

    color: #027938;

    font-weight: 600;

    position: absolute;

}



.met-index-team #teamlist .item .introduce .des .start {

    left: -30px;

    top: -40px;

}



.met-index-team #teamlist .item .introduce .des .end {

    right: 0px;

}



@media (max-width: 1024px) {

    body.met-navfixed-langlist {

        padding-top: 150px;

    }

    .met-nav.navbar-fixed-top .navbar-collapse {

        padding: 0;

    }

    .met-index-imgnews .left-news {

        padding: 0;

        margin-bottom: 20px;

    }

    .met-index-imgnews .left-news .slick-slide .text {

        width: 100%;

        margin: 0;

        padding: 0 5px;

        top: 0;

        height: 100%;

    }

    .met-index-imgnews .left-news .slick-slide .text .icon {

        height: 100%;

    }

    .met-index-imgnews .right-news li span {

        display: none;

    }

    .met-index-imgnews .right-news li .badge {

        display: inline-block;

        top: -9px;

    }

    .met-index-imgnews .news-bg .text img {

        width: 61px;

        height: 61px;

    }

    .met-index-imgnews .news-bg .text {

        width: 100%;

    }

    .met-index-product #indexprolist h4 {

        text-align: center;

        padding: 10px;

    }

    .met-index-product #indexprolist h4 a span {

        float: none;

        display: block;

        margin-top: 5px;

    }

    .met-index-team #teamlist .item .introduce.active {

        width: 100%;

        left: 0;

        height: 100%;

        top: 0;

    }

    .met-index-about .img {

        padding: 0;

    }

    .met-index-about .text {

        margin-top: 20px;

    }

    .met-index-service [class*=blocks] li .right {

        float: none;

        text-align: center;

        margin: 0;

    }

    .met-index-service [class*=blocks] li i {

        float: none;

    }

    .met-index-product .nav-tabs li {

        padding: 0 5px;

    }

    .met-index-about .slick-dots {

        display: block !important;

    }

}



@media (max-width: 767px) {

    .met-nav.navbar-fixed-top .navbar-collapse {

        padding: 0px;

    }

    .met-banner .slick-arrow {

        display: none !important;

    }

    .met-index-imgnews .left-news {

        padding: 0;

        margin-bottom: 20px;

    }

    .met-index-imgnews .left-news .slick-slide .text {

        width: 100%;

        margin: 0;

        padding: 0 5px;

        top: 0;

        height: 100%;

    }

    .met-index-imgnews .left-news .slick-slide .text .icon {

        height: 100%;

    }

    .met-index-imgnews .right-news li span {

        display: none;

    }

    .met-index-imgnews .right-news li .badge {

        display: inline-block;

        top: -9px;

    }

    .met-index-imgnews .news-bg .text img {

        width: 61px;

        height: 61px;

    }

    .met-index-imgnews .news-bg .text {

        width: 100%;

    }

    .met-index-product #indexprolist h4 {

        text-align: center;

        padding: 10px;

    }

    .met-index-product #indexprolist h4 a span {

        float: none;

        display: block;

        margin-top: 5px;

    }

    .met-index-team #teamlist .item .introduce.active {

        width: 100%;

        left: 0;

        height: 100%;

        top: 0;

    }

    .met-index-about .img {

        padding: 0;

    }

    .met-index-about .text {

        margin-top: 20px;

    }

    .met-index-service [class*=blocks] li .right {

        float: none;

        text-align: center;

        margin: 0;

    }

    .met-index-service [class*=blocks] li i {

        float: none;

    }

    .met-index-product .nav-tabs li {

        padding: 0 5px;

    }

    .met-index-about .slick-dots {

        display: block !important;

    }

}



.wfull {

    width: 95%;

    margin: 0 auto;

}



.wfull100 {

    width: 100%;

    margin: 0 auto;

}



.mt50 {

    margin-top: 50px;

}



img {

    max-width: 100%!important;

}



.top_out {

    background-color: #000000;

    height: 36px;

    border-bottom: 1px solid #7e7e7e;

    width: 100%;

    text-align: right;

    line-height: 34px;

}



.top_out a {

    color: #fff;

}



.top_out i {

    margin-right: 5px;

}



.c_r {

    width: 90%;

    margin: 0 auto;

    margin-top: 150px;

}



.c_r h1 {

    color: #dab96c;

    font-size: 58px;

    text-align: center;

    line-height: 180px;

}



.c_r h2 {

    color: #dab96c;

    font-size: 36px;

}



.c_r p {

    font-size: 14px;

    line-height: 36px;

    padding-top: 20px;

}



.clss_list {

    margin-top: 150px;

}



.class_top {

    min-height: 190px;

    background-image: url(../images/bm_07.png);

    background-repeat: no-repeat;

    background-position: bottom;

    width: 100%;

    position: absolute;

    z-index: 1;

}



.cl_l_txt {

    font-size: 30px;

    color: #fff;

    line-height: 46px;

    margin-top: 30px;

}



.cl_r_more a {

    display: block;

    border: 1px solid #fff;

    color: #fff;

    width: 250px;

    height: 64px;

    border-radius: 20px;

    text-align: center;

    line-height: 64px;

    font-size: 26px;

    float: right;

    margin-top: 30px;

}



.cl_r_more i {

    margin-left: 20px;

}



.ib1 {

    background-image: url(../images/idx_09.jpg);

    background-repeat: repeat-x;

    background-position: top left;

    margin: 0px;

}



.ib2 {

    background-image: url(../images/idx_12.jpg);

    background-repeat: repeat-x;

    background-position: top right;

    margin: 0px;

}



.about_out {

    width: 70%;

    margin: 0 auto;

    margin-top: 100px;

}



.about_out p {

    line-height: 40px;

    padding-top: 30px;

    font-size: 16px;

}



.brand_out {

    width: 80%;

    margin: 0 auto;

    margin-top: 100px;

}



.brand_out h2 {

    font-size: 24px;

    color: #fff;

}



.brand_out p {

    line-height: 40px;

    padding-top: 30px;

    font-size: 16px;

    color: #fff;

}



.contact_tit {

    background-image: url(../images/idx_15.jpg);

    background-repeat: no-repeat;

    background-position: center;

    height: 75px;

    width: 100%;

    margin-top: 50px;

}



.jm_input {

    display: inline-block;

    font-size: 16px;

    letter-spacing: 0;

    line-height: 1.5;

    border: 1px solid #ccc;

    box-sizing: border-box;

    border-radius: 2px;

    padding: 10px 20px;

    height: 42px;

    width: 50%;

}



.jm_input_text {

    display: inline-block;

    font-size: 16px;

    letter-spacing: 0;

    line-height: 1.5;

    border: 1px solid #ccc;

    box-sizing: border-box;

    border-radius: 2px;

    padding: 10px 20px;

    height: 80px;

    width: 80%;

}



.jm_submit {

    display: inline-block;

    margin-bottom: 10px;

    border: 1px solid #7a7a7a;

    line-height: 34px;

    width: 100px;

    margin: 0 auto;

    background-color: #646464;

    color: #ccc;

    border-radius: 5px;

}



.jm_msg {

    margin-top: 30px;

}



.jm_msg li {

    margin-top: 30px;

}



.bg_footer {

    margin-top: 20px;

}



.bg_footer h2 {

    color: #fff;

    font-size: 20px;

    font-weight: bold;

}



.bg_footer p {

    line-height: 30px;

}



.ft_logo {

    padding-top: 50px;

}



.ft_ewm {

    padding-top: 20px;

}



.ny_bg {

    background-color: #525252;

}



.proimgs {

    border: 5px solid #404040;

}



.widget-title a {

    color: #fff;

}



.widget-body p {

    color: #c3992d;

    font-size: 18px;

}



.show_pro_tit {

    font-size: 18px;

    border-bottom: 1px solid #626262;

    color: #aaa;

    padding: 20px 0px;

}



.met_page {

    padding: 20px 0px;

    color: #aaa;

}



.newslist2 li {

    padding-bottom: 10px;
   

}

.newslist2 li .cover-image{ min-height: 120px;}

.newslist2 a h3 {

    color: #aaa;

    margin-top: 12px;

    font-size: 18px;

}



.newslist2 a p {

    color: #9d9d9d;

}



.newslist2 a span {

    color: #c19e68;

}



.newstit {

    padding: 50px 0px;

    text-align: center;

}



.newstit h2 {

    color: #9e9e9e

}



.nav li .bi {

    position: relative;

    z-index: 0;

}



.nav li .bi:hover {

    z-index: 99;

}



.nav li .bi:hover span {

    visibility: visible;

    top: 0;

    left: 0;

    cursor: pointer;

}



.nav li .bi span {

    position: absolute;

    left: -999em;

    visibility: hidden;

}



.nav li a,

.nav li .bi span {

    text-decoration: none;

    display: block;

    text-align: center;

}



.nav li a:hover,

.nav li .bi:hover span {

    background: #282828;

    width: 100%;

    display: block;

    height: 42px;

}



.met-banner button {

    display: none;

}


@media (min-width: 1600px){

    .newslist2 li .cover-image{ min-height: 165px; }
}


/*********************

 * Wrapper

 *********************/



.js-video {

    position: relative;

    width: 100%;

    margin: 0 auto;

    padding: 0px;

    background: rgba(0, 0, 0, 1);

}





/*********************

 * Elements inside js-video

 *********************/



video {

    width: 100%;

    height: 100%;

    background-size: cover;

    background-position: center center;

}



.js-video button {

    -moz-appearance: none;

    -webkit-appearance: none;

}





/*********************

 * UI

 *********************/



.playPause.ui-icon {

    position: absolute;

    top: 10px;

    left: 10px;

    right: 0;

    display: block;

    width: auto;

    bottom: 56px;

}



.playPause.ui-icon:before,

.playPause.ui-icon:after {

    position: absolute;

    top: 50%;

    left: 50%;

}



.playPause.ui-icon:after {

    content: '';

    width: 80px;

    height: 80px;

    margin: -40px 0 0 -40px;

    background: rgba(0, 0, 0, 0.8);

    border-radius: 10px;

}



.playPause.ui-icon:before {

    font-size: 40px;

    line-height: 80px;

    color: rgba(244, 209, 126, 0.5);

    z-index: 2;

    top: 50%;

    left: 50%;

    margin: -40px 0 0 -14px;

}



.playPause.ui-icon.fa-pause:before,

.playPause.ui-icon.fa-undo:before {

    margin-left: -17px;

}



.playPause.ui-icon.fa-pause {

    opacity: 0;

}



.ui {

    font-size: 0;

    display: -webkit-flex;

    display: flex;

    background: rgba(255, 255, 255, 0.5);

}



.ui>div:nth-of-type(1),

.ui>div:nth-of-type(4) {

    padding-top: 12px;

}



.ui>div:nth-of-type(1) {

    -webkit-flex: 30 30 1px;

    flex: 30 30 1px;

    margin-right: 10px;

}



.ui>div:nth-of-type(2) {

    -webkit-flex: 1 0 60px;

    flex: 1 0 60px;

    font-size: 12px;

    margin-right: 10px;

    text-align: center;

    line-height: 30px;

}



.ui>div:nth-of-type(3) {

    -webkit-flex: 0 0 20px;

    flex: 0 0 20px;

    margin-right: 10px;

}



.ui>div:nth-of-type(4) {

    -webkit-flex: 0 0 60px;

    flex: 0 0 60px;

}



.timeDisplay {

    white-space: nowrap;

}



.timeDisplay i {

    font-style: normal;

}



.fullscreen {

    position: absolute;

    font-style: normal;

    left: 20px;

    bottom: 66px;

    display: block;

    width: 40px;

    height: 40px;

    text-align: center;

    cursor: pointer;

    -moz-transition: color 0.3s;

    -o-transition: color 0.3s;

    -webkit-transition: color 0.3s;

    transition: color 0.3s;

}



.fullscreen:before {

    font-size: 30px;

    line-height: 40px;

    color: rgba(244, 209, 126, 0.2);

}



.fullscreen:hover:before {

    color: rgba(244, 209, 126, 0.5);

}



.ui-icon {

    font-size: 20px;

    vertical-align: middle;

    width: 20px;

    margin-right: 10px;

    cursor: pointer;

}





/*********************

 * Progress

 *********************/



.ui .progress,

.volumeControl {

    background: rgba(0, 0, 0, 0.1);

    width: 100%;

    position: relative;

    height: 5px;

    cursor: pointer;

    overflow: hidden;

    border-radius: 2px;

    border: 0;

    padding: 0px;

    margin: 0px;

}



.ui .progress>* {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

}



.progress-time {

    background-color: black;

}



.anim {

    -moz-transition: width 1000ms linear;

    -o-transition: width 1000ms linear;

    -webkit-transition: width 1000ms linear;

    transition: width 1000ms linear;

}



.progress-buffer {

    background-color: rgba(0, 0, 0, 0.3);

    -moz-transition: width 250ms linear;

    -o-transition: width 250ms linear;

    -webkit-transition: width 250ms linear;

    transition: width 250ms linear;

}



.volumeControl {

    width: 90%;

    overflow: visible;

    position: relative;

    background: rgba(0, 0, 0, 0.3);

}



.volumeControl .ui-slider-handle {

    position: absolute;

    width: 9px;

    height: 9px;

    border: 0;

    top: -2px;

    background: transparent;

}



.volumeControl .ui-slider-handle:after {

    content: '';

    position: absolute;

    width: 100%;

    height: 100%;

    left: -50%;

    background: black;

    border-radius: 4px;

}



.volumeControl .ui-slider-handle:focus {

    outline: none;

}



@media (max-width: 767px) {

    .class_top {

        background-color: #777777;

        position: relative;

    }

    .cl_r_more a {

        clear: both;

        margin: 0 auto;

        float: none;

        margin-bottom: 10px;

    }

    .clss_list {

        margin-top: 0px;

    }

    .c_r {

        width: 90%;

        margin: 0 auto;

        margin-top: 20px;

    }

    .c_r h1 {

        color: #dab96c;

        font-size: 26px;

        text-align: center;

        line-height: 40px;

    }

    .c_r h2 {

        color: #dab96c;

        font-size: 18px;

    }

    .jm_input,

    .jm_input_text {

        width: 100%;

    }

    .jm_msg li {

        margin-top: 15px;

    }

    .contact_tit {

        margin-top: 20px;

    }

    .ft_logo {

        padding-top: 0px;

    }

    .stm {

        display: none;

    }

    .cl_l_txt {

        font-size: 20px;

        color: #fff;

        line-height: 26px;

        margin-top: 30px;

    }

    .cl_r_more a {

        display: block;

        border: 1px solid #fff;

        color: #fff;

        width: 150px;

        height: 44px;

        border-radius: 20px;

        text-align: center;

        line-height: 44px;

        font-size: 20px;

        float: right;

        margin: 0 auto;

        margin-top: 20px;

    }

    .cl_index .row {

        padding: 0px;

        margin: 0px;

    }

    .ib1 {

        min-height: 234px;

    }

    .ib2 {

        min-height: 234px;

    }

    .about_out {

        width: 90%;

        margin: 0 auto;

        margin-top: 20px;

    }

    .about_out p {

        line-height: 26px;

        padding-top: 20px;

        font-size: 14px;

    }

    .brand_out {

        width: 90%;

        margin: 0 auto;

        margin-top: 20px;

    }

    .brand_out h2 {

        font-size: 24px;

        color: #fff;

    }

    .brand_out p {

        line-height: 26px;

        padding-top: 20px;

        font-size: 14px;

        color: #fff;

    }

    .met-nav {

        /*background-color:#282828;*/

        min-height: 150px;

        background-position: top;

    }

    .navbar-nav {

        width: 50%;

        margin: 0px;

        float: right;

        background-color: #282828;

    }

    .nav li a,

    .nav li .bi span {

        text-decoration: none;

        display: block;

        text-align: right;

    }

}