/*模板公用*/
body { background:url(../images/body_bg.jpg) no-repeat center top #f5f7f9;}
input,select,textarea,button,fieldset{ margin:0; padding:0; min-width:0; background-color:transparent; border:0; font-family:inherit; appearance:none;}
/*input[type="submit"],input[type="reset"],input[type="button"],button,select { -webkit-appearance:none;}*/
#endTime1 {}
/*清除浮动*/
.clearfix { *zoom:1;}
.clearfix:after { content:"";display:table;clear:both;overflow:hidden;}
a:hover { color:#ff7700;}
.uipage { width:100%; height:auto; padding-top:20px; padding-bottom:50px; background:#fff; overflow:hidden;}

.met-head { background:#fff;}
.sub-foot-info { background:#fff;}
.gm-fa { font-size:inherit; text-rendering:auto;}
.gm-fa:before,
.gm-fa:after { display:inline-block; content:''; background-image:url(/images/icon_sprites.png); background-repeat:no-repeat; vertical-align:middle; -webkit-box-sizing:inherit; -moz-box-sizing:inherit; box-sizing:inherit;}

.gm-location { width:100%; padding:10px 20px 0 20px; line-height:60px; background:#fff; overflow:hidden;}
.gm-location .bd { width:100%; height:60px; border-bottom:solid 1px #e1e1e1;}
.gm-location .bd span { font-size:18px; color:#666;font-weight: 600;}
.gm-location .bd span:before { display:inline-block; content:''; width:0; height:0; margin-right:0.5rem; border-left:0.5rem solid #999; border-top:0.5rem solid transparent; border-bottom:0.5rem solid transparent; vertical-align:middle;}

/*网站顶部*/
.topbar { width:100%; min-height:30px; background:#f5f5f5; border-bottom:solid 1px #e1e1e1; overflow:visible}
.topbar .bd { display:flex; flex-direction:row; width:100%;}
.topbar .welcome { width:100%; height:30px; line-height:30px; font-size:12px; color:#777; overflow:hidden;}
.topbar .welcome .datetime { padding:0 10px;}
.topbar .sitenav { width:100%; height:30px;}
.topbar .sitenav .sitenav-bd { display:flex; flex-direction:row; justify-content:flex-end; align-items:center; width:100%;}
.topbar .sitenav .sitenav-bd .sitenav-menu { color:#777;}
.topbar .sitenav .sitenav-bd .navpipe { padding: 0 10px; color:#ccc;}
.topbar .sitenav .sitenav-menu a { display:block; font-size:12px; color:#777;}
.topbar .sitenav .sitenav-menu .navicon { display:inline-block; width:20px; height:20px; margin-right:5px; background-image:url(../images/icon_site.png); background-repeat:no-repeat; vertical-align:middle; overflow:hidden;}
.topbar .sitenav li.login .navicon { background-position: 0 0;}
.topbar .sitenav li.bigdata .navicon { background-position: 0 -20px;}
.topbar .sitenav li.wechat .navicon { background-position: 0 -40px;}

.shopsign .site-search { width:358px; height:40px; margin:30px auto; background:url(../images/search_bg.png) no-repeat 0 0; overflow:hidden;}
.shopsign .site-search .form-group { margin:0;}
.shopsign .site-search .input-search-btn { width:40px; height:40px; padding:0; cursor:pointer; overflow:hidden;}
.shopsign .site-search .input-search-btn i { display:none;}
.shopsign .site-search .input-search-dark .form-control { width:318px; height:40px; padding:0 10px; line-height:40px; background:transparent; border:0 none; border-radius:0; overflow:hidden;}

.navbar-toggler { width:auto; height:3.715rem;}
.navbar-toggler .txt { padding:5px; font-size:12px; color:#fff; background:#282b82; border-radius:5px;}
.met-nav .web-home .nav-link i { background:url(../images/icon_nav0.png) no-repeat 0 0; vertical-align:middle;}
.navbar-nav .open .dropdown-menu { background:#fff;}
.hamburger-close.collapsed:before,
.hamburger-close.hided:before { display:none;}
.hamburger .hamburger-bar,
.hamburger:after,
.hamburger:before { display:none;}

/*网站底部*/
.met-foot-info .contact-info { display:flex; flex-direction:row; justify-content:center; width:100%; overflow:hidden;}
.met-foot-info .contact-info .lt-box { width:80px; background:url(../images/icon_contact.png) no-repeat center top; overflow:hidden;}
.met-foot-info .contact-info .rt-box { text-align:left;}
.met-foot-info .contact-info .rt-box .tel-txt { font-size:16px; color:#666;}
.met-foot-info .contact-info .rt-box .tel-number { height:30px; margin-bottom:20px; line-height:30px;}
.met-foot-info .contact-info .rt-box .tel-number a { font-size:24px; font-weight:bold; color:#333;}
.met-foot-info .contact-info .rt-box .info-txt { line-height:28px; font-size:12px; color:#666;}
.met-foot-info .contact-info .rt-box .zip-code span { padding:0 12px;}
.met-foot-info .contact-info .wechat { display:flex; flex-direction:row; width:100%; overflow:hidden;}
.met-foot-info .contact-info .wechat .wechat-txt { font-size:12px; color:#666;}
.met-foot-info .contact-info .wechat .wechat-img { display:flex; flex-direction:row; justify-content:space-between; width:134px; height:62px; margin:5px;}
.met-foot-info .contact-info .wechat .wechat-img a { display:block; width:62px; height:62px; background:url(../images/tdcode.jpg) no-repeat 0 0; overflow:hidden;}
.met-foot-info .contact-info .wechat .wechat-img i { display:block; width:100%; height:100%; background:url(../images/tdcode.jpg) no-repeat 0 0; overflow:hidden;}

/*友情链接*/
.met-link .bd { display:flex; flex-direction:row; width:100%; overflow:hidden;}
.met-link .bd .footlink-title { width:80px; line-height:30px; font-size:12px; font-weight:bold; color:#333; text-align:left;}
.met-link .bd .link-img { flex:1; margin:0; padding:0;}
.copy { width:100%; background:#333;color:#aaa;font-size:12px;}
.copy a {color:#aaa;}
.copy a:hover {color:#21a3fe;}

.met-banner-ny { position:relative; width:100%; height:auto;}
.met-banner-ny .column-bg { position:absolute; left:0; top:0; width:100%; height:1000px; background:url(../images/news_column_bg.jpg) no-repeat 0 0; overflow:hidden;}
.met-banner-ny .column-bg-2 { background:url(../images/news_column_bg.jpg) no-repeat 0 0;}

.met-column-nav { position:relative;}


/*网站首页*/
.fixture { height:56px; line-height:60px; margin:0 15px; border-bottom:solid 1px #e1e1e1; overflow:hidden;}
.fixture .title { float:left; font-family:"微软雅黑"; font-size:16px; font-weight:bold; color:#282b82;}
.fixture .more { position:relative; z-index:20; float:right; font-family:"微软雅黑"; font-size:14px; font-weight:normal; color:#21a3fe;}
.fixture .more:hover { text-decoration:underline;}

.gm-tabs-nav { position:absolute; left:0; top:0; z-index:10; width:100%; height:56px; padding-left:8rem; line-height:56px; border:none;}
.gm-tabs-nav ul { display:flex; flex-direction:row; height:56px;}
.gm-tabs-nav ul li { width:80px; margin:0 10px; font-size:14px; color:#333; cursor:pointer; text-align:center;}
.gm-tabs-nav .active { font-weight:bold; color:#ff7700; border-bottom:solid 2px #ff7700;}

.gm-list { width:100%; padding:0 15px; overflow:hidden;}
.gm-list li { width:100%; height:30px; line-height:30px; overflow:hidden;}
.gm-list li .fa { float:left; padding-top:8px; color:#c4c4c4;}
.gm-list li .news-txt { display:block; width:75%; height:30px; float:left; font-size:14px; font-weight:normal; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gm-list li .news-txt.hot { color:#ff0000;}
.gm-list li .news-time { float:right; font-size:12px; font-weight:normal; color:#c4c4c4;}
.gm-list li.special { height:120px; margin-bottom:10px; background:#f6f8f9;}
.gm-list li.special h4 { height:40px; padding:0 3px; line-height:40px; overflow:hidden;}
.gm-list li.special h4 a { font-size:16px; font-weight:bold; color:#333;}
.gm-list li.special .des { height:72px; padding:0 8px; line-height:24px; font-size:14px; color:#8c8b8b; overflow:hidden;}
.gm-list li.special h4 a:hover,
.gm-list li .news-txt:hover { color:#ff7700;}

.screen-outer { width:100%; margin-bottom:20px; overflow:hidden;}
.screen-outer .index-promo,
.screen-outer .index-hotnews,
.screen-outer .index-notice { overflow:hidden;}

.screen-outer .index-promo img { display:block; width:100%; height:auto;}
.screen-outer .hotnews-list { width:100%; height:300px; overflow:hidden;}
.screen-outer .index-notice .notice-list { width:100%; height:215px;}
.screen-outer .index-notice .notice-list .gm-list { padding:5px 15px;}
.screen-outer .index-notice .btn-link { display:flex; flex-direction:row; justify-content:space-between; width:100%; height:70px; margin-top:15px; padding:0 10px; overflow:hidden;}
.screen-outer .index-notice .btn-link a { display:block; width:48%; height:70px; line-height:70px; font-size:14px; font-weight:normal; color:#fff; border-radius:5px; text-align:center; overflow:hidden;}
.screen-outer .index-notice .btn-link a.login { background:#ff9a41;}
.screen-outer .index-notice .btn-link a.login:before { width:32px; height:32px; margin-right:5px; background-position:0 0;}
.screen-outer .index-notice .btn-link a.bigdata { background:#5558b1;}
.screen-outer .index-notice .btn-link a.bigdata:before { width:32px; height:32px; margin-right:5px; background-position:0 -32px;}
.screen-outer .index-notice .btn-link a:hover { opacity:0.9;}

.index_jgzs{color:#333;}

.jgzs_nytb{width:100%;height:600px;margin:0 auto}

/*成交信息*/
.met-index-trade { margin-bottom:20px;}
.met-index-trade .lt-wrap { height:400px;}
.met-index-trade .rt-wrap { height:400px;}
.met-index-trade .trade-list-title { width:100%; height:36px; padding:0 15px; overflow:hidden;}
.met-index-trade .trade-list-title ul { display:flex; flex-direction:row; width:100%; height:36px; background:#f6f8f9; }
.met-index-trade .trade-list-title ul li { float:left; height:36px; line-height:36px; font-size:14px; font-weight:normal; color:#333; text-align:center; overflow:hidden;}
.met-index-trade .trade-list-main { width:100%; height:288px; padding:0 15px; overflow:hidden;}
.met-index-trade .trade-list-main ul { width:100%; overflow:hidden;}
.met-index-trade .trade-list-main li { display:flex; flex-direction:row; justify-content:space-between; width:100%; height:36px; border-bottom:solid 1px #dcdcdc; overflow:hidden;}
.met-index-trade .trade-list-main li:last-child { border-bottom:none;}
.met-index-trade .trade-list-main li:hover { background:#d7efff;}
.met-index-trade .trade-list-main li span { display:flex; justify-content:center; align-items:center; line-height:18px; font-size:14px; font-weight:normal; color:#333; text-align:center; overflow:hidden; word-break:break-all; /*white-space:nowrap;*/}
.met-index-trade .td-wd12 { width:12%;}
.met-index-trade .td-wd13 { width:13%;}
.met-index-trade .td-wd15 { width:15%;}
.met-index-trade .td-wd17 { width:17%;}
.met-index-trade .td-wd20 { width:20%;}
.met-index-trade .gm-tabs-content { width:100%; height:285px; overflow:hidden;}

/*首页现货价格LNG厂价格图表*/
.met-index-trade .diy-price-code { height:342px; min-height:342px; overflow:hidden;}
.met-index-trade .diy-price-code .top-txt { padding:0 15px; overflow:hidden;}
.met-index-trade .diy-price-code .top-txt span { display:block; height:92px; padding:10px; line-height:24px; font-size:14px; font-weight:normal; color:#333; text-indent:2em; background:#f6f8f9;}
.met-index-trade .diy-price-code .code-content { height:250px; overflow:hidden;}

.met-index-price .diy-price-code { overflow:hidden;height:370px;}


.met-index-trade .trade-query { padding:38px 25px;}
.met-index-trade .trade-query .fm-section { height:32px; padding-left:70px; margin-bottom:20px;}
.met-index-trade .trade-query .fm-label { float:left; width:70px; height:32px; margin-left:-70px; line-height:32px; font-size:14px; font-weight:normal; color:#333; text-align:left; overflow:hidden;}
.met-index-trade .trade-query .fm-control { width:100%; display:flex; flex-direction:row; align-items:center;}
.met-index-trade .trade-query .fm-control .tds { display:inline-block;}
.met-index-trade .trade-query .fm-control .to { padding:0 5px 0 10px;}
.met-index-trade .trade-query .fm-control .choose { width:120px; height:32px; line-height:32px; color:#999; background:#f6f8f9; border:solid 1px #dfdfdf; border-radius:2px;text-indent:4px;}
.met-index-trade .trade-query .fm-control .choose:focus{background:#fff;}
.met-index-trade .trade-query .fm-control input { padding:0 5px;}
.met-index-trade .trade-query .btn-query {cursor:pointer; width:120px; height:40px; margin-left:70px; line-height:40px; font-size:16px; font-weight:normal; color:#fff; text-align:center; background:#ff9a41; border-radius:2px; overflow:hidden;}
.met-index-trade .trade-query .btn-query:hover { opacity:0.9;}
.met-index-trade .trade-query .date-check { width:120px; height:32px; color:#999; background:#f6f8f9; border:solid 1px #dfdfdf; border-radius:2px;text-indent:4px;}
.met-index-trade .trade-query .date-check:focus{background:#fff;}

/*价格信息*/
.met-index-price { margin-bottom:20px;}
.met-index-price .price-list-title { width:100%; height:60px; padding:0 15px; overflow:hidden;}
.met-index-price .price-list-title ul { display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; height:60px; background:#f6f8f9; }
.met-index-price .price-list-title ul li { font-size:14px; font-weight:normal; color:#333; text-align:center; overflow:hidden;}
.met-index-price .price-list-title ul li p { line-height:18px;}
.met-index-price .price-list-main { width:100%;height:288px; padding:0 15px 0px 15px; overflow:hidden;}
.met-index-price .price-list-main ul { width:100%; overflow:hidden;}
.met-index-price .price-list-main li { display:flex; flex-direction:row; justify-content:space-between; width:100%; height:36px; border-bottom:solid 1px #dcdcdc; overflow:hidden;}
.met-index-price .price-list-main li:last-child { border-bottom:none;}
.met-index-price .price-list-main li span { display:flex; justify-content:center; align-items:center; line-height:18px; font-size:13px; font-weight:normal; color:#333; text-align:center; overflow:hidden;  word-break:break-all; /*white-space:nowrap; text-overflow:ellipsis;*/}
.met-index-price .price-list-main li:hover { background:#d7efff;}
.met-index-price .gm-tabs-content { width:100%; height:370px; overflow:hidden;}
.met-index-price .td-wd13 { width:13%;}
.met-index-price .td-wd14 { width:14.285%;}
.met-index-price .td-wd15 { /*width:15%;*/ width:18rem;}
.met-index-price .td-wd25 { /*width:25%;*/ width:42rem;}
.met-index-price .td-wd35 { width:35%;}
.met-index-price .data-chart { position:relative; width:100%; height:430px; overflow:hidden;}
.met-index-price .data-chart .chart-title { position:absolute; left:0; top:50px; z-index:10; width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#333; text-align:center; overflow:hidden;}
.met-index-price .data-chart .text-box { font-size:14px; font-weight:normal; color:#333; overflow:hidden;}
.met-index-price .data-chart .date-box { font-size:12px; font-weight:normal; color:#999; overflow:hidden;}
.met-index-price .data-chart .tips-txt { position:absolute; left:0; bottom:30px; width:100%; height:30px; line-height:30px; font-size:12px; font-weight:normal; color:#333; text-align:center; overflow:hidden;}
.met-index-price .data-chart .main-chart { width:100%; height:400px; margin-top:40px;}

.media-body { width:100%;}
.met-index-news .lt-wrap { position:relative; width:100%; overflow:hidden;}
.met-index-news .lt-wrap .tabs-content { position:relative; width:100%; padding:10px 0 15px 0; overflow:visible;}
.met-index-news .lt-wrap .news-item { display:flex; flex-direction:row; align-items:center; padding:15px; overflow:hidden;}
.met-index-news .lt-wrap .media-left { display:table-cell; vertical-align:middle;}
.met-index-news .lt-wrap .media-left a { display:flex; justify-content:center; align-items:center; width:160px; height:90px; overflow:hidden;}
.met-index-news .lt-wrap .media-left a:hover{opacity:0.9;}
.met-index-news .lt-wrap .media-left a .media-object { width:160px; height:90px;}
.met-index-news .lt-wrap .media-body h4 { height:28px; line-height:28px; overflow:hidden;}
.met-index-news .lt-wrap .media-body h4 span { float:right; font-size:12px; font-weight:normal; color:#c4c4c4;}
.met-index-news .lt-wrap .media-body h4 a { display:block; width:80%; height:28px; font-size:14px; font-weight:bold; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.met-index-news .lt-wrap .media-body h4 a:hover { color:#ff7700;}
.met-index-news .lt-wrap .media-body .des { height:72px; line-height:24px; font-size:14px; color:#8c8b8b; overflow:hidden;}
.met-index-news .lt-wrap .tabs-panel .more { position:absolute; top:-36px; right:10px; z-index:10; font-family:"微软雅黑"; font-size:14px; font-weight:normal; color:#21a3fe;}
.met-index-news .lt-wrap .tabs-panel .more:hover { text-decoration:underline;}

.met-index-news .rt-wrap { position:relative; overflow:hidden;}
.met-index-news .rt-wrap ul { margin:0; padding-bottom:20px;}
.met-index-news .rt-wrap ul li.special { padding:0;}
.met-index-news .rt-wrap .news-time { float:right; font-size:12px; font-weight:normal; color:#c4c4c4;}
.met-index-news .rt-wrap .news-item { height:30px; line-height:30px; padding:0 15px; overflow:hidden;}
.met-index-news .rt-wrap .news-item a { display:block; float:left; width:80%; height:30px; font-size:14px; color:#333; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.met-index-news .rt-wrap .news-item a:hover { color:#ff7700;}
.met-index-news .rt-wrap .news-item .fa { float:left; padding-top:10px; color:#c4c4c4;}
.met-index-news .rt-wrap .special { height:260px; margin:0 15px 15px 15px; background:#f6f8f9; overflow:hidden;}
.met-index-news .rt-wrap .special .news-pic { width:100%; height:140px; overflow:hidden;}
.met-index-news .rt-wrap .special .news-pic a { display:flex; justify-content:center; align-items:center; width:100%; height:100%;}
.met-index-news .rt-wrap .special .news-pic a:hover{opacity:0.9;}
.met-index-news .rt-wrap .special h4 { height:40px; padding:0 15px; line-height:40px; overflow:hidden;}
.met-index-news .rt-wrap .special h4 a { font-size:16px; font-weight:bold; color:#333;}
.met-index-news .rt-wrap .special h4 a:hover { color:#ff7700;}
.met-index-news .rt-wrap .special .des { height:72px; padding:0 15px; line-height:24px; font-size:14px; color:#8c8b8b; overflow:hidden;}

.gm-filter { display:flex; flex-direction:row; width:100%; padding:25px;}
.gm-filter .cell-box { margin-right:10px; padding:5px 0;}
.gm-filter span { display:table-cell; height:30px; line-height:30px;}
.gm-filter span.txt { padding:0 10px; font-size:14px; color:#333; text-align:center; white-space:nowrap;}
.gm-filter span.choose select { width:100px; height:30px; color:#666; background:#f6f8f9; border:solid 1px #dfdfdf; border-radius:2px; text-indent:5px;}
.gm-filter span.province .area { width:90px; height:30px; color:#666; background:#f6f8f9; border:solid 1px #dfdfdf; border-radius:2px; text-indent:5px;}
.gm-filter span.province .area:focus{background:#fff;}
.gm-filter span.datebox { width:230px; height:30px;}
.gm-filter span.datebox .date-check { width:230px; height:32px; color:#999; background:#f6f8f9; border:solid 1px #dfdfdf; border-radius:2px; text-indent:4px;}
.gm-filter span.datebox .date-check:focus{background:#fff;}
.gm-filter .btnbox { padding:0 10px;}
.gm-filter .btnbox .btn-query { width:75px; height:30px; font-size:14px; color:#fff; text-align:center; background:#ff9a41; border-radius:3px;cursor:pointer;}
.gm-filter .btnbox .btn-query:hover{opacity:0.9;}
.met-show-main { min-height:600px; padding:15px 20px 40px 20px; background:#fff; overflow:hidden;}
.met-show-main img { max-width:100%; height:auto;}

/*交易信息*/
.gm-trade { margin-bottom:50px;}
.gm-trade-body { background:#fff; padding-bottom:40px;min-height:400px;}
.gm-trade-body .trade-content { width:100%; min-height:200px; padding:0 20px; overflow:hidden;}
.gm-trade-body .trade-title { width:100%; height:60px; overflow:hidden;}
.gm-trade-body .trade-title ul { display:flex; flex-direction:row; justify-content:space-between; align-items:center; width:100%; height:60px; background:#f6f8f9; }
.gm-trade-body .trade-title ul li { font-size:14px; font-weight:normal; color:#333; text-align:center; overflow:hidden;}
.gm-trade-body .trade-list { width:100%; height:540px; overflow:hidden;}
.gm-trade-body .trade-list ul { width:100%; overflow:hidden;}
.gm-trade-body .trade-list li { display:flex; flex-direction:row; justify-content:space-between; width:100%; height:36px; border-bottom:solid 1px #dcdcdc; overflow:hidden;}
.gm-trade-body .trade-list li:hover{background:#d7efff;}
.gm-trade-body .trade-list li:last-child { border-bottom:none;}
.gm-trade-body .trade-list li span { display:flex; justify-content:center; align-items:center; line-height:18px; font-size:14px; font-weight:normal; color:#333; text-align:center; overflow:hidden; word-break:break-all; /*white-space:nowrap;*/}
.gm-trade-body .td-wd8 { width:8%;}
/*.gm-trade-body .td-wd14 { width:14%;}*/
.gm-trade-body .td-wd10 { width:10%;}
.gm-trade-body .td-wd12 { width:12%;}
.gm-trade-body .td-wd14 { width:14%;}
.gm-trade-body .td-wd16 { width:16%;}
.gm-trade-body .td-wd18 { width:18%;}


/*价格信息*/
.gm-price { margin-bottom:50px;}
.gm-price-body { background:#fff; padding-bottom:40px;min-height:400px;}
.gm-price-body .price-content { width:100%; min-height:200px; padding:0 20px; overflow:hidden;}
.gm-price-body .price-title { width:100%; height:60px; overflow:hidden;}
.gm-price-body .price-title ul { display:flex; flex-direction:row; justify-content:center; align-items:center; width:100%; height:60px; background:#f6f8f9; }
.gm-price-body .price-title ul li { font-size:14px; font-weight:normal; color:#333; text-align:center; overflow:hidden;}
.gm-price-body .price-title ul li:hover{background:#d7efff;}
.gm-price-body .price-title ul li p { line-height:18px;}
.gm-price-body .price-list { width:100%;/* height:540px;*/ overflow:hidden;}
.gm-price-body .price-list ul { width:100%; overflow:hidden;}
.gm-price-body .price-list li { display:flex;flex-direction:row; justify-content:space-between; width:100%; height:36px; border-bottom:solid 1px #dcdcdc; overflow:hidden;}
.gm-price-body .price-list li:hover{background:#d7efff;}
.gm-price-body .price-list li:last-child { border-bottom:none;}
.gm-price-body .price-list li span { display:flex; justify-content:center; align-items:center; line-height:18px; font-size:13px; font-weight:normal; color:#333; text-align:center; overflow:hidden; word-break:break-all; /*white-space:nowrap;*/ text-overflow:ellipsis;}
.gm-price-body .price-list .btn-check .check-price { width:50px; height:22px; line-height:22px; font-size:14px; font-weight:normal; color:#fff; background:#686ab1; border-radius:3px; text-align:center; cursor:pointer; vertical-align:middle;}
.gm-price-body .price-list .btn-check .check-price:hover{opacity:0.9;}
.gm-price-body .td-wd10 { width:10%;}
.gm-price-body .td-wd11 { width:11%;}
.gm-price-body .td-wd12 { width:12.25%;}
.gm-price-body .td-wd13 { /*width:13%;*/ width:10rem;}
.gm-price-body .td-wd14 { width:14%;}
.gm-price-body .td-wd22 {/* width:22%;*/ width:22rem;}
.gm-price-body .td-wd30 { width:30%;}
.gm-price-body .td-wd34 { width:34%;}
.gm-price-body .tips-txt { width:100%; height:50px; line-height:80px; font-size:12px; font-weight:normal; color:#333; text-align:center; overflow:hidden;}

.pop-dialog { display:flex; display:-webkit-flex; flex-direction:column; justify-content:center; align-items:center; position:fixed; left:0; right:0; top:0; bottom:0; z-index:9999; width:100%; height:100%; overflow:hidden;}
.pop-dialog .pop-overlay { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.6); overflow:hidden;}
.pop-dialog .pop-content { position:relative; z-index:999; width:800px; height:auto; overflow:hidden;}
.pop-dialog .pop-content .pop-common { display:flex; flex-direction:column; align-items:center; width:100%; background:#fff;}
.pop-dialog .pop-content .pop-closed { position:absolute; right:10px; top:10px; z-index:999; width:26px; height:26px; background:url(/images/pop_close.png) no-repeat 0 0; overflow:hidden;cursor:pointer;}
.pop-dialog .pop-content .pop-closed:hover{opacity:0.9;}
.pop-dialog .pop-header { display:flex; align-items:center; flex-wrap:wrap; width:100%; height:60px; padding:0 20px; text-align:left; border-bottom:solid 1px #ccc;}
.pop-dialog .pop-header:before { position:absolute; left:10px; display:inline-block; content:''; width:26px; height:26px; margin-right:5px; background:url(/images/pop_header_icon.png) no-repeat 0 0; vertical-align:middle;}
.pop-dialog .pop-header .company-txt { display:inline-block; padding-left:20px; font-size:16px; font-weight:normal; color:#333;}
.pop-dialog .pop-header .date-txt { display:inline-block; padding-left:20px; font-size:12px; font-weight:normal; color:#999;}
.pop-dialog .price-chart { width:100%; height:480px; overflow:hidden;}

.page-view { position:relative; width:100%; height:auto; overflow:hidden;}
.page-view .page-view-content { position:absolute; left:50%; top:180px; z-index:99; width:120px; margin-left:-20px; overflow:hidden;}
.page-view .page-view-body { width:120px; padding-left:30px; padding-bottom:20px; border-bottom:solid 1px #e1e3e5;}
.page-view .page-view-body .count-box { height:40px; line-height:40px; font-size:18px; font-weight:normal; color:#333; user-select:none; -webkit-user-select:none;}
.page-view .page-view-body .count-box i { color:#c3bfb9;}
.page-view .page-view-body .count-box:hover i { color:red; cursor:pointer;}
.page-view .page-view-body .count-box .praise-count { pointer-events:none;}



/*公告列表*/
.met-news .met-news-list .notice-item { padding:15px 0; border-bottom:1px solid #eee; overflow:hidden;}
.met-news .met-news-list .notice-item .media-title { display:block; float:left; width:75%; height:22px; font-size:16px; font-weight:normal; color:#333; overflow:hidden;}
.met-news .met-news-list .notice-item .media-title:hover{color:#ff7700;}
.met-news .met-news-list .notice-item .media-title i { font-size:14px; color:#b7b7b7;}
.met-news .met-news-list .notice-item .media-time { float:right; font-size:14px; font-weight:normal; color:#c4c4c4;}
.shownotice-content { background:#fff; min-height:600px; overflow:hidden;}

.met-news .met-news-list .vip-item { position:relative;}
.met-news .met-news-list .vip-item .item-box { display:block; width:100%; height:auto; overflow:hidden;}
.met-news .met-news-list .vip-item a { position:relative; display:block; width:100%; height:auto;}
.met-news .met-news-list .vip-item a:hover{opacity:0.9;}
.met-news .met-news-list .vip-item .item-title { position:absolute; left:0; bottom:0; width:100%; height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#fff; text-align:center; background:rgba(0,0,0,0.5); overflow:hidden;}
.met-news .met-news-list .vip-item .text-name { width:100%; height:50px; line-height:50px; background:#f6f8f9; border:solid 1px #dcdcdc; overflow:hidden;}
.met-news .met-news-list .text-name:hover{background:#eee;}
.met-news .met-news-list .vip-item .text-name a { font-size:14px; font-weight:normal; color:#333; text-align:center;}


/*相关推荐*/
.shownews-content { width:90%; margin:0 auto;}
.shownews-ps { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:flex-start; align-items:center; padding:15px 0; margin:0 30px; background:#f5f7f9; overflow:hidden;}
.shownews-ps h4{display:block;width:100%;font-weight:bold;text-indent:20px;padding:0px 0px 10px 0px;}
.shownews-ps .file-ps { padding:5px 20px; overflow:hidden;}
.shownews-ps .file-ps a { padding-left:10px;}
.recommend-list { padding:20px 30px; overflow:hidden;}
.recommend-list h3 { line-height:40px; font-size:16px; font-weight:bold; color:#333;}
.recommend-list ul { padding:10px 0;}
.recommend-list ul li { height:36px; line-height:36px; overflow:hidden;}
.recommend-list ul li a { float:left; display:block; width:70%; height:36px; font-size:14px; font-weight:normal; color:#333; overflow:hidden;}
.recommend-list ul li a:hover { color:#ff7700;}
.recommend-list ul li a i { color:#b7b7b7;}
.recommend-list ul li span { float:right; font-size:14px; font-weight:normal; color:#999;}

.contact-list { width:100%; padding:30px; overflow:hidden;}
.contact-list ul li { float:left; display:flex; flex-direction:row; align-items:center; width:50%; height:120px; padding-left:60px;}
.contact-list ul li .icon-box { width:60px; height:60px; margin-left:-60px; background-image:url(/images/contact_icon.png); background-repeat:no-repeat; overflow:hidden;}
.contact-list ul li .text-box { width:100%; padding:0 20px;}
.contact-list ul li .text-box .txt1 { height:30px; line-height:30px; font-size:16px; font-weight:bold; color:#666;}
.contact-list ul li .text-box .txt2 { height:30px; line-height:30px; font-size:14px; font-weight:normal; color:#666;}
.contact-list ul li .icon-address { background-position:0 0;}
.contact-list ul li .icon-tel { background-position:0 -60px;}
.contact-list ul li .icon-email { background-position:0 -120px;}
.contact-list ul li .icon-wechat { background-position:0 -180px;}

.met-job .job-banner { width:100%; height:auto; background:#fff; margin-bottom:20px; overflow:hidden;}
.met-job .job-banner .banner-box { width:100%; text-align:center; overflow:hidden;}
.met-job .job-banner .banner-box img { max-width:100%; height:auto;}
.met-job .job-banner .banner-txt { padding:20px 40px; line-height:32px; font-size:16px; font-weight:normal; color:#333; text-indent:32px;}
.met-job .card { margin-bottom:20px;}

.gm-online { position:fixed; bottom:0; right:0; left:auto; z-index:999;}
.gm-online .online-item { position:relative; width:80px; height:80px; margin-bottom:5px;}
.gm-online .online-item:last-child { margin-bottom:0;}
.gm-online .online-item .online-icon { width:100%; height:100%; background-image:url(../images/online.jpg); background-repeat:no-repeat; cursor:pointer; overflow:hidden;}
.gm-online .wechat .online-icon { background-position:0 0;}
.gm-online .hotline .online-icon { background-position:0 -80px;}
.gm-online .gotop .online-icon { background-position:0 -320px;}
.gm-online .wechat:hover .online-icon { background-position:0 -160px;}
.gm-online .hotline:hover .online-icon { background-position:0 -240px;}
.gm-online .gotop:hover .online-icon { background-position:0 -400px;}
.gm-online .online-item .online-pop { display:none; position:absolute; right:100%; z-index:10; min-width:50px; min-height:80px; padding:10px; text-align:center; background:#fff; border-radius:5px; box-shadow:0 0 5px #ccc;}
.gm-online .wechat .online-pop { bottom:0%; width:auto;}
.gm-online .hotline .online-pop { top:0; width:200px;}
.gm-online .online-item .online-pop .pop-arr { position:absolute; right:-8px; width:16px; height:16px; line-height:16px; font-family:"\5b8b\4f53"; font-size:16px; color:#fff; text-align:center;}
.gm-online .wechat .online-pop .pop-arr { bottom:30px;}
.gm-online .hotline .online-pop .pop-arr { top:50%; margin-top:-8px;}
.gm-online .online-item .online-pop .tel-txt { font-size:14px; font-weight:normal; color:#333;}
.gm-online .online-item .online-pop .tel-number { font-size:20px; font-weight:bold; color:#333;}
.gm-online .online-item:hover .online-pop { display:block;}

.webui-popover .webui-popover-content .tel-txt { font-size:14px; font-weight:normal; color:#333;}
.webui-popover .webui-popover-content .tel-number { font-size:20px; font-weight:bold; color:#333;}

/*分享*/
.page-view .share-body { display:flex; justify-content:center; align-items:center; width:120px; padding:20px 0;}
.page-view .share-body .bshare-custom { width:50px;}
.page-view .share-body .bshare-custom a { width:50px; height:50px; margin:3px; background-image:url(/images/share.png); background-repeat:no-repeat;}
.page-view .share-body .bshare-custom .bshare-weixin { background-position:0 0;}
.page-view .share-body .bshare-custom .bshare-sinaminiblog { background-position:0 -50px;}
.page-view .share-body .bshare-custom .bshare-qzone { background-position:0 -100px;}
.page-view .share-body .bshare-custom .bshare-more { background-position:0 -150px;}
#bsPanel,
.bsBox { box-sizing:content-box;}
#bsPanel .buzzButton { text-indent:-9999em; overflow:hidden;}
#bsPower { opacity:0; visibility:hidden;}

/*响应式布局样式*/
@media (min-width:480px) {
    .bd-xs-none { border:none;}
}
@media (min-width:768px) {
    .bd-md { border:solid 1px #dcdcdc;}
}
@media (min-width:992px) {
    .bd-lg { border:solid 1px #dcdcdc;}
}
@media (min-width:1200px) {
    .bd-xl { border:solid 1px #dcdcdc;}
}

@media(min-width:480px){
    .screen-outer .index-promo,
    .screen-outer .index-hotnews,
    .screen-outer .index-notice { height:auto;}

    .screen-outer .index-hotnews .bd,
    .screen-outer .index-notice .bd,
    .met-index-trade .rt-wrap,
    .met-index-news .rt-wrap { margin-left:0;}

    .screen-outer .index-promo,
    .screen-outer .index-hotnews,
    .met-index-trade .lt-wrap,
    .met-index-news .lt-wrap { margin-bottom:20px;}
}

@media(min-width:768px){
    .shopsign .site-search { float:right;}

    .screen-outer .index-promo,
    .screen-outer .index-hotnews,
    .screen-outer .index-notice { height:auto;}

    .screen-outer .index-hotnews .bd,
    .screen-outer .index-notice .bd,
    .met-index-trade .rt-wrap,
    .met-index-news .rt-wrap { margin-left:0;}

    .screen-outer .index-promo,
    .screen-outer .index-hotnews,
    .met-index-trade .lt-wrap,
    .met-index-news .lt-wrap { margin-bottom:20px;}

    .navbar-nav>.nav-item { width:100px; min-width:100px;}

    .page-view .page-view-content { left:2.5rem;}
}
@media(min-width:992px){
    .screen-outer .index-promo,
    .screen-outer .index-hotnews,
    .screen-outer .index-notice { height:320px;}

    .screen-outer .index-hotnews .bd,
    .screen-outer .index-notice .bd,
    .met-index-trade .rt-wrap,
    .met-index-news .rt-wrap,
    .met-index-price .rt-wrap { margin-left:0.9375rem;}

    .screen-outer .index-promo,
    .screen-outer .index-hotnews,
    .met-index-trade .lt-wrap,
    .met-index-news .lt-wrap { margin-bottom:0;}

    .page-view .page-view-content { left:50%;}
}
@media(min-width:1200px){
    .screen-outer .index-promo,
    .screen-outer .index-hotnews,
    .screen-outer .index-notice { height:300px;}

    .screen-outer .index-hotnews .bd,
    .screen-outer .index-notice .bd,
    .met-index-trade .rt-wrap,
    .met-index-news .rt-wrap { margin-left:0.9375rem;}

    .screen-outer .index-promo,
    .screen-outer .index-hotnews,
    .met-index-trade .lt-wrap,
    .met-index-news .lt-wrap { margin-bottom:0;}

    .navbar-nav>.nav-item { width:160px; min-width:160px;}

    .page-view .page-view-content { left:50%;}
}
@media(min-width:1600px){
    .container { width:1200px;}
}

@media(max-width:480px){
    .met-nav .nav .nav-item .nav-link { padding:0.715rem; text-align:left;}

    .met-index-trade .trade-list-title ul li,
    .met-index-trade .trade-list-main li span,
    .met-index-price .price-list-title ul li,
    .met-index-price .price-list-main li span,
    .gm-trade-body .trade-title ul li,
    .gm-trade-body .trade-list li span,
    .gm-price-body .price-title ul li,
    .gm-price-body .price-list li span { font-size:12px; transform:scale(0.8);}

    .met-index-price .price-list-main { height:auto;}
    .met-index-price .price-list-main li,
    .gm-price-body .price-list li { height:54px;}

    .page-view { align-items:center;}
    .page-view .page-view-body { display:flex; flex-direction:row; justify-content:space-between; width:auto; padding:0;}
    .page-view .page-view-body .count-box { padding:0 10px;}
    .page-view .share-body,
    .page-view .share-body .bshare-custom { width:auto;}
    .met-news .met-news-list .media-left a { width:150px;}
    .met-news .met-news-list li.media h4 a { font-size:14px;}
    .met-news,
    .met-shownews,
    .met-show-body { margin-bottom:0;}
    .shownews-ps { margin:0;}
    .met-show-main { min-height:0;}
    .met-index-price .data-chart { height:auto;}
    .met-index-price .data-chart .tips-txt { margin-top:0;}

    .met-bar .list-icons>li.menu-item { display:none;}

    .contact-list ul li { width:100%;}
    .gm-filter { flex-direction:column;}

    .pop-dialog .pop-content { width:100%;}
    .mlogo{width:180px;height:50px;}
    .jgzs_nytb{width:100%;height:350px;margin:0 auto}
}

/*弹窗动画*/
@keyframes popScaleFadeIn {  0% {
    transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
}
    100% {
        transform: scale3d(1, 1, 1);
        opacity: 1;
    }
}
@-webkit-keyframes popScaleFadeIn {  0% {
    -webkit-transform: scale3d(0.5, 0.5, 0.5);
    opacity: 0;
}
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        opacity: 1;
    }
}
@keyframes popFadeOut {  0% {
    opacity: 1;
}
    100% {
        opacity: 0;
    }
}
@-webkit-keyframes popFadeOut {  0% {
    opacity: 1;
}
    100% {
        opacity: 0;
    }
}
.popScaleFadeIn { -webkit-animation: popScaleFadeIn 0.4s ease alternate both; animation: popScaleFadeIn 0.4s ease alternate both; }
.popFadeOut { -webkit-animation: popFadeOut 0.2s linear alternate both; animation: popFadeOut 0.2s linear alternate both; }
/*弹窗动画结束*/