@charset "utf-8";

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
}

img {
    border: 0;
}

ul,
ol {
    padding: 0px;
}

.clear {
    clear: both;
}

li,
ul {
    list-style-type: none
}

.list-none {
    list-style: none;
    padding: 0px;
    margin: 0px;
}

.editor {
    line-height: 2;
    color: #333;
}

.editor ul,
.editor ol {
    padding: 0px;
    margin: 0px;
}

.editor a {
    color: #7DBF1D;
    text-decoration: underline;
}

/*按钮*/
.button {
    display: inline-block;
    zoom: 1;
    *display: inline;
    vertical-align: baseline;
    margin: 0 2px;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    font: 14px/100% Arial, Helvetica, sans-serif;
    padding: .5em 2em .55em;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    border-radius: .5em;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
}

.button:hover {
    text-decoration: none;
    color: #fff;
}

.button:active {
    position: relative;
    top: 1px;
}

/*工具栏*/
.met_hits {
    padding: 0px 5px;
    height: 35px;
    line-height: 35px;
    margin-top: 10px;
    border-top: 1px dotted #ccc;
    text-align: right;
    position: relative;
    color: #666;
}

.met_hits a {
    color: #666;
}

.met_hits .metjiathis {
    position: absolute;
    left: 5px;
    top: 8px;
}

.met_page {
    clear: both;
    margin-top: 15px;
}

.met_page a {
    margin-right: 50px;
    text-decoration: underline;
}

/*翻页*/
#flip {
    margin-bottom: 15px;
    clear: both;
    margin-top: 15px;
}

/*简介模块*/
#showtext {
    padding: 15px;
    line-height: 2;
}
#showtext p{
    margin: 15px 0;
    line-height: 25px;
    font-size: 14px;
    text-align: justify;
}
#showtext p img{
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
/*左边新闻*/
#met_left_new {
    padding: 10px 15px;
}

#met_left_new li {
    line-height: 30px;
    height: 30px;
    margin-bottom: 8px;
    font-size: 16px;
    overflow: hidden;
    border-bottom: #ccc 1px solid;
}

#met_left_new #met_nsx {
    border-radius: 50%;
    background-color: #7DBF1D;
    width: 10px;
    height: 10px;
    display: inline-table;
    margin-right: 10px;
}

/*左边产品滚动*/
.met_p10 {
    padding: 10px 0;
}

#up_zzjs_pro {
    width: 260px;
    height: 738px;
    margin: 0 auto;
    overflow: hidden;
}

#up_zzjs_pro #up_li {
    display: block;
    height: 260px;
    height: 246px;
    overflow: hidden;
}

#up_zzjs_pro #up_li a {}

#up_zzjs_pro #up_li img {
    width: 260px;
    border: #ccc 1px solid;
    padding: 2px;
    display: block;
    overflow: hidden;
    box-sizing: border-box;
}

#up_zzjs_pro #up_li p {
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
    overflow: hidden;
    text-align: center;
    font-size: 16px;
}


/*文章模块*/
#newslist {
    padding: 5px 15px;
}

#newslist li {
    margin-bottom: 10px;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    list-style-type: none;
    padding-left: 15px;
    border-bottom: #949494 1px dashed;
}

#newslist li span {
    float: right;
    color: #aaa;
}

#newslist li p {
    color: #aaa;
}

#shownews {
    padding: 0px 15px 15px;
}

#shownews .editor {
    line-height: 2;
    padding: 0px 10px;
}

#shownews h1 {
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    border-bottom: 1px dotted #ccc;
    padding: 5px 0px;
    margin: 10px 0px;
    color: #333;
}

/*头部新闻*/
.met_newlist_tou {
    padding: 15px 20px;
    overflow: hidden;
    position: relative;
}

.met_newlist_tou img {
    border: #7DBF1D 1px solid;
    position: relative;
    float: left;
    width: 270px;
    height: 180px;
    overflow: hidden;
    z-index: 333
}

.met_newlist_tou div.met_newlist_t_rl {
    position: relative;
    float: left;
    width: 100%;
    margin-left: -272px;
}

.met_newlist_tou div.met_list_t_r {
    margin-left: 290px;
}
.met_newlist_tou h3 {
    font-size: 20px;
    font-weight: normal;
    color: #333333;
    line-height: 30px;
    height: 30px;
    margin-bottom: 10px;
    overflow: hidden;
}

.met_newlist_tou p.info {
    margin-bottom: 10px;
    line-height: 1.5;
    overflow: hidden;
    color: #787878;
    font-size: 14px;
    height: 85px;
    overflow: hidden;
}

.met_newlist_tou a.more {
    border-radius: 5px;
    padding: 2px 10px;
    text-align: center;
    color: #fff;
    background-color: #7DBF1D;
    display: inline-block;
}

.met_newlist_tou p.met_time {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

.met_newlist_tou p.met_time span {
    float: right;
    margin-left: 10px;
    color: #7DBF1D
}

/*产品模块*/
#productlist {
    padding: 15px 10px;
}

#productlist li {
    float: left;
    text-align: center;
    width: 272px;
    overflow: hidden;
    margin: 0 7px 10px 0;
}

#productlist li a.img {
    display: block;
    text-align: center;
    font-size: 0px;
    border: #d7d7d7 1px solid;
    padding: 5px;
}

#productlist li a.img:hover {
    border: #7DBF1D 1px solid;
}

#productlist li a.img img {
    margin: auto;
    width: 100%;
    height: 242px;
}

#productlist li h3 {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    font-weight: normal;
}

#showproduct {
    padding: 15px;
}

#showproduct h1.title {
    font-size: 18px;
    padding: 5px 0px;
    margin-bottom: 5px;
}

#showproduct .pshow dt {
    float: left;
}

#showproduct .pshow dd {
    float: right;
}

#showproduct .pshow dd ul {
    margin-left: 15px;
}

#showproduct .pshow dd li {
    padding: 5px 5px 5px 45px;
    min-height: 28px;
    _height: 28px;
    margin: 5px 0px;
    clear: both;
    border-bottom: 1px solid #eee;
    position: relative;
    line-height: 2;
}

#showproduct .pshow dd li span {
    position: absolute;
    left: 0px;
    top: 0px;
    color: #999;
    padding: 5px;
    height: 28px;
}

#showproduct .ctitle {
    margin: 15px 0px 10px;
    padding: 5px 20px;
    font-size: 14px;
    border-bottom: 1px dotted #ccc;
}

#showproduct .editor {
    line-height: 2;
    padding: 0px;
    font-size: 14px;
}

/*图片模块*/
#imglist {
    padding: 15px 10px;
}

#imglist li {
    float: left;
    display: inline;
    text-align: center;
}

#imglist li a.img {
    font-size: 0px;
    display: block;
}

