﻿/*2020-4-14把全局灰色都改成白色
把全部的#E2E2E2改成#fff，更新style.css后没变化？
把全部的#555(深灰)改成#fff？
*/
@charset "utf-8";
* {margin:0px;padding:0px;}
ul{ list-style:none}
img {border:0px;}
td {text-align:center;}
body {background-color:#FFF;font-size:13px;color:#333;font-family:"宋体";line-height:22px;}/*#fff是白色*/
a {text-decoration:none;color:#333;}/*#333是黑色*/
.space2 {height:6px;clear:both;overflow:hidden;}
.header {width:100%;margin:0px auto;clear:both;padding-top:6px; background-image:url(../2012images/body_top_bg.gif)}/*body_top_bg.gif是5*142px白竖条默认不铺地？20210701hqh修改990px为100%*/
.hh{width:990px;margin:auto;padding:0px;clear:both;}/*20210701hqh修改margin:0px为auto*/
.fl{float:left}
.logo {width:504px;float:left;height:80px; background-image:url(../2012images/logo.gif)}
/*logo.gif是新为诚+新为诚公司全称整图508*80px*/
.pnamer {float:right;width:320px;padding-top:15px}
.pnamer img{float:left;padding-left:10px}
.menu {width:100%;margin:0px auto;height:32px;clear:both; background-color:#2260c8; clear:both}/*原来底色蓝色OK的是#2260c8，#1DC2FA偏浅蓝，深蓝色是0f4575，绿色是#66CC00,红色是#e60012;20210701hqh修改990px为100%*/
.menu ul{list-style:none;padding-left:4px;color:#555;font-weight:bold;font-size:20px;margin: auto;width: 990px;}/*555是深灰*//*20210721hqh加2句margin: auto;width: 990px保证菜单文字居中*/
.menu ul li {width:100px;height:32px;line-height:32px;float:left;text-align:center;}
.menu ul li a{color:#fff;}/*原来flash上方文字都是黑色#000*/
.menu ul li.cusy{width:165px;float:left; }
.menu ul li.cusy a {color:#000;}
.menu ul li.sy {width:56px;float:left;}
.menu ul li.current {}
.menu ul li.current a {color:#F00;}/*F00是红色*/
.banner {width:100%;margin:0px auto;text-align:center;clear:both;}/*20210701hqh修改990px为100%*/

.box {width:990px;margin:0px auto;clear:both;}
.box_left {width:240px;float:left;}
.box_center {width:745px;float:left;}

.lmtit {width:240px;height:30px;line-height:30px;background:url(../2012images/lmc.gif) repeat-x left bottom;}
.lmcon {width:238px;border-left:1px solid #fff;border-right:1px solid #fff;background:#F6F6F6;overflow:hidden;border-bottom:1px solid #fff;}/*E2E2E2是全局的灰色=K10？F6F6F6=k2*/
.lmcon ul {list-style:none;clear:both;margin:5px;line-height:27px;}
.lmcon ul li {width:220px;float:left;padding-left:10px;border-bottom:1px solid #EBEBEB;}/*EBEBEB=K7*/
.lmcon ul h2{width:220px; text-align:left; font-weight:bold; float:left;padding-left:10px;*/padding-left:0px;border-bottom:1px solid #EBEBEB; line-height:30px;height:30px; font-size:13px }
.lmcon ul li.nolir {width:220px;float:left;padding-left:10px;border-bottom:none}
.lmcon ul li a:hover {color:#0960a5;}/*0960a5是海蓝色*/

.lmcon_sec {width:238px;border-left:1px solid #fff;border-right:1px solid #fff;overflow:hidden;}
.lmcon_sec ul {list-style:none;clear:both;margin:0px;padding:0px;}
.lmcon_sec ul li {height:28px;line-height:28px;background:url(../2012images/leftlm.gif) repeat-x left center;border-bottom:1px solid #e8e8e8;}
.lmcon_sec ul li a{padding-left:30px;color:#747474;}/*747474是中灰*/
.lmcon_sec ul li.current{height:28px;line-height:28px;background:url(../2012images/leftlm2.gif) repeat-x left center;}
.lmcon_sec ul li.current a{color:#0661aa;background:url(../2012images/icon9.gif) no-repeat 20px center;}/*0661aa是蓝色*/
.lmcon_sec ul li a:hover {color:#0661aa;}


.lm_l {width:10px;height:30px;float:left;background:url(../2012images/lml.gif) no-repeat left bottom;}
.lm_c {float:left;font-weight:bold;}
.lm_r {width:5px;height:30px;float:right;background:url(../2012images/lmr.gif) no-repeat left bottom;}

.lmend2 {width:100%;height:28px;background:url(/images/lmfbg.gif) repeat-x left top;clear:both;}
.fo_l2 {width:7px;height:28px;_height:28px;float:left;background:url(../2012images/lmfbgl.gif) no-repeat 0px 0px;overflow:hidden;}
.fo_r2 {width:7px;height:28px;_height:28px;float:right;background:url(../2012images/lmfbgr.gif) no-repeat 0px 0px;overflow:hidden;}

.lmtit2 {width:740px;height:30px;line-height:30px;background:url(../2012images/lmc2.gif) repeat-x left bottom; float:right}
.lm_l2 {width:10px;height:30px;float:left;background:url(../2012images/lml2.gif) no-repeat left bottom;}
.lm_c2 h2{float:left;font-weight:bold; line-height:30px;height:30px; font-size:13px ;}
.lm_r2 {width:7px;height:30px;float:right;background:url(../2012images/lmr2.gif) no-repeat left bottom;}
.lmcon2 {width:738px;border-left:1px solid #fff;border-right:1px solid #fff;padding:7px 0px;background:#F9F9F9;line-height:22px;text-align:center;overflow:hidden;border-bottom:1px solid #fff;margin-left:5px}
.lmcon2 ul li{width:180px; height:100px; float:left; text-align:center}
.lmcon2 ul li img{padding:0 25px 0 25px}
.lmcon3 {
	width: 738px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	background: #F9F9F9;
	line-height: 21px;
	text-align: left;
	overflow: hidden;
	margin-left: 5px;
	color: #000;
}
.lmcon3 p {
	margin:5px 5px;
	text-indent:2em;
}
/*2018-10-26品牌日出360*/
.lmcon3-360 {width:738px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#F9F9F9;line-height:21px;text-align:left;overflow:hidden;margin-left:5px}
.lmcon3-360 p {
	font-size:16px;
	font-weight:bold;
	margin:5px 5px;
	text-indent:2em;
}
/*2018-10-26品牌日出360*/

a.more {font-weight:normal;padding-right:8px; float:right;background:url(../2012images/lmr2.gif) no-repeat right bottom}
a.atit{color:#0960A5;}
.f_float{float:left;margin:8px;}
p.f_left{float:left;margin:8px 10px 5px 8px;text-indent:0px;}
.newslist {float:left;list-style:none;line-height:22px;margin:5px 0px;font-family:Arial;}
.newslist li {padding-left:10px;width:350px; float:left; height:25px} /*新闻标题左齐，定义整个新闻标题+日期宽度*/
.newslist li a:hover {text-decoration:underline;}
.newslist li span{float: right} /*利用行级标签span新闻日期右齐*/
.lmcon4 {width:738px;border-left:1px solid #fff;border-right:1px solid #fff;padding:7px 0px;background:#F9F9F9;line-height:22px;text-align:center;overflow:hidden;border-bottom:1px solid #fff;margin-left:5px}
.lmcon4 ul li{width:350px; float:left}
.foottop {
	width:990px;
	margin:0px auto;
	clear:both;
	border-top:1px solid #D6D6D6;/*D6D6D6=K15灰*/
	line-height:20px;
	background-color:#ccc;/*ccc是灰色=K20*/
	text-align: center;
}
.footer {width:990px;margin:0px auto;text-align:left;clear:both;border-top:1px solid #D6D6D6;border-bottom:1px solid #D6D6D6;line-height:18px;}/*D6D6D6=K15灰*/
.footer a {margin:0px 5px;}
.footerb {width:980px;margin:0px auto;line-height:25px;text-align:center;min-height:60px;_height:60px;}
/*新加认证等CSS
2014-5-14添加*/
.lmcon2-shutu {width:738px;border-left:0px solid #fff;border-right:0px solid #fff;padding:7px 0px;background:#F9F9F9;line-height:22px;text-align:center;overflow:hidden;border-bottom:0px solid #fff;margin-left:5px}
.lmcon2-shutu ul li{width:369px; height:245px; float:left; text-align:center}
.lmcon2-shutu ul li img{padding:0 25px 0 25px}
.lmcon2-shutu-wz {width:738px;border-left:0px solid #fff;border-right:0px solid #fff;border-bottom:1px solid #fff;background:#F9F9F9;line-height:21px;text-align:left;overflow:hidden;margin-left:5px}
.lmcon2-shutu-wz ul li{width:369px; height:22px; float:left; text-align:center}

.lmcon2-hengtu {width:738px;border-left:0px solid #fff;border-right:0px solid #fff;padding:7px 0px;background:#F9F9F9;line-height:22px;text-align:center;overflow:hidden;border-bottom:0px solid #fff;margin-left:5px}
.lmcon2-hengtu ul li{width:369px; height:180px; float:left; text-align:center}<!--关键原来是height:240px-->
.lmcon2-hengtu ul li img{padding:0 25px 0 25px}
.lmcon2-hengtu-wz {width:738px;border-left:0px solid #fff;border-right:0px solid #fff;border-bottom:1px solid #fff;background:#F9F9F9;line-height:21px;text-align:left;overflow:hidden;margin-left:5px}
.lmcon2-hengtu-wz ul li{width:369px; height:22px; float:left; text-align:center}
.13px-white-left {
	color: #FFF;
	text-align:left;
}
/*2014-8-31修改*/
.lmcon3-neirong {width:738px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#F9F9F9;line-height:21px;text-align:left;overflow:hidden;margin-left:5px;height:1950px;}
.lmcon3-neirong p {margin:5px 5px; text-indent:2em}
/*新加新品推荐等CSS
2014-8-18添加*/
.lmcon2-newproducts {width:738px;border-left:1px solid #fff;border-right:1px solid #fff;padding:7px 0px;background:#F9F9F9;line-height:22px;text-align:center;overflow:hidden;border-bottom:1px solid #fff;margin-left:5px}
.lmcon2-newproducts ul li{width:180px; height:130px; float:left; text-align:center}
/*height控制两行间距*/
.lmcon2-newproducts ul li img{padding:10px 25px 0 25px}
/*10px控制图片上方空白*/

/*2014-8-31修改test-data*/
/*摘抄至商业案例DIV+CSS第7章7-6案例，以下“#”不能变成“.”，否则显示不正确！*/
h1{font-size:14px;}
/*.test-news{
	width:460px;
}*/
#test-news ul{
	list-style-type: none;
}
#test-news li{
	height: 25px;
	background-image: url(../images/dg.gif);
	background-repeat: no-repeat;
	background-position:left center;
	padding:2px;
}
.test-s1{
	float: left;
	padding-right: 6px;
	padding-left: 15px;
	background-position: -1px 1px;
}
.test-s2{
	color: #999999;
	float: right;
	padding-left: 10px;
}
#test-news a:link{
	color: #333333;
	text-decoration:none;
}
#test-news a:hover{
	color:#FF0000;
	text-decoration:underline;
}
#test-news a:visited{
	color:#296712;
	text-decoration:underline;
}
/*以下参照lmcon3*/
.test-body{width:738px;border-left:1px solid #fff;border-right:1px solid #fff;border-bottom:1px solid #fff;background:#F9F9F9;line-height:25px;text-align:left;overflow:hidden;margin-left:5px;}
.test-body p {margin:5px 5px; text-indent:2em}
/*天猫淘宝加说明2014-12-15参考lmcom2*/
.lmcon-tb 
{width:738px;
border-left:1px solid #fff;
border-right:1px solid #fff;
padding:7px 0px;
background:#F9F9F9;
line-height:22px;
text-align:center;
overflow:hidden;
border-bottom:1px solid #fff;
margin-left:5px
}
.lmcon-tb ul li{width:360px; height:70px; float:left; text-align:center}
.lmcon-tb ul li img{padding:0 25px 0 25px}
<!--2021-6-11胡修改为了小周win10用cs6发布文章统一黑色和红色，开始-->
.txt-13px-left-red {
	font-size:13px;
	color: #F00;
	text-align:left;
}
.txt-13px-left-black {
	font-size:13px;
	color: #000;
	text-align:left;
}
.txt-13px-center-black {
	font-size:12px;/*2021-6-25从13变到12px，为了放下360日出口号*/
	color:#000;
	text-align:center;
}
<!--2021-6-11胡修改为了小周win10用cs6发布文章统一黑色和红色，结束-->
/*2018-10-26品牌日出360要求参考lmcon-tb*/
.lmcon-tb-360 {width:738px;border-left:1px solid #fff;border-right:1px solid #fff;padding:7px 0px;background:#F9F9F9;line-height:22px;text-align:center;overflow:hidden;border-bottom:1px solid #fff;margin-left:5px}
.lmcon-tb-360 ul li{width:180px; height:20px; float:left; text-align:center}
.lmcon-tb-360 ul li img{padding:0 15px 0 15px}
.txt-13px-left-red {
	color: #F00;
}

/*2019-3-31修改二维码*/
注意首页的左右两个手机官网和微信二维码CSS代码在index.htm中自带
.lmcon2-erweima 
{
	width:738px;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	padding:7px 0px;
	background:#F9F9F9;
	line-height:22px;
	text-align:center;
	overflow:hidden;
	border-bottom:1px solid #fff;
	margin-left:5px;
	}
.lmcon2-erweima ul li
{
	width:650px;
	height:120px;
	float:left;
	text-align:center; 
	}
.lmcon2-erweima ul li img{
	padding:5px 0px 5px 150px;/*实际顺序是上、右、下、左*/
}
.txtcenter-red {
	font-size: 14px;
	font-style:normal;
	line-height: normal;
	color: #000;
	text-align: center;
	font-weight: bold;
	float:right;
}

/*2017-2-7添加热门产品详情页，仿造lmcon3*/
.remen {
	width:738px;
	height:15400px;/*不加这条或者用auto就会显示不全*/
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	background:#F9F9F9;
	line-height:21px;
	float:left;
	text-align:left;
	overflow:auto;/*原来hidden就是截断了*/
	margin-left:5px/*底部大模块的左侧分隔对齐，不要变，否则左侧不对齐*/
}
.remen p {
	margin:5px 5px;/*原来5px 5px*/
	text-indent:2em;
}
/*2017-2-7新增用于热门产品图文版*/
.remen-menu {
	width:738px;
	margin:0px auto;/*应该是上、右、下、左顺序留空，这样留不懂？*/
	height:100px;/*字体行距？不是，是高度！原来32*/
	background-color:#FBFAFA;/*背景白色*/
	clear:both；
}
.remen-menu ul{
	list-style:none;
	padding-left:4px;
	color:#555;
	font-weight:bold;
	font-size:20px;
}
.remen-menu ul li {
	width:400px;/*原来95，管文字宽度*/
	height:600px;/*原来26、40图都显示不完*/
	padding-top:10px;
	text-align:center;
	vertical-align:middle;
}
.remen-menu ul li a{color:#000;}
.remen-menu ul li.cusy{width:165px;float:left; }
.remen-menu ul li.cusy a {color:#000;}
.remen-menu ul li.sy {width:56px;float:left;}
.remen-menu ul li.current {}
.remen-menu ul li.current a {color:#F00;}
