/* ::::: http://xeqcsz.com/public/ui/met/css/metinfo_ui.css ::::: */

body, h1, h2, h3, h4, h5, h6, dl, dt, li, dd, th, td, p, pre, form, input, button, textarea, hr { margin: 0px; padding: 0px; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
img { border: 0px none; }
ul, ol { padding-left: 40px; }
.clear { clear: both; }
.list-none { list-style: outside none none; padding: 0px; margin: 0px; }
.editor { line-height: 2; color: rgb(51, 51, 51); }
.editor img { max-width: 100%; }
/* ::::: http://xeqcsz.com/templates/juyiv5/images/css/metinfo.css ::::: */

html, body { font: 12px/1.8 "Microsoft YaHei",Tahoma,Verdana,"Simsun"; color: rgb(51, 51, 51); background: rgb(213, 213, 215) none repeat scroll 0% 0%; min-width: 980px; }
a { color: rgb(51, 51, 51); text-decoration: none; }
a:hover { color: rgb(28, 87, 196); text-decoration: none; }
.inner { width: 980px; margin: 0px auto; position: relative; }
header { background: rgb(77, 182, 240) none repeat scroll 0% 0%; }
#web_logo { margin-left: 10px; font-size: 0px; position: relative; z-index: 999; }
#web_logo img { width: 200px; }
.top-nav { color: rgb(255, 255, 255); position: absolute; right: 5px; top: 8px; height: 77px; z-index: 1; text-align: right; width: 100%; }
.top-nav a { color: rgb(255, 255, 255); }
.top-nav a:hover { color: rgb(255, 255, 255); }
.top-nav li.b { position: absolute; top: 54px; right: 0px; }
.top-logo { min-height: 90px; }
nav { height: 40px; overflow: hidden; }
nav ul { width: 980px; margin: 0px auto ! important; }
nav ul li { float: left; text-align: center; height: 40px; line-height: 40px; overflow: hidden; }
nav ul li a { color: rgb(255, 255, 255); font-size: 14px; }
nav ul li a:hover { color: rgb(255, 255, 255); }
nav ul li.line { width: 0px; height: 40px; padding: 0px; }
nav ul li.hover, nav ul li.navdown {  }
nav ul li.hover a, nav ul li.navdown a { border-bottom: 2px solid white; }
nav ul li.hover a:hover, nav ul li.navdown a:hover { border-bottom: 2px solid white; }
.met_flash { margin-top: 10px; font-size: 0px; overflow: hidden; }
.index { background-color: rgb(255, 255, 255); }
.aboutus { float: left; width: 675px; margin-top: 20px; }
.style-1 h3.title span { float: left; background: transparent url('dt-5.gif') repeat-x scroll 0% 0%; height: 32px; line-height: 32px; padding: 0px 25px; color: rgb(255, 255, 255); font-weight: normal; font-size: 14px; }
.style-1 h3.title a.more { float: right; width: 39px; height: 11px; line-height: 1000px; overflow: hidden; background: transparent url('more.gif') repeat scroll 0% 0%; margin: 10px 10px 0px 0px; }
.style-1 .active { background: rgb(77, 182, 240) none repeat scroll 0% 0%; padding: 10px; }
.index-news { float: left; width: 480px; margin-top: 20px; }
#index-news { margin-right: 20px; }
#index-news1 { width: 285px; margin-left: 20px; }
.listel li { margin: 7px 5px; height: 30px; line-height: 30px; overflow: hidden; padding-left: 13px; background: transparent url('dt-1.gif') no-repeat scroll left 12px; }
.listel li a { margin-right: 5px; }
.listel li span { float: right; color: rgb(102, 102, 102); }
.home { height: 416px; margin-top: 20px; }
.home-left { width: 237px; float: left; margin-right: 20px; }
.home-left-product h1, .home-right-product h1 { box-sizing: border-box; font-size: 14px; font-weight: 100; }
.home-left-product h1 { height: 32px; background: transparent url('dt-5.gif') repeat-x scroll 0% 0%; padding: 3px 25px 0px; width: 106px; color: rgb(255, 255, 255); box-sizing: border-box; border-top-right-radius: 5px; border-top-left-radius: 5px; }
.home-right-product h1 span a { background: transparent url('more.gif') no-repeat scroll 0% 0%; display: inline-block; width: 50px; height: 15px; float: right; margin-top: 10px; }
.center { width: 237px; background-color: rgb(77, 182, 240); float: left; margin-right: 15px; }
.center ul { padding-left: 10px; list-style: outside none none; margin: 0px ! important; }
.center ul li { background: transparent url('ico.jpg') no-repeat scroll left center; padding: 5px 0px 5px 22px; }
.center ul li a { color: rgb(255, 255, 255); }
.center ul li a:hover { color: rgb(253, 154, 35); }
.tit-pro { color: rgb(255, 255, 255); display: inline-block; height: 32px; padding: 0px 25px; background: transparent url('dt-5.gif') repeat-x scroll 0% 0%; border-top-right-radius: 5px; border-top-left-radius: 5px; }
.home-right { width: 722px; float: left; height: 435px; }
.home-right a { color: rgb(51, 51, 51) ! important; }
.home-right ul { margin: 0px; padding: 0px; }
.home-right ul li { list-style-type: none; width: 172px; height: 172px; float: left; text-align: center; margin: 14px 4px; }
.home-right ul li img { width: 174px; height: 174px; }
.content { background-color: rgb(77, 182, 240); height: 403px; }
footer { background-color: rgb(77, 182, 240); }
.foot-nav { text-align: center; margin-top: 10px; height: 25px; line-height: 25px; }
.foot-nav span { font-size: 10px; margin: 0px 8px; color: rgb(136, 136, 136); }
.foot-text { text-align: center; padding: 0px 0px 5px; }
.weichat { position: fixed; right: 10px; top: 400px; width: 50px; }
.wei-p1 { position: fixed; right: 5px; top: 400px; width: 48px; height: 46px; }
.erweima1 { position: fixed; right: 5px; top: 290px; width: 100px; height: 100px; display: none; z-index: 999; }
/* ::::: http://xeqcsz.com/public/banner/nivo-slider/nivo-slider.css ::::: */

.metinfo-banner1 { position: relative; }
.metinfo-banner1 .nivo-controlNav { position: absolute; right: 5px; bottom: 5px; height: 15px; padding: 0px; overflow: hidden; z-index: 99; }
.metinfo-banner1 .nivo-controlNav a { display: block; float: left; width: 25px; height: 16px; line-height: 16px; color: rgb(255, 255, 255); font-weight: normal ! important; font-size: 12px ! important; background: rgb(0, 0, 0) none repeat scroll 0% 0%; font-family: Arial; margin-left: 5px; text-align: center; opacity: 0.4; text-decoration: none; }
.metinfo-banner1 .nivo-controlNav a.active { opacity: 1; }
.nivoSlider { position: relative; width: 100%; height: auto; overflow: hidden; }
.nivoSlider img { position: absolute; top: 0px; left: 0px; max-width: none; }
.nivo-main-image { display: block ! important; position: relative ! important; width: 100% ! important; }
.nivo-slice { display: block; position: absolute; z-index: 5; height: 100%; top: 0px; }
.nivo-caption { position: absolute; left: 0px; bottom: 0px; background: rgb(0, 0, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); width: 100%; z-index: 8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; box-sizing: border-box; }
.nivo-controlNav { text-align: center; padding: 15px 0px; }
.nivo-controlNav a { cursor: pointer; }
.nivo-controlNav a.active { font-weight: bold; }
.metinfo-banner1 img {  }