#imglist li a.img img {
    margin: auto;
    border: 1px solid #ccc;
}

#imglist li h3 {
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    font-weight: normal;
}

#showimg {
    padding: 15px;
}

#showimg h1.title {
    font-size: 18px;
    padding: 5px 0px;
    margin-bottom: 10px;
    text-align: center;
}

#showimg .imgshow {
    text-align: center;
}

#showimg .editor {
    line-height: 2;
    padding: 0px 10px;
    font-size: 14px;
}

.imgparalist li {
    padding: 3px 15px 3px;
}

.imgparalist li span {
    float: left;
    margin-right: 10px;
    color: #999;
}

#showimg .ctitle {
    margin: 10px 0px 10px;
    padding: 5px 0px;
    font-size: 18px;
    color: #7DBF1D;
    border-bottom: 1px dotted #666;
}

/*友情链接*/
#linklist {
    padding: 15px 15px 25px;
}

#linklist .ctitle {
    margin: 10px 0px 10px;
    padding: 5px 20px;
    *background-position: left 17px;
    font-size: 14px;
    border-bottom: 1px dotted #ccc;
}

#linklist .inside {
    padding: 15px 0px 0px;
}

#linklist .metlist .img li {
    list-style: none;
    display: inline;
    padding-right: 5px;
}

#linklist .metlist .img img {
    width: 88px;
    height: 31px;
}

#linklist .metlist .txt li {
    list-style: none;
    float: left;
    width: 88px;
    height: 20px;
    line-height: 20px;
    margin-right: 5px;
    overflow: hidden;
}

#linksubmit {
    padding: 15px;
}

#linksubmit table {
    margin: 0px auto;
}

#memberbox {
    padding: 15px;
}

/*网站地图*/
#sitemaplist {
    padding: 15px;
}

#sitemaplist .sitemapclass {
    padding: 5px 0px;
}

#sitemaplist .sitemapclass1 {
    display: block;
    height: 28px;
    line-height: 28px;
    margin-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

#sitemaplist .sitemapclass1 a {
    padding: 5px 10px;
    background: #eee;
}

#sitemaplist .sitemapclass2 {
    padding-left: 15px;
    padding-top: 3px;
}

#sitemaplist .sitemapclass2 h3 {
    padding: 2px 8px;
}

#sitemaplist .sitemapclass2 h3 a {
    color: #444;
}

#sitemaplist .sitemapclass2 div {
    padding-left: 2px;
}

#sitemaplist .sitemapclass2 h4 {
    display: inline;
    padding: 2px 6px;
}

#sitemaplist .sitemapclass2 h4 a {
    text-decoration: underline;
    color: #7DBF1D;
}

/*翻页样式*/
.metpager_1 {
    text-align: center;
}

.metpager_2 {
    text-align: center;
}

.metpager_3 {
    text-align: center;
}

