html{font-family: sans-serif;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}

#productlist{position: relative;max-height: 740px;}

@media(max-width:640px){#productlist{position: relative;max-height: 3000px;}}

.nav{padding-left: 0;margin-bottom: 0;list-style: none}

.nav>li{position: relative;display: block}

.nav>li>a{position: relative;display: block;padding: 10px 15px}

.nav>li>a:focus, .nav>li>a:hover{text-decoration: none;background-color: #f3f7f9}

.nav>li.disabled>a{color: #a3afb7}

.nav>li.disabled>a:focus, .nav>li.disabled>a:hover{color: #a3afb7;text-decoration: none;cursor: not-allowed;background-color: transparent}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover{background-color: #f3f7f9;border-color: #62a8ea}

.nav .nav-divider{height: 1px;margin: 10px 0;overflow: hidden;background-color: #e5e5e5}

.nav>li>a>img{max-width: none}

.nav-tabs{border-bottom: 1px solid #e4eaec}

.nav-tabs>li{float: left;margin-bottom: -1px}

.nav-tabs>li>a{margin-right: 2px;line-height: 1.57142857;border: 1px solid transparent;border-radius: 3px 3px 0 0}

.nav-tabs>li>a:hover{border-color: transparent transparent #e4eaec}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{color: #4e97d9;cursor: default;background-color: #fff;border: 1px solid #e4eaec;border-bottom-color: transparent}





.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: 15px}

.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: 30%;margin: auto 1%;}}

@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%}}



.widget{position: relative;margin-bottom: 30px;background-color: #fff}

.widget .cover{width: 100%}

[class*="blocks-"]>li>.widget{margin-bottom:0}

.widget-shadow{-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);box-shadow: 0 1px 1px rgba(0,0,0,.05)}

.widget{border-radius: 3px;margin: 1rem ;}

.widget .widget-header{border-radius: 3px 3px 0 0}

.widget .widget-header:last-child{border-radius: inherit}

.widget .widget-body:last-child{border-radius: 0 0 3px 3px}

.widget .widget-body:last-child .widget-body-footer{border-radius: 0 0 3px 3px}

.widget .widget-footer{border-radius: 0 0 3px 3px}

.widget .widget-footer:first-child{border-radiu: inherit}

.widget-body{position: relative;padding: 30px 25px}

.widget-body-footer{margin-top: 30px}

.widget-body-footer:before, .widget-body-footer:after{display: table;content: " "}

.widget-body-footer:after{clear: both}

.widget-content ul{padding: 0;margin: 0}

.widget-content li{list-style: none}

.widget-title{margin-top: 0;color: #37474f;text-transform: capitalize}

div.widget-title{font-size: 22px}

.overlay-panel .widget-title{color: #fff}

.widget>.widget-title{padding: 12px 20px}

.widget-metas{font-size: 12px;color: #a3afb7}

.widget-metas.type-link>a{position: relative;display: inline-block;padding: 3px 5px;color: #a3afb7}

.widget-metas.type-link>a:first-child{padding-left: 0}

.widget-metas.type-link>a:hover{color: #ccd5db}

.widget-metas.type-link>a+a:before{position: absolute;top: 10px;left: -2px;width: 3px;height: 3px;content: '';background-color: #a3afb7;border-radius: 50%}

.overlay-background .widget-time{color: #fff;opacity: .8}

.widget-category{font-size: 16px}

.widget-actions{margin-top: 10px;text-align: right}

.widget-actions a{display: inline-block;margin-right: 10px;color: #a3afb7;vertical-align: middle}

.widget-actions a.icon, .widget-actions a .icon{text-decoration: none}

.widget-actions a.icon+span, .widget-actions a .icon+span{margin-left: 2px}

.widget-actions a.active, .widget-actions a:hover, .widget-actions a:focus{color: #ccd5db;text-decoration: none}

.widget-actions a:last-child{margin-right: 0}

.widget-actions-sidebar{position: absolute;top: 20px;left: 20px;width: 60px}

.widget-actions-sidebar a{display: inline-block;width: 100%;height: 60px;margin-right: 0;text-align: center;border-right: 1px solid #e4eaec}

.widget-actions-sidebar a:before{display: inline-block;height: 100%;vertical-align: middle;content: ''}

.widget-actions-sidebar a+a{border-top: 1px solid #e4eaec}

.widget-actions-sidebar+.widget-content{margin-left: 80px}

.widget-watermark{position: absolute;right: 0;bottom: 0;line-height: 1;opacity: .1}

.widget-watermark.darker{color: black}

.widget-watermark.lighter{color: white}

.widget-divider:after{display: block;width: 20px;height: 2px;margin: 15px auto;content: "";background-color: #fff}

.widget-left{position: absolute;top: 0;left: 0;width: 40%;height: 100%}

.widget-left+.widget-body{width: 60%;margin-left: 40%}

@media(max-width:767px){.widget-left{position: relative;width: 100%;height: 320px}

.widget-left+.widget-body{width: 100%;margin-left: 0}}



.vhidden{visibility: hidden}



.met-index-body{padding: 25px 0;background: #fff}

.met-index-body:nth-of-type(odd){background: #fff}

.met-index-body h3{font-size: 30px;margin-top: 0;text-align: center;padding-bottom:5px;color: #000;letter-spacing: 5px; font-weight: bold;}

.met-index-body p.desc{font-size: 16px;font-weight: normal;text-align: center;width: 80%;color: #000;letter-spacing: 5px;margin: 0 auto}

@media(max-width:992px){.met-index-body{padding: 60px 0}}

@media(max-width:768px){.met-index-body{padding: 50px 0}

.met-index-body h3{font-size: 28px}

.met-index-body p.desc{font-size: 14px}}

@media(max-width:488px){.met-index-body{padding: 40px 0}}

@media(max-width:358px){.met-index-body{padding: 30px 0}}

.met-index-service{text-align: center}

.met-index-service .blocks{width: 100%;margin: 0}

.met-index-service .blocks li{margin-top: 50px;margin-bottom: 0}

.met-index-service .blocks li i{font-size: 50px;width: 120px;height: 120px;color: #2574a9;border: solid 1px #bdc3c7;text-align: center;line-height: 120px;border-radius: 100%;-webkit-transition: all .25s linear;-moz-transition: all .25s linear;-ms-transition: all .25s linear;-o-transition: all .25s linear;transition: all .25s linear}

.met-index-service .blocks li:hover i{background: #2574a9;color: #fff;animation-timing-function: cubic-bezier(0.755, 0.05, 0.855, 0.06);transform: translate3d(0, -5px, 0)}

.met-index-service .blocks li h4{margin-top: 20px;margin-bottom: 5px;font-weight: 300;font-size: 20px;color: #2a333c}

.met-index-service .blocks li p{width: 90%;margin: 0 auto;font-weight: 300;color: #5e7387}

.met-index-service .blocks li a{text-decoration: none}

.met-index-service .blocks li a:active, .met-index-service .blocks li a:focus, .met-index-service .blocks li a:hover{text-decoration: none}

@media(max-width:768px){.met-index-service .blocks li{margin-top: 30px}

.met-index-service .blocks li i{font-size: 40px;width: 90px;height: 90px;line-height: 90px}}

@media(max-width:488px){.met-index-service .blocks li{padding: 0}}

.met-index-about .dblock{margin-bottom: 15px}

.met-index-about .h-underline{padding-bottom: 12px;margin-bottom: 28px;position: relative;border-bottom: solid 1px rgba(0,0,0,0.07);text-align: left}

.met-index-about .h-underline:before{position: absolute;content: "";height: 1px;background: #bdc3c7;width: 30%;max-width: 150px;bottom: -1px;left: 0}

.met-index-about .vid-wrapper{width: 100%;position: relative}

.met-index-about .vid-wrapper video{width: 100%;height: 100%}

.met-index-about .vid-wrapper iframe{width: 100%}

@media(min-width:992px){.met-index-about .vid-wrapper iframe{visibility: hidden}}

.met-index-about .vid-wrapper p{margin: 0}

.met-index-about img{display: block;max-width: 100%;height: auto !important;border-radius: 4px}

@media(max-width:992px){.met-index-about .met-editor{margin-top: 40px}}

@media(max-width:768px){.met-index-about .met-editor{margin-top: 30px}}

@media(max-width:488px){.met-index-about .met-editor{margin-top: 20px}}

.met-index-about .vjs-default-skin{margin: 0 auto;max-width: 100%}

.met-index-product{text-align: center}

.met-index-product .nav-tabs{border-bottom: 0;margin: 30px auto}

.met-index-product .nav-tabs li{display: inline-block;float: none}

.met-index-product .nav-tabs li.active a{background: #ff072a;color: #fff;padding: 8px 30px;border: 0}

.met-index-product .nav-tabs li a{background: #e5e5e5;padding: 8px 30px;border: 0;border-radius: 0}

.met-index-product .nav-tabs li a:hover{padding: 8px 30px;border: 0;background: #ff072a;color: #fff}

@media(max-width:768px){

  .met-index-product .nav-tabs{margin: 10px auto 20px;display: inline-block;width:100%!important;}

  .tab-box label{margin:0 12px 12px 0!important;padding: 3px 10px!important;}



}

.met-index-product .blocks li .widget{margin-bottom: 0px;border-radius: 0}

.met-index-product .blocks li .widget .img-holder{position: relative;overflow: hidden;padding: 1rem;}

.met-index-product .blocks li .widget .img-holder img{width: 100%;height:226px;}

.met-index-product .blocks li .widget .img-holder .overlay{position: absolute;top: 2px;left: 2px;right: 2px;bottom: 1px;background: rgba(0,0,0,0.5);text-align: center;opacity: 0;transition: all .3s ease}

.met-index-product .blocks li .widget .img-holder a{color: #fff}

.met-index-product .blocks li .widget:hover .img-holder .overlay{opacity: 1}

.met-index-product .blocks li .widget .img-holder .overlay .inner{display: table;width: 100%;height: 100%;position: relative}

.met-index-product .blocks li .widget .img-holder .overlay .inner:before{content: '';position: absolute;top: 8px;left: 8px;right: 8px;bottom: 8px;border: 1px solid rgba(255,255,255,0.5)}

.met-index-product .blocks li .widget .img-holder .overlay .social{color:#fff;display: table-cell;vertical-align: middle;position: relative;padding: 30px}

.met-index-product .blocks li .widget .img-holder .overlay .social li{display: inline;margin-right: 4px}

.met-index-product .blocks li .widget .img-holder .overlay .social li a{display: inline-block;width: 31px;height: 31px;border: 1px solid #fff;text-align: center;font-size: 12px;line-height: 30px;color: #fff;border-radius: 50%}

.met-index-product .blocks li .widget .content-holder{text-align: center;border-top: 1px solid #e5e5e5;display: block;margin-top: 0;padding: 12px 20px}

.met-index-product .blocks li .widget .content-holder:before{background: #2574a9;}

.met-index-product .blocks li .widget:hover .content-holder{border-top-color: #ff072a}

.met-index-product .blocks li .widget:hover .content-holder:before{-webkit-transform: scaleY(1);transform: scaleY(1)}

.met-index-product .blocks li .widget:hover .content-holder h4{color: #ff072a}

.met-index-product .blocks li .widget:hover .content-holder p{color: #eee}

.met-index-product .blocks li .widget .content-holder h4{text-transform: uppercase;color: #333;margin: 0;font-size: 16px;font-weight: bold;transition: all .3s ease;overflow: hidden;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}

.swiper-container {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    z-index: 1;

}

.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    -ms-transition-property: -ms-transform;

    transition-property: transform;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}

.animation-fade {

    -webkit-animation-name: fade;

    -o-animation-name: fade;

    animation-name: fade;

    -webkit-animation-duration: .8s;

    -o-animation-duration: .8s;

    animation-duration: .8s;

    -webkit-animation-timing-function: linear;

    -o-animation-timing-function: linear;

    animation-timing-function: linear;

}

[class*=animation-] {

    -webkit-animation-duration: .5s;

    -o-animation-duration: .5s;

    animation-duration: .5s;

    -webkit-animation-timing-function: ease-out;

    -o-animation-timing-function: ease-out;

    animation-timing-function: ease-out;

    -webkit-animation-fill-mode: both;

    -o-animation-fill-mode: both;

    animation-fill-mode: both;

}





.container-fluid{margin-right: auto;margin-left: auto;padding-left: 15px;padding-right: 15px;}

.row1{margin-left: -15px;margin-right: -15px;}

.col-md-6{position: relative;min-height: 1px;padding-left: 15px;padding-right: 15px;}

@media (min-width: 992px){.col-md-6{float: left;}

.col-md-6{width: 50%;}

}

span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tbody, tfoot, thead, figure{border: 0;font-size: 14px;font-style: inherit;font-weight: inherit;outline: 0;padding: 0;margin: 0;vertical-align: baseline;}

.clearfix:after, .container:after, .container-fluid:after, .row:after{content: " ";display: block;clear: both;height: 0;}

.clearfix, .container, .container-fluid, .row{zoom: 1;}

.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{background: #ff001e !important;border-color: #ff001e !important;}

.news {overflow:hidden;}

.news .news-con h3 a{display: inline-block;font-size: 20px;border-bottom: 1px solid #dcdcdc;padding-bottom: 10px;margin-bottom: 20px;}

.news .news-con .news-list .news-top{margin-bottom: 15px;}

.news .news-con .news-list .news-top .news-img{margin-bottom: 10px; height:auto; overflow:hidden; display: flex;
        justify-content: center;
        align-items: center;}

.news .news-con .news-list .news-top .news-img a{padding-left: 0;}

.news .news-con .news-list .news-top .news-img a img{width: auto; height:auto;max-height: 410px;}

.news .news-con .news-list .news-top .news-content h2{margin-bottom: 10px;}

.news .news-con .news-list .news-top .news-content h2 a{padding-left: 0;font-size: 16px;font-weight: bold;}

.news .news-con .news-list .news-top .news-content h2 span{float: right;}

.news .news-con .news-list .news-top .news-content p{color: #666;line-height: 1.5;}

.news .news-con .news-list li{margin-bottom: 4px;line-height: 20px;overflow: hidden;}



.news .news-con .news-list li a{padding-left: 10px;}

.news .news-con .news-list li span{float: right;}

.news .baike-con h3 a{display: inline-block;font-size: 20px;border-bottom: 1px solid #dcdcdc;padding-bottom: 10px;margin-bottom: 20px;}

.news .baike-con .baike-top{padding: 20px;background: #eeeded;}

.news .baike-con .baike-top h2{padding-bottom: 15px;}

.news .baike-con .baike-top h2 a{font-size: 24px;}

.news .baike-con .baike-top p{line-height: 1.6;}

.news .baike-con .baike-btm h2{padding-bottom: 6px;font-size;16px!important;margin-bottom:0px!important;}

.news .baike-con .baike-btm h2 a{font-size: 16px;}

.news .baike-con .baike-btm p{line-height: 1.6;height: 44px;overflow: hidden;}

.news .baike-con li{overflow: hidden;margin-bottom: 10px;}

.news .baike-con li span{display: block;float: left;text-align: center;border: 1px solid #cfcfcf;padding: 10px;line-height: 1;color: #969696;margin-right: 20px;}

.news .baike-con li span b{display: block;font-size: 40px;font-weight: bold;}

.news .baike-con li span a{display: block;float: left;}

.news .title-con .title_h3{width: 100%; z-index: 999; background: url(../images/e_line1.png) no-repeat center 60%; color: #000; text-align: center; position: relative; font-size: 30px; margin-bottom: 55px; padding-top: 10px; font-weight: bold; letter-spacing: 5px;}



.our-news h3.title_h3{width: 100%; z-index: 999;  color: #000; text-align: center; position: relative; font-size: 30px; bottom: 20px; margin-top: 35px; font-weight: bold; letter-spacing: 5px; border-bottom:1px solid #ccc;}

.met-index-product .blocks li .widget .content-holder p{text-transform: uppercase;color: #fff;margin: 0;font-size: 13px;line-height: 22px;padding-bottom: 14px;transition: all .3s ease}



.news .title-con .title_h3{width: 100%; z-index: 999; background: url(../images/e_line1.png) no-repeat center 25%; color: #000; text-align: center; position: relative; font-size: 30px; margin-bottom: 15px; padding-top: 10px; font-weight: bold; letter-spacing: 5px;}

.news .title-con .title_h3 p,.title h3.title_h3 p{font-size: 16px; color: #000; font-weight: normal; letter-spacing: 0px; padding-bottom: 40px ! important;padding-top:20px;}