* { margin: 0; padding: 0; }
a { text-decoration: none; }
body { overflow-x: hidden; font: 14px/1.5 "Segoe UI", "Lucida Grande", Helvetica, Arial, "Microsoft YaHei", FreeSans, Arimo, "Droid Sans", "wenquanyi micro hei", "Hiragino Sans GB", "Hiragino Sans GB W3", Roboto, Arial, sans-serif; color: #464646; }

body.met-navfixed { padding-top: 80px; }
.navbar-header { max-width: 100%; }
.met-nav { min-height: 80px; margin-bottom: 0; -webkit-box-shadow: none; -o-box-shadow: none; -ms-box-shadow: none; box-shadow: none; background-color: #fff; }
.navbar-fixed-top { top: 0; border-width: 0 0 1px; }
.navbar-fixed-bottom, .navbar-fixed-top { position: fixed; right: 0; left: 0; z-index: 1500; }
.met-nav .navbar-logo { display: inline-block; height: 80px; float: none; margin: 0; padding: 0; margin-left: 20px; max-width: 100%; }
.met-nav .navbar-toggle {
	height: 60px;
	position: absolute;
	float: none;
	right: 5px;
	top: 5px;
}

.met-nav .navbar-logo img { max-height: 95%; height: 90%; }
@media (min-width:360px) {
	.met-nav .navbar-logo img { max-height: 95%; height: 90%; width: 80%; }
}
.vertical-align:before { display: inline-block; height: 100%; vertical-align: middle; content: ""; }
.vertical-align-middle { vertical-align: middle; }
.vertical-align-bottom, .vertical-align-middle { display: inline-block; max-width: 100%; font-size: 14px; }
.navbar-default .navbar-brand { color: #37474f; }
.navbar-toggle { position: relative; float: right; padding: 22px 15px; margin-top: 5px; margin-right: 5px; margin-bottom: 0px; background-color: transparent; background-image: none; border: none; border-radius: none; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); border: 0; }
.hamburger { font-size: 20px; vertical-align: middle; }
.hamburger, .hamburger:before, .hamburger .hamburger-bar, .hamburger:after { -webkit-transition: -webkit-transform .2s ease-in-out; -o-transition: -o-transform .2s ease-in-out; transition: transform .2s ease-in-out; }
.hamburger:before, .hamburger:after { content: ""; }
.hamburger:before, .hamburger .hamburger-bar, .hamburger:after { display: block; width: 1em; height: .1em; margin: 0; background: #76838f; border-radius: 1px; }
.navbar-default .hamburger:before, .navbar-default .hamburger .hamburger-bar, .navbar-default .hamburger:after { background: #76838f; }
.navbar-inverse .hamburger:before, .navbar-inverse .hamburger .hamburger-bar, .navbar-inverse .hamburger:after { background: #fff; }
.hamburger .hamburger-bar { margin: .2em 0; }
.hamburger-close:before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); -webkit-transform-origin: 8%; -ms-transform-origin: 8%; -o-transform-origin: 8%; transform-origin: 8%; }
.hamburger-close .hamburger-bar { opacity: 0; }
.hamburger-close:after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 8%; -ms-transform-origin: 8%; -o-transform-origin: 8%; transform-origin: 8%; }
.hamburger-close.hided:before, .hamburger-close.collapsed:before { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.hamburger-close.hided .hamburger-bar, .hamburger-close.collapsed .hamburger-bar { opacity: 1; }
.hamburger-close.hided:after, .hamburger-close.collapsed:after { -webkit-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0); }
.hamburger-arrow-left.collapsed { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); }
.hamburger-arrow-left.collapsed:before { width: .6em; -webkit-transform: translate3d(.45em, .1em, 0) rotate(45deg); transform: translate3d(.45em, .1em, 0) rotate(45deg); }
.hamburger-arrow-left.collapsed .hamburger-bar { border-radius: .2em; }
.hamburger-arrow-left.collapsed:after { width: .6em; -webkit-transform: translate3d(.45em, -.1em, 0) rotate(-45deg); transform: translate3d(.45em, -.1em, 0) rotate(-45deg); }

.navbar-default .hamburger:before, .navbar-default .hamburger .hamburger-bar, .navbar-default .hamburger:after { background: #FFD400; font-size: 28px; font-weight: 700; }
.collapse { display: none; }
.collapse.in { display: block; }

.nav { padding-left: 0; margin-bottom: 0; list-style: none }
.nav > li { position: relative; display: block }
.nav > li > a { position: relative; display: block; padding: 10px 15px }
.nav > li > a:focus, .nav > li > a:hover { text-decoration: none; background-color: #f3f7f9 }
.nav > li.disabled > a { color: #a3afb7 }
.nav > li.disabled > a:focus, .nav > li.disabled > a:hover { color: #a3afb7; text-decoration: none; cursor: not-allowed; background-color: transparent }
.nav .open > a, .nav .open > a:focus, .nav .open > a:hover { background-color: #f3f7f9; border-color: #62a8ea }
.nav .nav-divider { height: 1px; margin: 10px 0; overflow: hidden; background-color: #e5e5e5 }
.nav > li > a > img { max-width: none }
.nav-tabs { border-bottom: 1px solid #e4eaec }
.nav-tabs > li { float: left; margin-bottom: -1px }
.nav-tabs > li > a { margin-right: 2px; line-height: 1.57142857; border: 1px solid transparent; border-radius: 3px 3px 0 0 }
.nav-tabs > li > a:hover { border-color: transparent transparent #e4eaec }
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover { color: #4e97d9; cursor: default; background-color: #fff; border: 1px solid #e4eaec; border-bottom-color: transparent }
.nav-tabs.nav-justified { width: 100%; border-bottom: 0 }
.nav-tabs.nav-justified > li { float: none }
.nav-tabs.nav-justified > li > a { margin-bottom: 5px; text-align: center }
.nav-tabs.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto }

@media (min-width:768px) {
	.nav-tabs.nav-justified > li { display: table-cell; width: 1% }
	.nav-tabs.nav-justified > li > a { margin-bottom: 0 }
}

.nav-tabs.nav-justified > li > a { margin-right: 0; border-radius: 3px }
.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border: 1px solid #e4eaec }

@media (min-width:768px) {
	.nav-tabs.nav-justified > li > a { border-bottom: 1px solid #e4eaec; border-radius: 3px 3px 0 0 }
	.nav-tabs.nav-justified > .active > a, .nav-tabs.nav-justified > .active > a:focus, .nav-tabs.nav-justified > .active > a:hover { border-bottom-color: #fff }
}

.nav-pills > li { float: left }
.nav-pills > li > a { border-radius: 3px }
.nav-pills > li + li { margin-left: 2px }
.nav-pills > li.active > a, .nav-pills > li.active > a:focus, .nav-pills > li.active > a:hover { color: #fff; background-color: #62a8ea }
.nav-stacked > li { float: none }
.nav-stacked > li + li { margin-top: 2px; margin-left: 0 }
.nav-justified { width: 100% }
.nav-justified > li { float: none }
.nav-justified > li > a { margin-bottom: 5px; text-align: center }
.nav-justified > .dropdown .dropdown-menu { top: auto; left: auto }

@media (min-width:768px) {
	.nav-justified > li { display: table-cell; width: 1% }
	.nav-justified > li > a { margin-bottom: 0 }
}

.nav-tabs-justified { border-bottom: 0 }
.nav-tabs-justified > li > a { margin-right: 0; border-radius: 3px }
.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border: 1px solid #e4eaec }

@media (min-width:768px) {
	.nav-tabs-justified > li > a { border-bottom: 1px solid #e4eaec; border-radius: 3px 3px 0 0 }
	.nav-tabs-justified > .active > a, .nav-tabs-justified > .active > a:focus, .nav-tabs-justified > .active > a:hover { border-bottom-color: #fff }
}

.tab-content > .tab-pane { display: none }
.tab-content > .active { display: block }
.nav-tabs .dropdown-menu { margin-top: -1px; border-top-left-radius: 0; border-top-right-radius: 0 }

.navbar-collapse { padding-right: 15px; padding-left: 15px; overflow-x: visible; -webkit-overflow-scrolling: touch; border-top: 1px solid transparent; -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1) }
.navbar-collapse.in { overflow-y: auto }

@media (min-width:768px) {
	.navbar-collapse { width: auto; border-top: 0; -webkit-box-shadow: none; box-shadow: none }
	.navbar-collapse.collapse { display: block !important; height: auto !important; padding-bottom: 0; overflow: visible !important }
	.navbar-collapse.in { overflow-y: visible }
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse, .navbar-static-top .navbar-collapse { padding-right: 0; padding-left: 0 }
}

.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 340px }

@media (max-device-width:480px) and (orientation:landscape) {
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse { max-height: 200px }
}

.met-nav .navbar-collapse-toolbar.in { overflow-y: scroll; -webkit-box-shadow: 0 20px 40px -10px rgba(0,0,0,0.2); box-shadow: 0 20px 40px -10px rgba(0,0,0,0.2); }
.met-nav .dropdown.open > a, .met-nav .nav li a.active { color: #FFD400 !important; font-weight: 100 !important; }
.met-nav .nav > li > a { color: #696969; transition: color .5s; -webkit-transition: color .5s; transition: background .5s; -moz-transition: background .5s; -webkit-transition: background .5s; -o-transition: background .5s; }
.navbar-default .navbar-nav > li > a { color: #FFD400; }
[class*=animation-] { -webkit-animation-duration: .6s; animation-duration: .6s; }
.animation-zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }
[class*=animation-] { -webkit-animation-duration: .5s; -o-animation-duration: .5s; animation-duration: .5s; -webkit-animation-timing-function: ease-out; -o-animation-timing-function: ease-out; animation-timing-function: ease-out; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }
.met-index-product {text-align: center; margin-top: 40px; padding: 0;}
#product_list { margin-top: 20px; padding-bottom: 0px !important; }
.met-index-body h3 {font-size: 14px;margin-top: 0;text-align: left;padding-left: 30px;margin-bottom: 0;color: #727171;}
.met-index-body {padding: 0;border:none;}
.met-index-product .container {width: 100%;position: relative;}
.list_113 {width: 49%; display: inline-flex;}
.met-index-product #product_list .widget {margin-right: 1px;margin-bottom: 5px;background: none;-webkit-box-shadow: none;box-shadow: none;border-radius: 0;}

/*滚动服务例子*/
.met-index-cst { margin-top: 30px; background-color: transparent !important; }
.met-index-cst .container { text-align: center;padding: 0; position: relative; }
.met-index-cst .container button.btn-change { font-weight: 100; border: 0; background-color: #000; color: #fff; font-size: 24px; line-height: 60px; padding-left: 100px; padding-right: 100px; font-family: 'HarmonyOS_Sans_SC_Thin'; }
.met-index-cst .container > h3 { color: #727171;font-size: 14px; font-weight: 100; }
.font-blod { font-family: 'HarmonyOS_Sans_SC_Bold'; }
.met-index-cst .cst-tab { display: inline-block;overflow: hidden; width: 100%; height: 70px; margin-bottom: 15px; }
.met-index-cst .cst-tab ul { height: 70px;display: block;white-space:nowrap; margin-left: 0; margin-right: 0; padding-left: 0; font-size: 0; margin-bottom: 0;}
.met-index-cst .cst-tab ul>li { display: inline-block; margin: 0 5px 0 5px; padding: 0; list-style: none; font-size: 0; border: 0; }
.met-index-cst .cst-tab img { border: 0; font-size: 0; max-height: 70px;vertical-align: middle; }
#scollpic1 table, #scollpic1 table tbody,#scollpic1 table tbody tr, #scollpic1 table tbody tr td,
#scollpic2 table,#scollpic2 table tbody,#scollpic2 table tbody tr,#scollpic2 table tbody tr td,
#scollpic3 table,#scollpic3 table tbody,#scollpic3 table tbody tr,#scollpic3 table tbody tr td,
#scollpic4 table,#scollpic4 table tbody,#scollpic4 table tbody tr,#scollpic4 table tbody tr td { padding: 0px; margin: 0px; font-size: 0px; }

/*三角图*/
.met-index-about { padding-bottom: 0; }
.met-index-about .container { padding: 0; text-align: center; }
.met-index-about .container > h3 { text-align: left; font-size: 14px;font-weight: 100; line-height: 25px; padding-left: 0; display: inline-block; }
.met-index-about .container > h3 > p { text-align: center;font-size: 38px;font-weight: 100; }
.met-index-about .container .num-container { width: 100%; margin: 0 auto; display: inline-flex; }
.num-container .col-md-4 { width: 33.333%;}
.met-index-about .container .num-container > div { text-align: center; }
.met-index-about .container .num-container > div > h1 { font-size: 39px; color: #FFD400; }
.met-index-about .container .num-container > div > p { font-size: 16px; color: #000; }


/**脚部*/
footer { background-color: #FFD400;height: 810px; padding: 0; margin-top: 55px; }
footer .container { width: 100%; margin: 0 auto; margin-top: 75px; height: auto; position: relative; }
.foot-logo {text-align: center; height: 245px; margin: 0; padding: 0;}
.foot-logo .foot-logo-ewm { position: absolute; bottom: 0px; left: 0px; display: inline-flex; width: 100%; }
.foot-logo .foot-logo-ewm .ewm01 { display: inline-block;  } 
.foot-logo .foot-logo-ewm .ewm02 { display: inline-block; width: 50%;  } 

footer .foot-info-container { position: relative; bottom: 0px; left: 0px; width: 100%;  }
footer .foot-info-container .foot-info-r01  { padding: 0px; position: relative; height: 130px; }
footer .foot-info-container .foot-info-r01 .foot-info-r01-t01 { position: relative; top: 0px; left: 0px; }
footer .foot-info-container .foot-info-r01 .foot-info-r01-t01 .foot-info-r01-t01-t { font-size: 18px;text-align: left;color: #474848;line-height: 30px; }
footer .foot-info-container .foot-info-r01 .foot-info-r01-t01 .foot-info-r01-t01-tel { font-size: 16px; font-weight: 700; text-align: left;color: #000; line-height: 30px; }

footer .foot-info-container .foot-info-r01 .foot-info-r01-t02 { position: relative; top: 25px; left: 0px; }
footer .foot-info-container .foot-info-r01 .foot-info-r01-t02 .foot-info-r02-t01-t { font-size: 18px;text-align: left;color: #474848;line-height: 30px; }
footer .foot-info-container .foot-info-r01 .foot-info-r02-t01-tel { font-size: 16px; font-weight: 700; text-align: left;color: #000;line-height: 30px; }

footer .foot-info-container .foot-info-r02 { padding: 0px; }
footer .foot-info-container .foot-info-r02 > p { text-align: left;font-size: 17.51px; color: #000; line-height: 23px; margin-top: 15px; }
footer .foot-info-container .foot-line { width: 100%; height: 1px; background-color: #000;margin-bottom: 10px; margin-top: 30px; display:inline-block; }
.foot-p01 { font-size: 18px; text-align: left; color: #474848; font-weight: 100;line-height: 30px; }
.foot-p02 { font-size: 16px;text-align: left; color: #000; font-weight: 700;line-height: 30px; }
.foot-p03 { font-size: 16px;text-align: left; color: #000; font-weight: 100;line-height: 20px;margin-top: 0px; }

/*友情连接*/
.met-links { height: 55px; background-color: #000; padding: 0; margin: 0; font-size: 0; }
.met-links .container { width: 1360px; margin: 0 auto; height: 55px;line-height: 55px; position: relative;padding: 0; font-size: 0; text-align: left; }
.met-links .container .link-title01 { float: left; height: 55px;line-height: 55px;  }
.met-links .container .link-title01 > p { font-size: 18px; color: #fff; display: inline-block;text-align: left; margin: 0; }
.met-links .container .link-title02 {  height: 55px;line-height: 55px;  text-align: center; }
.met-links .container .link-title02 > p { font-size: 12px; color: #fff; display: inline-block;text-align: left; margin: 0; }
.met-links .container .link-title02 > p > a{ font-size: 12px; color: #fff; }
.link-list { display: inline-block; margin: 0px; padding: 0px; height: 100%; }
.link-list > ul { display: inline-flex; margin: 0px; padding: 0px; height: 100%; align-items: center; padding-left: 15px; }
.link-list > ul > li { display: inline-block; margin-left: 5px; }