
<meta name="viewport" content="width=device-width,initial-scale=1.0">
@charset "utf-8";
/* CSS Document */
/* CSS Document */
*{
  box-sizing: border-box; /* 全局盒模型，边距不撑宽 */
}
body{margin:0; padding:0; font-size:12px; font-family:Arial;}
a,img,p,form{border:0; margin:0; padding:0;}
hr{margin:0; padding:0;}
.clear,#clear{border:0; margin:0; padding:0; float:none; clear:both;}

/*=====新增：全局表格适配（解决手机表格变形核心）=====*/
table{width:100%; border-collapse: collapse;}
/* 所有表格外层建议套<div style="overflow-x:auto;-webkit-overflow-scrolling:touch;">，没有容器就全局兜底 */
.wrap-table{
  width:100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
td,th{padding:6px; border:1px #ccc solid;}


.head{width:1000px; margin:0 auto; padding:5px 0;}
.head .logo{float:left; width:260px;}
.head .lang{float:right; padding:5px 0 0 0;}
.head .lang a{padding:0 10px; text-decoration:none; color:#333; font-family:"Arial"}

.nav{width:100%; height:35px; background:url(images/nav.gif) repeat-x;} /* 改为全屏宽度 */

#nav{width:1000px; margin:0 auto; padding-left:50px; border:0; background:url(images/navg.gif) no-repeat right top;}
#nav li{float:left; width:110px; text-align:center; line-height:35px; list-style-type:none;height:35px;  _zoom:1; _overflow:hidden; background:color:#333;}

#nav li.current a{color:#090;}
#nav li.mb a{color:#333;}
#nav li.mhover a{color:#090;}

#nav li a{font-size:16px; text-decoration:none; color:#333; font-weight:bold; display:block;}
#nav li ul{position:relative; z-index:1100; background:#ddd; filter:alpha(opacity=90);-moz-opacity:0.9;opacity:0.9;width:140px; +left:-40px; padding:20px; display:none;}
#nav li ul.aboutus{width:200px;}
#nav li ul li{width:140px; text-align:left;clear:both; line-height:24px; height:24px;font-size:12px; font-weight:normal;background:none;}
#nav li ul.aboutus li{width:200px;}
#nav li ul li a{font-size:12px; color:#333}
#nav li.mhover ul li a{font-size:12px; color:#333}
#nav li.mhover ul li a:hover{color:#090;}}
#nav li ul li.mhover{background:none;clear:both;}

/*====轮播：PC最大1000px，手机100%同屏幕，和main宽度完全一致====*/
/*【核心修改：轮播改成1000px居中，无上下留白】*/
.banner{width:100%;margin:0 auto; padding:0; }
.banner .ad{width:100%; height:450px; overflow:hidden;position:relative;padding:0; margin:0;}
.banner .slider div a{margin:0; padding:0;border:0;}
.banner .slider{margin:0; padding:0;border:0;}
.banner .slider,.banner .num{position:absolute;}
.banner .slider div{height:450px; padding:0; border:0;zoom:1;overflow:hidden;}
.banner .slider div.n{display:none;}
/*========【修改1：轮播图片防拉伸核心，增加object-fit兼容全浏览器】========*/
.banner .slider div img{width:100%; height:100%; padding:0;  display:block;
    object-fit:cover;          /* 等比铺满容器，不变形，多余裁切（首页首选） */
    -webkit-object-fit:cover; /* 兼容Safari、Mac、苹果浏览器 */}
	/*========【修改2：标题span删掉固定width:956px，自适应全屏轮播宽度】========*/
.banner .slider div span{display:block; position:relative;  background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; top:-34px; height:30px; line-height:30px; padding:0 20px; width:auto;left:0; right:0;} /* 替换原来固定956px */
.banner .slider div span a{font-size:16px; font-weight:bold;color:#FFF; text-decoration:none;}
.banner .slider div span a:hover{text-decoration:underline;}
.banner .num{right:5px; bottom:0; *bottom:10px;}
.banner .num li{float: left;color: #069;text-align: center;line-height: 8px;width: 32px;height: 8px;font-family: Arial;font-size: 12px;cursor: pointer;overflow: hidden;margin: 3px 3px;border:2px solid #ddd;background-color: #fff;}
.banner .num li.on{color: #fff;line-height: 8px;width: 32px;height: 8px;font-size: 14px;margin: 3px 3px;border:2px solid #ddd;background-color: #ddd;font-weight: bold;}


.main{width:1000px; margin:0 auto; padding:5px 0 0 0;}
.main .inl,.main .inc,.main .inr{ float:left;}


span.intitle{display:block; height:24px; line-height:24px; background:url(images/intitle.gif) #ddd 7px 7px no-repeat; color:#000; text-indent:30px; text-transform:capitalize; font-weight:bold;}
.main .inlt{border:5px solid #ddd;width:220px;}
.main .ingx img,.main .ingx{ width:9px;}
.main .ingy img,.main .ingy{ height:9px;}
.main .pcate span.intitle{border:5px solid #FFF; border-bottom:0;}
.main .pcate span.b{display: none; height:18px; line-height:16px; background:#eef; text-align:center; color:#eee;}
.main .pcate{}
.main .pcate ul{margin:0 5px; padding:10px 0;}
.main .pcate ul li{margin:0; padding:0; list-style:none; border-bottom:1px #CCC dashed; height:28px; line-height:28px; text-indent:32px; background:url(images/ctt.gif) 20px 12px no-repeat;}
.main .pcate ul li a{color:#063; text-decoration:none; font-weight:bold;}
.main .pcate ul li a:hover{color:#333;}

.main .infaqs{padding:5px;}
.main .infaqs ul{margin:0; padding:10px 0;}
.main .infaqs ul li{margin:0; padding:3px 0 3px 5px; *padding:3px 0 3px 3px; list-style:disc inside;}
.main .infaqs ul li a{color:#333; text-decoration:none;}
.main .infaqs ul li a:hover{color:#000; text-decoration:underline;}

.main .inctd{border:#ddd solid 1px;}
.main .inc{width:540px;}
.main .inc .ing{height:1px;}
.main .inc .inPtitle{display:block; height:32px; line-height:32px; background:url(images/inPtitle.gif) repeat-x;}
.main .inc .inPtitle span{display:block; float:left; color:#000; font-size:14px; font-family:Arial, Helvetica, sans-serif; text-indent:10px;}
.main .inc .inPro{float:left; padding:10px 0 0 10px; width:166px;}

.main .inl{width:220px;}
.main .inl .pcate span.intitle{border:5px solid #FFF; border-bottom:0;}
.main .inl .pcate span.b{display:block; height:18px; line-height:16px; background:#ecf7fd; text-align:center; color:#cbe7fd;}
.main .inl .pcate{border:5px solid #ddd;}
.main .inl .pcate ul{margin:0 5px; padding:10px 0;}
.main .inl .pcate ul li{margin:0; padding:0; list-style:none; border-bottom:1px #CCC dashed; height:28px; line-height:28px; text-indent:32px; background:url(images/ctt.gif) 20px 12px no-repeat;}
.main .inl .pcate ul li a{color:#063; text-decoration:none; font-weight:bold;}
.main .inl .pcate ul li.current a{color:#d00; text-decoration:underline;}
.main .inl .pcate ul li a:hover{color:#d00; text-decoration:underline;}

.main .inl .faqs{border:5px solid #ddd; margin-top:10px; padding:5px;}
.main .inl .faqs ul{margin:0; padding:10px 0;}
.main .inl .faqs ul li{margin:0; padding:3px 0 3px 5px; *padding:3px 0 3px 3px; list-style:disc inside;}
.main .inl .faqs ul li a{color:#333; text-decoration:none;}
.main .inl .faqs ul li a:hover{color:#000; text-decoration:underline;}

.inPro .img{display:block; padding:4px; border:1px solid #ddd; width:156px; height:156px;}
.inPro .img img{width:156px; height:156px;}
.inPro .pNane{display:block; padding:4px; text-align:center;}
.inPro .pNane a{color:#333; text-decoration:none;}
.inPro .pNane a:hover{color:#000; text-decoration:underline;}

.main .inrtd{border:5px solid #ddd;}
.main .inr{width:190px; padding:5px;}
.main .inr ul{margin:0; padding:10px 0;}
.main .inr ul li{margin:0; padding:3px 0 3px 5px; list-style:disc inside;}
.main .inr ul li a{color:#333; text-decoration:none;}
.main .inr ul li a:hover{color:#000; text-decoration:underline;}


.pager{float:left; width:770px; margin:0 0 0 10px;zoom:1;overflow:hidden;}
.pager .Search{position:relative; text-align:right; z-index:12; top:-26px; *top:-28px; border:0; padding:0; margin:0; height:26px; float: right;}
div.currTitle{border-bottom:#ddd 1px solid; line-height:24px; font-family:Arial, Helvetica, sans-serif; text-transform:capitalize;}
div.currTitle a{color:#333;}
.page{padding:5px; margin:10px 0; text-indent:5px; background-color:#EEE; line-height:18px; text-align:center;}
.page a{color:#039; text-decoration:underline;}
.pager .bod{padding:10px;border:1px #ccc solid; border-top:0;}
.pager .probod{padding:10px 0 0 0; border:none}
.pager .bod .cateBriefly{padding:5px; text-indent:24px; border:1px #CCC solid; margin:10px 10px 0 10px;}

.pager .bod .Pro{float:left; padding:10px 0 0 10px; width:180px;}
.Pro .img{display:block; padding:4px; border:1px solid #ddd; width:170px; height:170px;}
/*========【修改4：产品列表缩略图防拉伸】========*/
.Pro .img img{width:100%; height:100%; object-fit:cover;-webkit-object-fit:cover;}

.Pro .pNane{display:block; padding:4px; text-align:center;}
.Pro .pNane a{color:#333; text-decoration:none;}
.Pro .pNane a:hover{color:#000; text-decoration:underline;}


.bod .proMoreTitle{padding:0 0 2px 0; border-bottom:1px #ddd solid; font-weight:bold; width:735px; display:block; font-size:16px; margin:0;}
.bod .proMoreImg{float:left; margin:10px 0 0 0;width:412px; border:1px #ddd solid;}
.bod .proMoreImg span{display:block;}
.bod #promoreBigImg{width:400px; height:400px;border-bottom:1px #ddd solid; padding:5px;margin:0;}
.bod .numbc{border-left:1px #ddd solid;border-right:1px #ddd solid;}
.bod .promoreSImg{padding:5px; height:125px; width:125px; cursor:pointer; margin:0; float:left;}
.bod .proMoreBri{float:left;border:1px #ddd solid; border-left:0; padding:0 0 0 20px; margin:10px 0 0 0; width:300px; height:364px; vertical-align:middle;}
.bod .proMoreBiy{float:left;border-right:1px #ddd solid; border-bottom:1px #ddd solid; height:35px; padding-top:5px; width:320px; text-align:center;}
.bod .proMoreBiy a{color:#900; font-size:14px; font-weight:bold;}
.bod .proInforTitle{padding:20px 0 2px 0; border-bottom:1px #ddd solid; font-size:16px; font-weight:bold; width:735px;}
.bod .proInforbod{padding:20px 0; width:735px;}
.bod .nAndp{padding:10px 0; height:18px; width:735px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.bod .nAndp .up{ float:left;}
.bod .nAndp .next{ float:right;}
.bod .nAndp a{font-weight:bold; color:#333;}

/*News*/
.bod .newslist{margin:10px 0 0 0; border:1px solid #ddd;}
.bod .newslist .newslistName{float:left; width:580px; line-height:24px; padding:0 0 0 10px;font-weight:bold;}
.bod .newslist .newslistName a{font-weight:bold; color:#000;}
.bod .newslist .newslistDate{float:right; width:160px; line-height:24px;}
.bod .newslist .newslistDate span{color:#e00;}
.bod .newslist .newslistBri{float:none; clear:both; border-top:1px solid #ddd; padding:10px 0; text-indent:24px; padding:10px 0 0 10px;}
.bod .newslist .more{text-align:right; padding:0 20px 10px 0;}
.bod .newslist .more a{color:#03C;}
.bod .newshow{width:735px;}
.bod .newshow .newshowtitle{display:block; font-weight:bold;margin:0; padding:5px 0; font-size:20px;text-align:center; clear:both;}
.bod .newshow .formdat{text-align:center; padding:5px 0;}
.bod .newshow .formdat span{padding-right:40px; color:#F00;}
.bod .newshow .newshowbod{ padding:10px 0;}
/*News end*/

.feedback{padding:50px 50px 10px 50px;}
.feedback td{padding:5px;}




.frand{width:100%; margin:9px 0; text-align:center; background:#ddd; padding:6px 0;border-top:1px #999 solid; border-bottom:1px #999 solid;}
.frand hr{margin:0; padding:0;}
.frand .bg{width:1000px; margin:0 auto; line-height:24px; *line-height:16px;}
.frand .ftitle{text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#028c0f; padding-right:5px;}
.frand a{text-decoration:none; color:#333; margin:0 5px;}
.frand a:hover{ text-decoration:underline;}


.bottom{width:100%; margin:0 auto; text-align:center; padding:5px 0;}
.bottom span{display:block; line-height:18px; width:1000px; margin:0 auto;}
.bottom .copy{text-transform:uppercase;color:#047cc4;}
.bottom a{color:#028c0f; text-decoration:none;}




