@charset "utf-8";
html,body{background:#efefef;color:#333;font:14px/1.6 'Microsoft YaHei',Tahoma,Verdana,'Simsun';}
body,div,ul,li,p { margin:0; padding:0;}
ul,li { list-style: none;}
a{color:#333;text-decoration:none;}
a:hover{color:#099736;text-decoration:none;}
.clear{ clear:both; overflow:hidden; }
header{ position:relative; z-index:11;}
.tem_inner,.met_section{ position:relative;}
.tem_top{ overflow:hidden; height:70px; background:#fff; color:#fff;}
.tem_top i{ position:absolute; padding:0px 10px; height:35px; font-size:24px; line-height:35px; }
.tem_top i.am-icon-bars{ top:16px; right:5px; color:#099736; }
.tem_top i.met_now{ background:#099736; color:#fff;  }
.tem_top h1{ margin:10px 0 0 10px; }
.tem_top h1 img{ visibility:visible; height: 35px; margin-top:8px;}
.tem_top_nav{ display:none; }
.tem_head ul:after{clear:both;display:block;visibility:hidden;height:0;content:"";}
.am-menu-dropdown1 .am-menu-nav>li.am-parent.am-open>a { background-color: #099736 !important;}
.am-menu-dropdown1 .am-menu-nav>li>a { border-bottom: 1px solid #099736 !important;background-color: #099736 !important;}

.icon-bg { background:url(../images/icon-bg.jpg) no-repeat;  box-sizing:border-box;-webkit-box-sizing: border-box;-webkit-box-flex: 1; overflow:hidden; clear:both; 
margin:0 1rem 1rem 1rem;  background-size: auto auto; padding:5px 0 10px 0; height: 7.5rem; position: relative; }
.icon-list .icon {float: left;width: 33.3%;text-align: center;}
.icon-list .icon> a {padding-top: 12px;display: block;}
.icon-list .icon-circle {display: block;margin: auto;width: 50px;height:50px;text-align: center;color: white;}
.icon-list .icon-circle img {width: 100%;height: 100%;}
.icon-list .icon-desc {text-align: center;color: #fff; line-height: 2rem; font-size: 16px;}
.tab_mp { padding-top: 10px; }
/*中心公告*/
.market_wap,.trade-varie,.quotation_wap{ margin:0 1rem 1rem 1rem; clear:both; overflow: hidden; background: #fff; padding:10px 15px;}
.market_wap .title,.trade-varie .title,.quotation_wap .title{ clear:both; height: 40px;  border-bottom: 1px solid #e5e5e5; font-weight:bold;}
.market_wap .title h2 {font-size: 1.5rem; font-weight: bold; display: inline-block; border-bottom: 2px solid #099736; padding-bottom: 5px;  margin: 0;}
.trade-varie .title h2,.quotation_wap .title h2 {font-size: 1.5rem; font-weight: bold; display: inline-block; padding-bottom: 5px;  margin: 0;}
.market_wap .title span,.trade-varie .title span,.quotation_wap .title span{ float:right;  font:14px/32px Verdana, Geneva, sans-serif; background: url(../images/arrow-right1.png) no-repeat 30px 5px; 
background-size:20px 20px; margin-top:4px; padding-right:24px; color: #999;}
.market_wap .title span a,.trade-varie .title span a,.quotation_wap .title span a { color: #666;}
.market_wap .con{ padding-top:15px; clear: both; }
.market_wap .con .newpic { position: relative; padding-bottom: 15px; margin-bottom: 5px; border-bottom: 1px dashed #dcdcdc; padding-left: 6.5rem; overflow: hidden; clear: both;}
.market_wap .con .newpic .pic { width: 5.5rem; position: absolute; top: 0; left: 0;}
.market_wap .con .newpic .pic img { width: 5.5rem; height: 5.5rem; }
.market_wap .con .newpic h3 {line-height:30px; height:30px; font-size: 1.2rem; font-weight:normal; margin: 0; padding: 0; overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;white-space: nowrap;}
.market_wap .con .newpic p{color:#999; font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.market_wap .con li { padding-left:14px; font-size: 18px; color: #333; line-height: 36px;height: 36px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position: relative; font-size: 1.2rem; }
.market_wap .con li:before { position: absolute; content: ""; width: 5px; height: 5px; background: #cccccc; display: inline-block; left: 0; top:15px; border-radius: 50%;}

/*中心聚焦*/
.focus_wap .title{ clear:both; height: 40px; line-height: 40px; border-bottom: 1px solid #666666; background:url(../images/focus-icon.png) no-repeat 2px; background-size: 30px 30px; font-size:18px; padding-left:35px; font-weight:bold;}

.am-slider .am-active { background: #009a44 !important;}
.news_wap { margin:1rem; background: #fff; overflow: hidden; clear: both; padding:10px 20px 20px 20px;}
.news_wap .title{ clear:both; height: 40px; line-height: 40px; border-bottom: 1px solid #e5e5e5; font-size:1.5rem;font-weight:bold;}
.news_wap .title span{ float:right;  font:14px/32px Verdana, Geneva, sans-serif; background:url(../images/list-icon.png) no-repeat; background-size:30px 30px; font-size:14px; 
color:#666; height: 32px; margin-top:4px; padding-left:30px; display: block;}
.news_wap .con{  padding-top:5px; clear: both;}
.news_wap .con .newpic {padding:5px 0 10px 0; border-bottom: 1px solid #f0f0f0; clear: both; overflow: hidden;}
.news_wap .con .newpic img { width:40%; float: left ; margin-right:6px; height: 80px;}
.news_wap .con .newpic h2 {line-height:30px; height:30px; font-size: 16px; font-weight:normal; margin: 0; padding: 0; overflow: hidden;text-overflow: ellipsis;-webkit-text-overflow: ellipsis;white-space: nowrap;}
.news_wap .con .newpic p{color:#999; font-size: 14px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.news_wap .con li { padding-left:14px; font-size: 18px; color: #333; line-height: 36px;height: 36px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position: relative; }
.news_wap .con li:before { position: absolute; content: ""; width: 5px; height: 5px; background: #cccccc; display: inline-block; left: 0; top:15px; border-radius: 50%;}
.news_wap .con li span { float:right; color:#999;line-height: 36px;}
.news_wap .conpic{  padding-top:5px; clear: both;}
.am-tabs { margin: 0; margin-top:10px;}
.am-tabs-bd { border:0;}
.am-tabs-bd .am-tab-panel{ padding:0;width:99.8%;}
.am-footer-default{ background: #212121 !important;}
.am-footer { padding: 0.5em 0;}
.search_wap { margin:1rem; clear: both; overflow: hidden;}
.form_control { height:30px; line-height:30px; border:1px solid #009a44; padding-left:5px; width:86%;font-family: "Microsoft Yahei";  outline:0; float:left; 
 color: #999;}
.btn_search{ background:#009a44; height:30px; line-height:30px; width:14%; text-align:center; color:#fff; border:0; outline:0; float:left; font-size:14px;
font-family: "Microsoft Yahei";}
.icon_search { background:url(../images/icon_search.png) no-repeat center center; width: 24px; height: 24px; display: block; margin-left: 2px;}
.am-offcanvas-content li { height: 55px;  border-bottom: 1px solid #292929; clear: both;}
.am-offcanvas-content li a { color: #999999;line-height: 55px; font-size: 16px;}
.am-offcanvas-content li a:hover { color: #fff;}
.page { margin: 0 auto; padding: 0; clear: both; overflow: hidden;}
.am-pagination-default { font-size: 1.0rem; }
.am-pagination-default ul { padding-left: 10px;}
.am-pagination>li>a, .am-pagination>li>span {padding: .2em .5em;}
.am-paragraph-default p {font-size: 1.05rem; padding: 0 10px; text-indent: 2em;}
.am-tabs-d2 .am-tabs-nav>.am-active {background-color: #f9f9f9 !important;border-bottom: 2px solid #009a44 !important;}
.am-tabs-d2 .am-tabs-nav>.am-active a { color: #009a44;}
.am-tabs-d2 .am-tabs-nav>.am-active:after { border-bottom-color: #f9f9f9 !important;}
.am-slider-d2 .am-slider-title { text-align: center;}
.am-slider-d2 .am-slider-content p {text-align: center; font-size: 0.9rem !important; color: rgba(255,255,255,0.7);}
.am-slider-d2 .am-slider-desc {position: absolute;left: 40px;top: 40px; right: 50px; color: #fff;}
.am-slider .am-slides img { height: 12rem !important;}
.am-slider-d2 .am-slider-content { padding: 20px 6px !important; }
.guide-info1 { margin:0 1rem 1rem 1rem; overflow: hidden; clear: both;}
.guide-info1 li {}
.guide-info1 li:nth-child(2) { margin-right: 0;}
.guide-info1 li.guidbg1 { background:url(../images/zxdy-bg.png) no-repeat; width: 48.5%; height: 132px;float: left; margin-right: 7px; display: inline-block;}
.guide-info1 li.guidbg2 { background:url(../images/tsjb-bg.png) no-repeat; width: 48.5%; height: 132px;float: left; }
.guide-info1 li .guid-icon1 { width: 66px; height: 66px; display: block; margin:20px auto 0 auto; background: url(../images/zxdy.png) no-repeat;}
.guide-info1 li .guid-icon2 { width: 66px; height: 66px; display: block; margin:20px auto 0 auto; background: url(../images/tsjb.png) no-repeat;}
.guide-info1 li p { font-size: 18px; color: #fff; font-weight: bold; text-align: center;}
.trade-guide { margin:0 1rem 1rem 1rem; clear:both; overflow: hidden; background: #fff; padding:10px 15px;}
.am-tabs-default .am-tabs-nav>.am-active a {background-color: #009a44 !important; color: #fff; font-size: 1.2rem;}
.guide-delivery{ zoom:1; padding-top:10px;  }
.guide-delivery li { padding-left:14px; font-size: 1.2rem; color: #333; line-height: 36px;height: 36px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position: relative; }
.guide-delivery li:before { position: absolute; content: ""; width: 5px; height: 5px; background: #cccccc; display: inline-block; left: 0; top:15px; border-radius: 50%;}
.am-titlebar-nav { padding:10px 0 0 16px; }
.am-titlebar-nav a {color: #009a44;}
.am-gallery { padding: 10px 0 0 0 !important; }
.am-gallery img { border: 1px solid #e5e5e5;}
.news-detail { margin: 1rem; background: #fff; overflow: hidden; clear: both;}
.news-detail h1 { text-align: center; padding-top:15px; margin-bottom: 10px !important;}
.news-detail h6 { text-align: center; font-size: 0.9rem; color: #999; margin: 0; font-weight: normal;}
.news-detail p { font-size: 1.15rem; text-indent: 2em; line-height: 30px; padding-top:10px;}
.am-slider-d1 .am-slider-desc {background-color: #009a44 !important;text-align: center !important;}
.am-slider-d1 .am-direction-nav a { bottom: 24px !important;}
.am-gallery-default .am-gallery-title { text-align: center !important; font-size: 1.1rem !important; margin-top:5px !important;}
.am-pagination>.am-active>a, .am-pagination>.am-active>a:focus, .am-pagination>.am-active>a:hover, .am-pagination>.am-active>span, .am-pagination>.am-active>span:focus, .am-pagination>.am-active>span:hover
{   background-color: #009a44; border-color: #009a44; }

/* iphone 5 */
@media only screen and (min-device-width: 320px) and (max-device-height: 375px) and (-webkit-device-pixel-ratio: 2)  {
	.tem_top h1 img{ visibility:visible; height: 35px; margin-top:15px;}
	.guide-info1 li.guidbg1 { margin-right: 5px;}
	
}

/* iphone 6, 6s */
@media only screen and (min-device-width: 375px) and (max-device-height: 667px) and (-webkit-device-pixel-ratio: 2)  {
	.tem_top h1 img{ visibility:visible; height: 35px; margin-top:5px;}
	.guide-info1 li.guidbg1 { margin-right: 5px;}
}

/*---iPhone 8---*/
@media only screen
and (device-width : 375px)
and (device-height : 667px)
and (-webkit-device-pixel-ratio : 2) {
	.tem_top h1 img{ visibility:visible; height: 40px; margin-top:5px;}
	.guide-info1 li.guidbg1 { margin-right: 10px;}
}
/*---iPhone x---*/
@media only screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3){
	.tem_top h1 img{ visibility:visible; height: 40px; margin-top:5px;}
	.guide-info1 li.guidbg1 { margin-right: 10px;}
}

/*iPhone6/7/8 Plus*/
  @media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio:2) {
	  .tem_top h1 img{ visibility:visible; height: 40px; margin-top:5px;}
		.guide-info1 li.guidbg1 { margin-right: 10px;}
  }
