﻿/* CSS for Muye */
*{ padding:0; margin:0;}
body{ font-size:12px; font-family:"Arial","Batang","Calibri","Helvetica","sans-serif"; background:url(../images/bg.jpg) no-repeat center top #ffffff; color:#494949;}
ul,li{ list-style:none;}
img{ vertical-align:top; border:0;}
a{ font-size:12px; font-family:"Arial","Batang","Calibri","Helvetica","sans-serif"; color:#0B5D97; text-decoration:none;}
a:hover{ color:#f60;}
h3{ font-size:14px; font-weight:bold; color:#494949; padding:45px 0 0 80px; width:130px; float:left;}
#head{ width:960px; height:455px; margin:0 auto; position:relative; overflow:hidden;}
.top{ width:960px; height:123px;}
.logo{ width:279px; height:50px; float:left; margin:6px 0 0 3px;}
.tel{ width:200px; height:50px; float:right; margin:30px 5px 0 0; font-size:14px; font-weight:bold; color:#fff;}
/*导航*/
#nav{ font-size:13px; font-family:Arial;height:34px; position:relative; z-index:100; width:960px; height:34px; background:#c8c8c8;}
#nav li{ float:left; list-style:none; position:relative; width:139px; height:34px; border-right:1px solid #fff;}
#nav a{ display:block; height:34px; width:139px; line-height:34px; background:#c8c8c8; color:#fff; text-decoration:none; text-align:center; overflow:hidden; float:left;}
#nav a:hover{ background:#369; color:#fff; float:left;}
#nav ul ul li a{ text-align:center;  }
#nav ul li a.selt{ background:#1e4181; }
#nav ul ul{ visibility:hidden; position:absolute; left:0px; top:34px; width:157px; }
#nav ul li:hover ul.second, #nav ul a:hover ul.second { visibility:visible; }
#nav ul ul li { clear:both; text-align:left; border-right:none;}
#nav ul ul a:hover { background:black; color:white; }
#nav .third{ top:0px; left:137px; width:137px;}
#nav ul ul li:hover ul.third, #nav ul ul a:hover ul.third { visibility:visible; }
#nav ul ul a:hover { background:#000; color:white; }
#nav ul ul ul li{ border-right:none;}
#nav ul ul ul a { background:#000;}
#nav ul ul ul a:hover { background:#cc0000; color:#cccccc; }
#nav table{ border-collapse:collapse; }

#banner{ width:960px; height:198px; margin:6px auto; position:absolute; z-index:1;}
#cent{ width:960px; margin:0 auto; overflow:hidden;}
#left{ width:270px; float:left;}
.news{ width:270px; height:510px; background:#ffffff url(../images/menu_bg.jpg) left top no-repeat;}
.news_tit{ width:270px; height:75px;}
.news_tit h3{ padding-left:80px;}
.more{ float:right; width:60px; padding-top:50px;}
.news ul li{ width:220px; margin:8px auto; background:url(../images/li_line_bg.jpg) left bottom repeat-x; line-height:23px;}
.news ul li a{ background:url(../images/li_icon.jpg) no-repeat left center; padding-left:15px;}
.contact{ width:270px; height:180px; background:url(../images/contact_bg.jpg) no-repeat; padding-top:50px;}
.contact p{ font-family:Arial, Helvetica, sans-serif; padding:0 16px; line-height:25px;}
#right{ width:671px; float:right; background:#ffffff;}
.about{ width:671px; height:260px;}
.about_tit{ width:671px; height:30px; background:url(../images/certificate.gif) no-repeat;}
.about_tit h3{  padding:20px 0 0 60px;}
.about_tit .more{ padding-top:15px;}
.about_cont{ width:631px; height:165px; background:url(../images/about_bg.jpg) repeat-x; text-align:justify; padding:20px 20px 0 20px; line-height:23px; text-indent:24px;}
.down{ width:631px; height:40px; margin-top:8px;}
.down_txt{ width:200px; float:left;}
.down_icon{ width:208px; height:41px; float:right;}
.pro{ width:671px; height:500px;}
.pro_tit{ width:671px; height:30px; background:url(../images/itemlist.gif) no-repeat left center;}
.pro_tit h3{ padding:20px 0 0 60px;}
.pro_tit .more{ padding-top:15px;}
.pro_cont{ width:671px; height:360px; background:url(../images/pro_bg.jpg) no-repeat left top;}
.pro_cont ul{ padding:20px 7px 0 7px; height:360px;}
.pro_cont ul li{ background:url(../images/pro_img_bg.jpeg) center top no-repeat; width:209px; height:229px; float:left;}
.pro_cont ul li img{ margin:5px 5px; width:200px; height:150px;}
.pro_cont ul li a{ display:block; text-align:center; line-height:25px;}
/*common*/
.location{ width:656px; height:44px; background:url(../images/location.jpg) no-repeat; line-height:50px; overflow:hidden; padding-left:15px;}
.layout{width:631px;background:url(../images/about_bg.jpg) repeat-x; text-align:justify; padding:20px 20px 0 20px; line-height:23px;}
#foot{ width:100%; height:150px; background:url(../images/foot_bg.jpg) repeat-x;}
.foot_all{ width:915px; height:80px;margin:0 auto; padding-top:10px; color:#fff;}
.foot_all p{ height:20px; line-height:20px; line-height:25px;}
.foot_lft{ width:250px; float:left; font-family:Arial, Helvetica, sans-serif; color:#c8d2dc;}
.foot_rgt{ width:250px; float:left; font-family:Arial, Helvetica, sans-serif; color:#c8d2dc;}
#foot a { font-family:"宋体","Arial","Batang","Calibri","Helvetica","sans-serif"; color:#c8d2dc;}
.foot_logo{ width:395px; float:left; text-align:center; padding-top:5px;}
/*自适应高度*/
#cent:after{ display:block; height:0; clear:both; visibility:hidden;}
#cent{display:inline-block;}
/*\*/
#cent{display:block;}
/* end easy clearing */
/*\*/
#left, #right{padding-bottom: 32767px !important; margin-bottom: -32767px !important;}
@media all and (min-width: 0px) {
#left, #right{padding-bottom: 0 !important; margin-bottom:0 !important; }
#left:before, #right:before{ content: '[DO NOT LEAVE IT IS NOT REAL]'; display: block; background: inherit; padding-top: 32767px !important; margin-bottom: -32767px !important; height:0;}
}
.searcher{position:absolute;top:40px;right:300px;}