.digg4 {
    padding: 3px;
    margin: 3px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.digg4 a,
.digg4 span.miy {
    margin: 2px;
    text-decoration: none;
}

.digg4 .disabledfy {
    font-family: Tahoma, Verdana;
}

.metpager_4 a,
.metpager_4 span.miy {
    border: 1px solid #aaaadd;
    padding: 2px 5px 2px 5px;
    color: #7DBF1D;
}

.metpager_4 a:hover {
    border: 1px solid #7DBF1D;
    color: #000;
}

.metpager_4 a:active {
    border: 1px solid #7DBF1D;
    color: #000;
}

.metpager_4 span.current {
    border: 1px solid #7DBF1D;
    background-color: #7DBF1D;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #FFFFFF;
    text-decoration: none;
}

.metpager_4 span.disabled {
    border: 1px solid #eee;
    padding: 2px 5px 2px 5px;
    margin: 2px;
    color: #ddd;
}

.metpager_5 a,
.metpager_5 span.miy {
    border: 1px solid #ccdbe4;
    padding: 2px 8px 2px 8px;
    color: #7DBF1D;
}

.metpager_5 a:hover {
    border: 1px solid #7DBF1D;
    color: #fff;
    background-color: #7DBF1D;
}

.metpager_5 a:active {
    border: 1px solid #7DBF1D;
    color: #000;
}

.metpager_5 span.current {
    padding: 2px 8px 2px 8px;
    margin: 2px;
    color: #000;
    text-decoration: none;
}

.metpager_5 span.disabled {
    border: 1px solid #ccdbe4;
    padding: 2px 8px 2px 8px;
    margin: 2px;
    color: #ddd;
}

html,body{ font:16px/1.8 'microsoft yahei',tahoma,verdana,'simsun'; color:#2c2c2c;  -webkit-text-size-adjust:none;}
a{ color:#2c2c2c; text-decoration:none;}
body{ background-color:#fff;}
a:hover{ color:#7DBF1D; text-decoration:none;}
li,ul{ list-style-type:none}
.lf{ float:left;}
.ri{ float:right;}
.met_fr{ float:right;}
.met_fl{ float:left}
.ptp{ padding-top:20px;}
.br-bg{ background-color:#fff;}
.editor img{ max-width:100%;}
.clearfix::after {
    content: ".";
    clear: both;display: block;
    overflow: hidden;font-size: 0;
    height: 0; }
.clearfix {
    zoom: 1;
}
/*头部*/
.inner{ width:1200px; margin:0 auto; position:relative; clear:both}
.met_inner{ width:1200px; margin:0 auto; position:relative }
.toptexbox{ height:50px;line-height:50px; background:#f8f8f8;font-size:16px; overflow:hidden; }
.toptexbox .lefttex{ float:left;  }
.toptexbox .righttex span{ padding-left:5px; padding-right:5px;}

.toptexbox .righttex{ float:right;}
.toptexbox .righttex font{ color:#000}
.toptexbox .righttex a img{ vertical-align:middle;  }

.logobox{ overflow:hidden; position:relative; background-color:#fff; }
.logobox .tel{color:#595959; line-height:150%; font-size:17px; float:right; position:absolute; text-align:left; width:270px; right:0px; top:10px;}
.logobox .tel span{ color:#7DBF1D; font-size:25px; font-weight:bold;}
.logobox .tel i{ float:left; margin-right:10px;font-size: 52px;color: #7DBF1D;}
.bdsharebuttonbox{ display:inline;font-size:16px; float:left;  margin-top:10px;}
.bdsharebuttonbox a.bds_more{ font-size:16px; }
header{zoom:1;}
.top-nav{position:absolute;top:8px; height:60px; z-index:1; text-align:right; width:100%; right:0px;}
.top-nav li.b{ position:absolute; bottom:0px; right:0px;}
.top-nav li.t span{ padding:0px 5px; font-size:10px;}
.top-logo img{
    max-height: 120px;
    max-width: 650px;
}
.bannl{ height:650px;}
.bannl .tbd{ width:100%; height:650px; overflow:hidden;}
.bannl .tbd .ddtu{ width:100%; height:650px;}
nav{background-color:#7DBF1D;}
nav .inner{z-index:999999;}
nav ul{zoom:1;}
nav li{ float:left;width: 12.5%;line-height:60px; text-align:center;white-space:nowrap; position:relative;z-index:999999;}
nav li:hover dl{display: block;}
nav li.line{ padding:0px;}
.list3 a.nav{color:#fff;}
nav li a.nav{ font-size:20px; color:#fff; display:block;}
nav li.navdown a.nav,nav li.hover a.nav{  color:#fff;}
nav dl{ display:none; position:absolute;z-index:999999; text-align:left; background:#efefef; border:1px solid #ccc; border:none; padding:10px 0px;left:0px;top:60px;width: 150px;text-align: center;}
*html nav  dl{ border:none;}
*+html nav  dl{ border:none;}
nav dl dd{ height:30px; line-height:30px;overflow:hidden; padding:0px 10px;}
nav dl dd a{ font-size:16px;display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
nav dl.nav-pro dd{ float:left; background:none; height:auto; padding:0px;}
nav dl.nav-pro dd a{ padding-left:30px; font-size:15px;}
nav dl.nav-pro dd p{ white-space:normal; padding-top:5px;}
nav dl.nav-pro dd p a{ display:block; font-weight:normal; font-size:12px; line-height:2;}
.met_flash{ margin-top:10px; font-size:0px; overflow:hidden;}
.met_flash ul{ margin:0px; padding:0px;}
/*关键词布局*/
.sousbox{ height:40px; padding:15px 0;  background-color:#f4f4f4; font-size:18px;}
.sousbox .ssleft{padding-right:5px;height:40px; line-height:40px; float:left;}
.sousbox .sskey{ width:680px; height:40px; line-height:40px; float:left; overflow:hidden;font-size: 16px;color: #7DBF1D;font-weight: bold}
.sousbox .ssright{ width:372px; float:right;}
.sousbox .memberName1{ width:284px; height:38px; color:#747474; padding-left:5px; padding-right:5px; float:left; background:none; border:#626262 1px solid; border-radius:5px; outline:medium; line-height:38px; }
.sousbox .tijiao1{ width:70px; height:40px; float:right;text-align:center; color:#FFFFFF;border:none;outline:medium; cursor:pointer}
.met_f20{ font-size:20px;}
/*公众大标题*/
.met_title{ text-align:center; clear:both; padding:25px 0; line-height:1.5; display:block; font-size:20px; }
.met_title h3{ font-size:36px;color:#7DBF1D;}
.met_title h3#met_yy{text-shadow:2px 2px 2px #3f3f3f;}
.met_title h3 a{color:#7DBF1D;}
.met_psc_t::before{ content:'————'; color:#cecece; margin-right:10px;}
.met_psc_t::after{ content:'————'; color:#cecece; margin-left:10px;}
.met_mt20{ margin-top:20px;}
#met_title2{ border-bottom:#7DBF1D 2px solid; line-height:58px; padding-left:18px; height:58px; margin-bottom:16px; overflow:hidden; padding-top:10px; font-size:24px;}
#met_title2 .met_en{ font-size:20px; color:#6f6f6f}
#met_title2 a.met_more{ color:#7f7f7f; font-size:20px; float:right;  margin:0px;}
.met_c2{ color:#7DBF1D}
.met_p_box1{ background-color:#fff; padding:20px 0;}
.met_p_title{ border-bottom:#bdbdbd 2px solid; position:relative; color:#7DBF1D; display:block; margin-bottom:14px; font-size:20px;}
.met_p_title span{ border-bottom:#7DBF1D 2px solid; margin-bottom:-2px; padding:5px 0; display:inline-block;}
.met_more{ float:right; margin-top:5px; color:#7DBF1D; font-size:18px;}
.met_pro_left{ width:300px; overflow:hidden; background-color:#f4f4f4}
.met_h3_title{background-color: #7DBF1D; height:120px; line-height:1.3; box-sizing:border-box; padding-top:30px; overflow:hidden; margin-bottom:15px; font-size:30px; text-align:center; position:relative; color:#fff;}
.met_h3_title a{ color:#fff; display:block}
.met_h3_title a span{ float:right;}
.met_h3_title .met_en{ font-size:18px; display:block}
.met_h3_title  span.met_sc{
    display:block;
    width:0;
    height:0;
    border-width:15px;
    border-style: solid;
    border-color: #7DBF1D transparent transparent transparent;
    position:absolute; bottom:-30px; font-size:12px;
    left:50%;/* 三角形居中显示 */
    margin-left:-15px;/* 三角形居中显示 */
}

.met_h3_title p{ font-size:18px; text-align:center;}
.met_pro_left_ul{ margin:0 30px; padding:30px 0;}
.met_pro_left_ul li{ height:70px; border-bottom:#ccc 1px dashed; padding:0 10px; margin:10px 0; line-height:70px;overflow:hidden; color:#7DBF1D}
.met_pro_left_ul li a{ color:#7DBF1D; display:block}
.met_pro_left_ul li span{ float:right;}
.met_pro_left_ul li a{ margin:0px;}
.met_left_tel{ padding:30px 0; font-size:24px; line-height:1.6; text-align:center; background-color:#7DBF1D; color:#fff;}
.menu_list{ padding:20px 34px;}
.menu_head{height:40px;line-height:40px; margin-bottom:25px;font-size:20px; padding-left:25px; padding-right:44px;color:#000000;cursor:pointer; border-radius:5px;position:relative;background:#d3d3d3}
/*钢琴分类*/
.menu_list_01{ padding:20px 34px 28px 34px;}
.menu_list_01 p{height:40px;line-height:40px; margin-bottom:25px;font-size:20px; padding-left:25px; padding-right:44px;color:#000000;cursor:pointer; border-radius:5px;position:relative;background:#d3d3d3}
.menu_list_01 p i{position: absolute;right: 25px;top:10px;color: #7DBF1D;}
.menu_list_01 p a{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.menu_list .current{background:#d3d3d3 url(../../images/d_ico.png) 195px center no-repeat; }
.menu_list .current a{ color:#7DBF1D;}
.menu_body{overflow:hidden;line-height:38px; padding:10px 20px;}
.menu_body a{display:block;height:38px;line-height:38px; display:block;padding-left:20px;color:#4d4d4d; font-size:16px;}
.met_i_r{ width:880px; overflow:hidden}
.met_pro{ overflow:hidden;}
.met_pro li{ float:left; width:275px; overflow:hidden; margin:0 8px 10px 8px; font-size:18px; text-align:center;}
.met_pro img{ width:100%; height: 243px; display:block;transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
.met_pro li .img{ display:block;  overflow:hidden; width:263px; text-align:center; border:#d7d7d7 1px solid; padding:5px; }
.met_pro li:hover .img{ display:block; text-align:center;}
.met_pro li:hover img{transform: scale(1.1);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.1);  }
.met_pro li h3{ line-height:40px; height:40px; color:#1f1f1f; overflow:hidden; font-weight:normal}
.met_f48{ font-size:48px;}
.met_f24{ font-size:24px;}
.met_c4{ color:#7DBF1D}
.met_ag_txt{ line-height:2.1; padding-left:408px; padding-top:90px;}
.met_w240 strong{ font-size:30px; display:block;}
.met_box1{ padding:20px 0; box-sizing:border-box; overflow:hidden;height:1385px;}
.met_t_tel{ width:300px; line-height:1.3; text-align:left; overflow:hidden; float:right; margin-right:60px; margin-top:60px; font-size:27px; color:#7DBF1D;}
.met_t_tel img{ position:relative; float:left; margin-right:10px;}
.met_t_tel2{ clear:both;line-height:1.3; text-align:left; overflow:hidden;font-size:20px; margin-top:25px; color:#7DBF1D;}
.met_t_tel2 img{ position:relative; float:left; margin-right:10px; width:50px;}
div.met_yl_dl{ font-size:18px; }
#met_ly_dt{ position:relative; min-height:68px; margin-top:25px; margin-bottom:15px;}
#met_ly_dt img{ position:relative; left:0px; float:left;}
#met_ly_dt h3{ line-height:67px; border-bottom:#433d3c 1px solid; height:67px;  margin-left:80px; font-size:24px; color:#000000;}
#met_mt25{ margin-top:25px;}
.met_yl_dl_w1
{ width:560px; overflow:hidden;}
.met_yl_dl_w2{ width:646px; overflow:hidden;}
.met_dl_t{ padding-top:50px;}
.met_ly_p{ line-height:1.6;}
.met_ly_p p{padding-left:15px; display:block}
.met_yl_li{ width:1206px; margin:0 auto; padding-top:20px; position:relative; clear:both; font-size:20px;  }
#met_ps_mt1{ margin-top:-60px; z-index:333;}
#met_ps_mt2{ margin-top:-60px; z-index:333;}
.met_h30{ clear:both; height:30px;}
.met_i_title{ text-align:center; padding:15px 0; clear:both; display:block }
.met_i_title::before{ content:'——'; font-size:30px;padding-right:8px; position:relative; top:-20px; color:#7DBF1D;}
.met_i_title::after{ content:'——'; font-size:30px; padding-left:8px;position:relative;  color:#7DBF1D;top:-20px;}
/*工程案例*/
.met_case_box{ padding:10px 0;}
.met_case_ul{ padding-top: 15px; padding-bottom:0px; }
.met_case_ul li{ width:292px; float:left; position:relative; text-align:center; margin:0 4px; margin-bottom:15px;}
.met_case_ul img{ display:block;}
.met_case_ul p{ position:absolute; width:100%; box-sizing:border-box; padding:0 10px; bottom:0px; height:40px; line-height:40px; color:#fff; background-color:rgba(0,0,0,0.6); filter:alpha(opacity=360);}
a.met_c_more{ clear: both; color: #fff; margin: 5px auto 20px auto;  display: block; border-radius: 5px; padding: 8px 0; width:1200px; background:#7DBF1D;  text-align: center; }
.met_scrollbox_pro{ float:right;width:267px;height:445px; position:relative; overflow:hidden; }
.met_scrollbox_pro #arrLeft_pro,.met_scrollbox_pro #arrRight_pro{ width:33px; z-index:333; top:396px; height:33px; overflow:hidden;}
.met_scrollbox_pro #arrLeft_pro{ left:0px; position:absolute; }
.met_scrollbox_pro #arrRight_pro{ right:0px; position:absolute;}
#scrollbox_pro ul {overflow:hidden;}
#scrollbox_pro{ width:267px;height:380px;float:left; overflow:hidden}
#scrollbox_pro ul LI {float:left; width:267px; height:380px; position:relative;  text-align:center; overflow:hidden;}
#scrollbox_pro ul LI img{ display:block; box-sizing:border-box; border:#433d3c 1px solid;}
#scrollbox_pro ul LI p{ padding:0 40px; display:block;  text-align:center; line-height:60px; height:60px; font-size:20px; overflow:hidden; }
/*首页简介*/
.met_about_bck{ background-color:#f2f2f2; clear:both; padding: 35px 25px; margin-bottom:24px;  }
.met_about{ width:100%; overflow:hidden; }
.met_about_t{ font-size: 24px; color:#7DBF1D; padding-bottom: 5px; line-height:60px; height:60px; }
.met_about_t a{color:#7DBF1D;}
.met_about_t .met_en{ color:#303030; font-size:18px;}
.met_about_m{ font-size:18px; line-height:1.8;}
.met_about_m .met_about_a{
    width: 40%;
    display: block;
}
.met_about_m img{ float:left; margin-right:20px;width: 100%}
.met_about_m h3{ color:#5c5c5c; font-size:24px; padding-top:10px; padding-bottom:10px;}
.met_video{ width:500px; height:370px; overflow:hidden}

/*选显卡*/
.tabox{ position:relative; clear:both; padding-top:30px;z-index:0; width:100%;  }
.tabox .hd{ width:100%;height:40px; position:relative; z-index:666; margin-bottom:20px; text-align:center;}


.tabox .hd li{ padding:0 30px; height:40px; line-height:40px;margin:0 10px; display:inline-block; color:#000; background-color:#fff; border:#5f5f5f 1px solid; font-size:20px; text-align:center; cursor:default;}

.tabox .hd li.on{ background-color:#7DBF1D;color:#fff;border:#7DBF1D 1px solid;}
.tabox .bd{ width:100%; clear:both; }
.tabox .lh{clear:both;overflow:hidden;}

/*客户见证*/
.met_scrollbox_ry{  clear:both;width:1280px;position:relative; overflow:hidden; margin:0 auto; padding-top:15px; }
.met_scrollbox_ry #arrLeft_ry,.met_scrollbox_ry #arrRight_ry{ width:33px; z-index:333; top:117px; height:36px; overflow:hidden;}
.met_scrollbox_ry #arrLeft_ry{ left:0px; position:absolute; }
.met_scrollbox_ry #arrRight_ry{ right:0px; position:absolute;}
#scrollbox_ry ul {overflow:hidden;}
#scrollbox_ry{ width:1200px;float:left; margin-left:40px;  overflow:hidden}
#met_rongyu li {float:left; width:290px; height:270px; position:relative; margin:5px; text-align:center; overflow:hidden;border: #d7d7d7 1px solid;box-sizing: border-box;}
#met_rongyu li img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;width: 100%;height: 270px;}
#met_rongyu li a:hover img{
    transform: scale(1.08);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.08);}

#met_rongyu li p{ position:absolute; bottom:0px;right:0; width:100%; box-sizing:border-box; padding:0 10px; color:#fff; text-align:center; line-height:42px; height:42px; font-size:20px;background-color:rgba(17,17,17,0.6);filter:alpha(opacity=60);overflow:hidden; }

/*客户见证*/
.met_scrollbox_fc{  clear:both;width:1280px;height:268px; position:relative; overflow:hidden; margin:0 auto; }
.met_scrollbox_fc #arrLeft_fc,.met_scrollbox_fc #arrRight_fc{ width:33px; z-index:333; top:117px; height:36px; overflow:hidden;}
.met_scrollbox_fc #arrLeft_fc{ left:0px; position:absolute; }
.met_scrollbox_fc #arrRight_fc{ right:0px; position:absolute;}
#scrollbox_fc ul {overflow:hidden;}
#scrollbox_fc{ width:1200px;height:268px;float:left; margin-left:40px;  overflow:hidden}
#met_rongyu_02 li {float:left; width:190px; height:268px; position:relative; margin:0 5px; text-align:center; overflow:hidden;}
#met_rongyu_02 li img{transition:all .5s;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s}
#met_rongyu_02 li a:hover img{
    transform: scale(1.08);
    transition: all 1s ease 0s;
    -webkit-transform: scale(1.08);  }
#met_rongyu_02 li p{ position:absolute; bottom:0px; width:100%; box-sizing:border-box; padding:0 10px; color:#fff; text-align:center; line-height:42px; height:42px; font-size:20px;background-color:rgba(17,17,17,0.6); filter:alpha(opacity=60);overflow:hidden; }
/*新闻选项卡*/
/*首页新闻*/
.tabox_new{ width:48%;margin-right: 4%; overflow:hidden;box-sizing: border-box;}
.tabox_new:last-of-type{margin-right: 0;}
.tabox_new .hd{ width:100%; text-align:center; height:60px; font-size:24px; background-color:#fff}
.tabox_new .hd li{line-height:60px; width:33.2%; height:60px; float:left; border-bottom:#b8b8b8 1px solid; border-right:#b8b8b8 1px solid; color:#1c1c1c;  text-align:center; cursor:default;}
.tabox_new .hd li.on{ color:#7DBF1D; border-bottom:#7DBF1D 1px solid; }
.tabox_new .hd li.last{ border-right:none;}
.tabox_new .bd{ margin:0 auto; padding:20px 20px 0 20px;}
.tabox_new .lh{clear:both; margin:0 auto; position:relative;}
.met_new_tou{  height:180px; margin-bottom:10px; width:100%; overflow:hidden; position:relative; }
.met_new_tou img{ float:left; border:#b8b8b8 1px solid; box-sizing:border-box; overflow:hidden;width: 200px;height: 180px;}
.met_new_tou div{  z-index:333; width:360px; float:right;}
.met_new_tou h3{ font-size:22px; font-weight:normal; color:#333333; line-height:30px; height:30px; margin-bottom:10px; overflow:hidden;}
.met_new_tou h3:hover{color: #7DBF1D;}
.met_new_tou p.info{ height:100px;  margin-bottom:10px; line-height:1.5; overflow:hidden; color:#787878; font-size:16px;}
.met_new_tou a.more{ border-radius:5px; padding:2px 10px; text-align:center; color:#fff; background-color:#7DBF1D; display:inline-block;}
.met_new_tou p.met_time{ height:30px; line-height:30px; overflow:hidden;}
.met_new_tou p.met_time span{ margin-left:10px; color:#7DBF1D}
.met_new_tou p.met_time a{ color:#fff; background-color:#7DBF1D; border-radius:4px; padding:0 10px; line-height:30px; height:30px; float:right;}
.met_new_ul{ clear:both; width:100%;}
.met_new_ul li{ line-height:40px; height:40px; display:block; overflow:hidden; }
.met_new_ul li .met_time{ float:right}
.met_new_ul .met_new_ico{ width:10px; height:10px; display:inline-block!important; border-radius:50%; background-color:#3e3e3e; margin-right:10px;}
.met_new_ul li:hover .met_new_ico{ background-color:#7DBF1D; margin-right:10px;}
/*首页常见问题*/
.met_wenti{ width:500px;overflow:hidden;}
.met_cj_title{ display:block; height:60px; line-height:60px; background-color:#e8e8e8; margin-bottom:20px; color:#3e3e3e; font-weight:normal; font-size:24px;}
.met_cj_title span{ overflow:hidden;display:inline-block!important; background-color:#7DBF1D; color:#fff; padding:0 60px;}
.met_cj_title  a.met_more{ float:right; margin-top:0px; margin-right:10px; color:#3e3e3e}
/*定时滚动新闻*/
#up_zzjs{ width:100%;height:380px; margin:0 auto;overflow:hidden;}
#up_zzjs #up_li{ display:block; height:105px; border-bottom:#7DBF1D 1px dashed; padding-bottom:20px; margin-bottom:20px;overflow:hidden;}
/*系统支持ie8就选line-height:16px;，但不支持opera 否则选line-height:20px;*/
#up_li h3{ height:32px; line-height:32px; overflow:hidden; font-weight:normal; margin-bottom:10px; font-size:20px;}
.met_da_ico{ background-color:#7DBF1D; display:inline-block!important; position:absolute; left:0px; top:0px;color:#fff; font-size:20px; text-align:center; width:32px; height:32px }
#up_li .met_info{ height:70px;  overflow:hidden; line-height:1.2; position:relative}
#up_li .met_info .met_info2{ position:relative; color:#272727; top:0px; padding-left:40px; float:left; font-size:16px;}
/*新闻模块置顶新闻*/
.met_list_tou{ clear:both; display:block; position:relative; width:100%; margin-bottom:15px; overflow:hidden;}
.met_list_tou dt{ width:300px; overflow:hidden; position:absolute; z-index:333}
.met_list_tou dd{ position:relative; padding-left:320px;}
.met_list_tou dd h3{ font-size:20px; height:40px; line-height:40px; overflow:hidden; color:#1a1a1a;}
.met_list_tou dd p.info{ color:#878787; height:110px;  overflow:hidden; font-size:16px;}
.met_list_tou dd p.met_time{ color:#ababab;}
.met_list_tou dd p.met_time a{ width:108px; display:inline-block; height:28px; line-height:28px; position:absolute; right:0px; text-align:center; color:#fff; font-size:14px; background-color:#7DBF1D;}
.met_list_tou img{ width:100%; height:auto;}
.met_dt{ position:absolute; height:40px; line-height:40px; font-size:16px; padding:0 20px; bottom:15px;background-color:rgba(0,0,0,0.6); filter:alpha(opacity=60); color:#fff; text-align:left; display:none; width:100%;}
.met_list_tou dt:hover .met_dt{ display:block}

/*门店列表*/
.met_mendian{ border-collapse:collapse; width:100%;}
.met_mendian td{ padding:8px; border:#ccc 1px solid; width:25%;}
#met_bth{ font-size:18px; font-weight:bold}
.met_mendian tr{ font-size:16px; padding:5px 0;}
/*首页*/
.p-d{ padding:15px 0px;}
.index .mlf{ width:580px; position:relative;}
.index .mri{ width:398px;}
.index .src-ico{ display:block; width:47px; height:48px;overflow:hidden; position:absolute;left:-8px;top:-8px; z-index:1;}
.index .pd-w{padding:0px 20px; position:relative;z-index:2;}
.index .pronav-srh{ width:243px;padding-right:25px;}
*html .index .pronav-srh{ position:relative;z-index:2;}
.index .news{ width:248px; overflow:hidden;}
.index h3.srhtit{ height:25px; line-height:25px; margin-bottom:20px; overflow:hidden; font-size:16px; color:#333;}
.index h3.srhtit span{ font-size:12px; color:#999; font-weight:normal; font-family:arial; padding-left:12px;}
.index .metsearch ul{ list-style:none; margin:0px; padding:0px;}
.index span.parasearch_title{ display:none;}
.index span.parasearch_input input{ float:left; display:inline; width:160px; height:34px; line-height:34px; background:none; border:1px solid #aac2cd; padding-left:5px; overflow:hidden; color:#888; font-family:microsoft yahei; font-size:14px;}
.index span.parasearch_search input.searchgo{ float:left; height:36px; background:#7DBF1D; border:1px solid #7DBF1D; padding:0px 17px; font-size:14px; color:#fff; font-weight:bold; cursor:pointer;}
*html .index span.parasearch_search input.searchgo{ margin-top:-22px; padding:0px 8px;}
*+html .index span.parasearch_search input.searchgo{ margin-top:-22px; padding:0px 8px;}
.index .pd-tp{ padding-top:20px;}
.index h3.ct-ti{ font-size:14px; color:#333; padding-bottom:3px;}
.index .category{zoom:1;}
.index .category li{ float:left; display:inline;height:24px; line-height:24px; white-space:nowrap;zoom:1;}
.index .category li a{display:inline-block;white-space:nowrap;padding:0px 5px; line-height:24px;}
.index .category li a:hover{ color:#111; background:#C7E1F7;}
h3.ti{ height:20px; line-height:20px;zoom:1; font-size:14px; color:#333; margin-bottom:8px;}
h3.ti .more{ float:right; padding-left:5px; font-weight:normal;}
.index .txtlist li{ height:28px; line-height:28px; overflow:hidden;padding-left:12px;}
.index .txtlist li a{ font-size:14px;}
.index .txtlist li span.time{ float:right; padding-left:10px;}
*html .index .txtlist li img{ margin-top:11px;}
.index .newlist{ padding:12px;}
.index .newlist h3.ti{margin-top:3px;}
.index .newlist .newtxtlst{ height:44px; margin-bottom:9px; overflow:hidden;}
.index .newlist li{ height:24px; line-height:24px;overflow:hidden; padding-left:12px;}
.index .newlist li span.time{ float:right; padding-left:10px;}
.index .newlist li a{ font-size:14px;}
#dians{float:right;padding-top:1px;}
#dians a{width:10px;height:10px;overflow:hidden;display:block;float:left;margin-left:8px;}
#dians a:hover,#dians a.active{background-position:-10px 0;}
.pro-list{margin-top:10px;}
.pro-list .profld{ margin:0px; position:relative; overflow:hidden;}
.pro-list ol{ position: absolute; width: 2012em; }
.pro-list li{float:left; display:inline; zoom:1; overflow:hidden; text-align:center;}
.pro-list li a.img{ display:block; text-align:center; font-size:0px;}
.pro-list li h3{ font-weight:normal; margin-top:5px; height:20px; line-height:20px; overflow:hidden;}
.pro-list .flip{ position:absolute;z-index:1;}
#trigger{ display:none;}
.pro-list .next,.pro-list .prev{ width:12px; height:20px; overflow:hidden; display:block;cursor:pointer;}
.pro-list .next{background-position:0px 0px; position:absolute;top:70px; left:380px;}
.pro-list .next:hover{background-position:0px -20px; }
.pro-list .prev{background-position:-12px 0px;position:absolute;top:70px;left:4px;}
.pro-list .prev:hover{ background-position:-12px -20px;}
.pro-ccc{ padding:12px 18px;}

.frlk{ padding-top:30px; font-size:22px;}
.frlk h3.lkti{ float:left; display:inline; height:25px; line-height:25px; color:#333; white-space:nowrap;}
.frlk ul li{ float:left; display:inline; margin-right:20px;}
.lk-contx{ float:left;overflow:hidden; margin-left:15px;}
.txtlk li{ height:25px;line-height:25px;white-space:nowrap;}
.imglk li a{ display:block;}
.imglk li img{ width:91px; height:40px; padding-top:5px;}

/*底部*/
footer{ background-color:#7DBF1D; color:#fff;margin-top:20px; padding:10px 0;font-size:20px;}
.foot-nav{ text-align:center; font-size:20px; line-height:35px; height:35px; display:block; padding-bottom:5px; margin-bottom:5px; overflow:hidden; border-bottom:#fff 1px solid;}
.foot-nav a{display: block;width:12.5%;float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;text-align: center;border-right: 1px solid white;box-sizing: border-box;}
.foot-nav a:last-of-type{border-right: 0;}
.foot-text{ padding-top:10px; position:relative;  padding-bottom:0px;}
footer a{ color:#fff;}
footer a:hover{ color:#fff}
#met_b_logo{ position:relative; float:left;}

.met_wx_img{ width:180px; position:absolute; right:0px; text-align:center;}
.met_wx_img img{ width:150px; display:block; border-radius:10px; margin:0 auto;}


.met_foot_ul{ width:940px; margin:0px; padding:0px;
    display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
    display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
    display: -ms-flexbox; /* TWEENER - IE 10 */
    display: -webkit-flex; /* NEW - Chrome */
    display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.met_foot_ul li{
    -webkit-box-flex: 1; /* OLD - iOS 6-, Safari 3.1-6 */
    -moz-box-flex: 1; /* OLD - Firefox 19- */

    -webkit-flex: 1; /* Chrome */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* NEW, Spec - Opera 12.1, Firefox 20+ */
    text-align:left;}
.met_foot_ul li:last-of-type{
    font-size: 16px;
}
/*网站地图*/
.ditubox{ width:100%;  padding-top:10px; padding-bottom:10px;}
.ditutm{ width:100%; height:30px; float:left; overflow:hidden; line-height:30px; font-size:14px; color:#333333;float:left}
.ditutm a{ color:#333333}

.ditumm{ width:100%; box-sizing:border-box; overflow:hidden; padding:5px; border:1px solid #CCCCCC; margin-bottom:10px;float:left}
.ditumm .lianmu{ padding-left:10px; padding-right:10px; height:30px; line-height:30px; color:#FFFFFF; font-size:16px; border:1px solid #7DBF1D; float:left}
.ditumm .lianmu a{ color:#FFFFFF}
.ditumm .lianmu a:hover{ text-decoration:underline;}

.ditilist{ width:100%; float:left; padding-top:10px;}
.ditilist a{ padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px; float:left; font-size:14px;margin-right:10px;}

/*内页侧栏*/
.sidebar{ margin-top:15px;}
.sidebar .sb_nav{ float:left; width:300px; background-color:#f4f4f4; position:relative;}


div.ti1-bg{background: #7DBF1D;  line-height:1.3; padding:15px 0; overflow:hidden; font-size:30px; text-align:center; position:relative; color:#fff;}
div.ti1-bg a{ color:#fff; display:block}
div.ti1-bg .met_en{ font-size:18px; display:block}

div.ti1-bg a{ color:#fff}
.sidebar .sb_nav h3.title1{ border:1px solid #D3E1ED; background:#FAFDFF; border-bottom:none; height:48px; line-height:48px; overflow:hidden;zoom:1;}
.sidebar .sb_nav h3.title2{ height:30px; line-height:30px; border:1px solid #D3E1ED; background:#FAFDFF; padding-left:22px; overflow:hidden; font-size:14px; color:#333;}
.sidebar .sb_nav h3.line{ margin-top:15px; }
.sidebar .sb_nav .active{background-color:#fff; padding:20px 15px;zoom:1;border: 1px solid #7DBF1D;box-sizing: border-box;}
.sidebar .sb_nav .ct-con{ padding-top:10px; color:#666;}
.sidebar .ct-con{ line-height:2; color:#333;}
.sidebar .ct-con ul,.sidebar .ct-con ol{ padding:0px 0px 0px 25px; margin:0px;}
.sidebar .ct-con a{ color:#7DBF1D; text-decoration:underline;}
#sidebar dl dt{height:40px;line-height:40px; overflow:hidden; margin-bottom:25px;font-size:20px; padding-left:25px; padding-right:44px;color:#000000;cursor:pointer; border-radius:5px;position:relative;background:#d3d3d3;}
#sidebar dl:last-of-type dt{
    margin-bottom: 0;
}
#sidebar dl dt i{position: absolute;right: 25px;top: 10px;color: #7DBF1D;}
#sidebar dl dt a{display:block}
#sidebar dl dt a:hover{color:#7DBF1D;}
#sidebar dl .list2 a{color:#7DBF1D;}
#sidebar dl dt span{ float:right}
#sidebar dl dd{ padding:0px 0px 0px 15px;}
#sidebar dl dd h4{ font-weight:normal; padding:5px 0px 5px 10px;}
#sidebar dl dt.on a{ font-weight:bold; color:#7DBF1D; }
#sidebar dl h4.on a{ font-weight:bold;}
.sidebar .sb_box{ float:right; width:880px;  overflow:hidden;}
.sidebar .sb_box h3.title{ margin:0 10px 10px 10px;  border-bottom:1px solid #b5b5b5;height:45px; line-height:45px; position:relative; overflow:hidden;}
.sidebar .sb_box h3.title span{ position:absolute; left:0px; top:-1px; font-size:20px; border-bottom:2px solid #7DBF1D; padding-right:10px; color:#7DBF1D;}
.sidebar .sb_box h3.title div.position{ float:right; font-weight:normal; font-size:14px; position:relative; top:3px; right:15px; color:#000;}
.sidebar .sb_box h3.title div.position a{ color:#666;}
.sidebar .sb_box h3.title div.position a:hover{ text-decoration:underline;}/*新闻*/
#newslist li{margin-bottom:10px; height:50px; line-height:50px; overflow:hidden; list-style-type:none; padding-left:15px; border-bottom:#949494 1px dashed;}
#newslist li p{ color:#888;}
#shownews h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #7DBF1D; margin:15px 0px 10px 0px;}
#shownews h4.related span{ float:left; display:inline; background-color:#7DBF1D; min-width:70px;_width:70px; white-space:nowrap; text-align:center; color:#fff; padding:0px 10px;}
#shownews .relatedlist li{ float:left; width:30%;  margin-right:10px; height:27px; line-height:27px; padding-left:12px;overflow:hidden; }
#shownews .relatedlist li a{ color:#474747}
*html #shownews .relatedlist li img{ margin-top:8px;}
/*产品*/
#productlist li h3{ padding-top:7px; padding-bottom:15px;}
#productlist li h3 a{ color:#000;}
#productlist li h3 a:hover{ color:#7DBF1D; text-decoration:underline;}
#showproduct h4.related{ height:30px; line-height:30px;zoom:1; border-bottom:1px solid #7DBF1D; margin:15px 0px 10px 0px;}
#showproduct h4.related span{ float:left; display:inline; background-color:#7DBF1D; color:#fff;min-width:70px;_width:70px; white-space:nowrap; padding:0px 10px; text-align:center; }
#showproduct h3.sl-ti{margin:10px 0px 10px; height:31px; border-bottom:1px solid #ccc; margin-top:13px;zoom:1;}
#showproduct h3.sl-ti a{ float:left; display:inline; cursor:pointer; min-width:60px;_width:60px; white-space:nowrap; text-align:center; height:30px; line-height:30px; background-color:#7DBF1D; color:#fff; margin-right:4px; border:1px solid #ccc; padding:0px 10px;}
#showproduct h3.sl-ti2{ clear:both; text-align:center; color:#000; line-height:1.2; font-size:30px; font-weight:normal; margin:20px 0;}
#showproduct h3.sl-ti2 .en{ color:#b0b0b0; font-size:24px;}
#showproduct h3.sl-ti2 .en::before{ content:'——'; margin-right:10px; width:120px; color:#a2a2a2; height:3px;}
#showproduct h3.sl-ti2 .en::after{  content:'——'; width:120px; color:#a2a2a2; margin-left:10px; height:3px;}
#rl-product{ position:relative; width:100%; overflow:hidden; }
#rl-product ul{position: absolute;width: 2012em;}
#rl-product li{ float:left; display:inline; zoom:1; overflow:hidden;text-align:center;}
#rl-product li a.img{ display:block; text-align:center; font-size:0px;}
#rl-product li img{ border:1px solid #ccc;}
#rl-product li h3{ margin-top:5px;}
#showproduct .flip{ position:absolute;z-index:1;}
#showproduct #trigger{ display:none;}
#showproduct .next,#showproduct .prev{ width:12px; height:20px; overflow:hidden; display:block; cursor:pointer;}
#showproduct .next{background-position:0px 0px; position:absolute;top:60px; left:710px;}
#showproduct .next:hover{background-position:0px -20px; }
#showproduct .prev{background-position:-12px 0px;position:absolute;top:60px;left:0px;}
#showproduct .prev:hover{ background-position:-12px -20px;}
*html #showproduct .prev{ left:-18px;}
*html #showproduct .next{ left:693px;}
*+html #showproduct .prev{ left:-18px;}
*+html #showproduct .next{ left:693px;}
.pordxxtopbox{ min-height:325px;_height:325px;}
.pordxxlist{width:480px; float:right; overflow:hidden;  }
.pordxxlist .biaoti{ line-height:40px; text-align:left; font-size:16px; font-weight:bold; border-bottom:1px dashed #666666}
.pordxxlist .tex{  line-height:25px; padding-bottom:10px; padding-top:10px; font-size:14px; border-bottom:1px dotted #CCCCCC}
.pordxxlist .tex strong{ padding-right:5px; color:#000000; font-size:14px}

.pordxxlist .tex2{ height:150px; line-height:30px; overflow:hidden;}
.pordxxlist .tex2 strong{ padding-right:5px; color:#000000}

.pordxxlist .tex3{ background:#7DBF1D; color:#fff; display:inline-block; margin-top:10px; font-size:16px; border-radius:5px; padding:5px 15px; text-align:center;}
*{padding:0;margin:0;}a{text-decoration:none;cursor:pointer;}.clr{clear:both;overflow:hidden;height:0;width:0;}.relative{position:relative;width:100%;}
#home_banner{
    max-width:1900px;
    margin:0 auto;
}
.maxwidth{
    width:990px;
    margin:0 auto;
}
#small_img{
    height:55px; overflow:hidden;
    position:absolute;
    top:-55px;
    width:100%;
    background:url(../../images/bnbg.png) no-repeat center 0;
}
#small_pre,#small_next,#small_imgs{
    height:104px;
    float:left;
}
#small_imgs{
    width:912px;
    overflow:hidden;
    padding-top:3px;
}
#small_imgs .item{
    float:left;
    padding:0 5px;
}
#small_imgs .item .img{
    cursor:pointer;
    width:50px;
    height:36px;
    padding:12px 3px 3px 3px;
    background:url(../../images/banner_bg.png) no-repeat center bottom;
}
#small_imgs .item .img img{
    width:50px;
    height:35px;
}
#small_imgs .item .active{
    background:url(../../images/banner_bg.png) no-repeat center bottom;
}
#footer2 {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    display: none;
}
ul.footer_nav {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    position: fixed;
    bottom: 0px;
    background-color: #7DBF1D;
    padding: 10px 0;
    z-index: 333;
}
ul.footer_nav li {
    float: left;
    width: 25%;
    text-align: center;
    list-style: none;
    line-height: 100%;
}
ul.footer_nav li:first-child {
    padding-left: 0px;
    border-left: none;
}
ul.footer_nav li a {
    color: #fff;
    text-align: center;
}
ul.footer_nav li img {
    height: 20px;
    margin: 0 auto;
    margin-bottom: 8px;
}
ul.footer_nav li span {
    margin-top: 5px;
    display: block;
}
ul.footer_nav li i{
    font-size: 26px;
}

#map {
    width: 100%;
    height: 400px;
    margin-top: 20px;
}

#map .map_img {
    width: 180px;
    float: left;
}

#map .map_contact {
    width: 50%;
    float: left;
    padding-left: 10px;
}

#map .map_contact p {
    margin: 0;
    text-indent: 0;
    line-height: 24px;
}

@font-face {
    font-family: 'icomoon';
    src:  url('../../fonts/icomoon.eot?qnifn8');
    src:  url('../../fonts/icomoon.eot?qnifn8#iefix') format('embedded-opentype'),
    url('../../fonts/icomoon.ttf?qnifn8') format('truetype'),
    url('../../fonts/icomoon.woff?qnifn8') format('woff'),
    url('../../fonts/icomoon.svg?qnifn8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-tel-phone:before {
    content: "\e901";
}
.icon-home:before {
    content: "\e900";
}
.icon-location2:before {
    content: "\e948";
}
.icon-mobile:before {
    content: "\e958";
}
.icon-circle-right:before {
    content: "\ea42";
}
.icon-command:before {
    content: "\ea4e";
}

@media screen and (max-width:768px) {
    body{
        padding-bottom: 80px;
    }
    #map .map_img {
        display: none;
    }

    #map .map_contact {
        width: 100%;
    }

    .sousbox .sskey,
    .met_inner,
    .met_scrollbox_ry,
    #scrollbox_ry,
    .inner,
    .met_pro_left,
    .met_i_r,
    .met_about_m a,
    #small_imgs,
    .maxwidth,
    .met_new_tou div,
    .sidebar .sb_nav,
    .sidebar .sb_box,
    #shownews .relatedlist li{
        width: 100%;
    }
    #footer2{
        display: block;
    }
    .logobox .tel,
    .righttex,
    nav li dl,
    .sousbox,
    .met_new_tou img,
    .met_newlist_tou img,
    footer{
        display: none;
    }
    nav li{
        width: 25%;
        line-height: 40px;
    }
    nav li a.nav{
        font-size: 14px;
    }
    .top-logo img{
        max-width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    .met_title h3{
        font-size: 22px;
    }
    .met_title{
        font-size: 18px;
    }
    .menu_list_01{
        padding: 10px;
    }
    .menu_list_01 p{
        margin-bottom: 15px;
    }
    .met_pro li{
        width: 100%;
        padding: 10px;
        margin: 0 0 8px 0;
        box-sizing: border-box;
    }
    .met_pro li .img{
        width: 100%;
        height: auto;
        box-sizing: border-box;
    }
    #scrollbox_ry{
        margin: 0;
    }
    .met_title {
        padding: 15px 0;
    }
    #met_rongyu li{
        width: 96%;
        margin: 0 2% 10px 2%;
        padding: 8px;
        height: auto;
    }
    #met_rongyu li p{
        padding: 0;
    }
    .met_about_m img{
        margin: 0;
    }
    .met_about_m{
        font-size: 14px;
    }
    .met_about_m h3{
        font-size: 18px;
    }
    .tabox_new{
        width: 96%;
        margin: 10px 2%;
    }
    .met_newlist_tou div.met_newlist_t_rl,
    .met_newlist_tou div.met_list_t_r{
        margin: 0;
    }
    video{
        width: 100% !important;
        height: auto !important;
        background-color: black;
    }
}