body,h1,h2,h3,h4,h5,h6,div,dd,dt,dl,form,table,ul,li,marquee{font-size:12px; margin:0; padding:0;}
body{ background: url(../images/bg.jpg) repeat-x}
img{border:0;}
ul{list-style:none;}
.clear{ clear:both;}
a{text-decoration: none; color: #666; }
a:hover{ color:#000;}


/*订单后台*/
.gray{color:#3E3E3E;line-height:20px;text-decoration:none;	}
.red{
    color:#C20505;
	line-height:20px;
	text-decoration:none;
	}
.graya{
    color:#3E3E3E;
	line-height:24px;
	text-decoration:none;
	}
.gray_cu{
    color:#3e3e3e;
	font-weight:bold;
	text-decoration:none;
	}
.qgray{
    color:#535353;
	text-decoration:none;
	}	
	
	
	
	
	/*结束*/

.top{ width:1003px; margin:0 auto}
.topmk{ line-height:29px;}
.topmk a{ color:#c1233a}
.topmka a{ color:#000}
.topmka a:hover{ text-decoration:underline}
.topmka b a{color:#c1233a; font-weight:normal}
.topmka span a{ color:#ff6800}
.topmkb{ padding:20px; width:963px; height:52px;}
.search{ background:url(../images/img_12.jpg) no-repeat; width:335px; height:15px; border:0;  padding:8px 20px 8px 20px;}
.nav{ height:35px;}
.gg{ line-height:26px; height:26px; background:url(../images/img_35.jpg) no-repeat left center; padding:5px 25px 0 25px; width:953px;}
.gg a{ color:#757575}
.main{ padding:7px 0; width:1003px; margin:0 auto}
.mka{ height:326px;}

.mka_left{ float:left; width:160px; height:279px; background:url(../images/flbg.jpg); padding:40px 0 0 0;}
.mka_left ul{ text-align:center; padding:0 10px;  }
.mka_left ul li{ line-height:30px; border-bottom:1px dashed #f3dce3; margin-bottom:3px; }
.mka_left ul li a{ color:#c01839; font-size:13px;}
.mka_left ul li a:hover{ text-decoration:underline}
.banner{ float:left; padding:0 5px;}
.banner img{ border:1px solid #ccc;}
.new{ float:left; width:253px;}
.load{ background:url(../images/dlbg.jpg) repeat-x; width:251px; height:69px; border:1px solid #eaeaea; color:#c1233a; margin-bottom:5px;}
.newmk{ border:1px solid #eaeaea; height:242px;}
.newmkbt{ height:25px; background:url(../images/img_50.jpg); padding:0 10px; font-weight:bold; line-height:25px; color:#666}
.newmkbt span{ float:right; font-weight:normal}
.newmk ul{ padding:5px 10px 0px 10px;}
.newmk ul li{ line-height:25px; border-bottom:1px dashed #e8e8e8; margin-bottom:4px;}

.mkbbg{ height:430px; background:url(../images/bt1.jpg) no-repeat top; padding-top:8px;}
.mkb{ background:url(../images/bt2.jpg) bottom no-repeat; height:425px;}
.mkbmk{ border-left:1px solid #e2e2e2;border-right:1px solid #e2e2e2; height:417px;}
.mkbmk_bt{ padding:5px 15px;}
.mkbmk_bt span{ float:right; line-height:23px;}
.mkbmk_left{ float: left; padding:20px 12px;}
.mkbmk_left img{ border:1px solid #cdcdcd;} 
.mkbmk_right{ float:left; width:755px; padding:20px 0 0 0; height:239px;}
.tjcpmk{ width:181px; float:left; line-height:20px; font-weight:bold; text-align:center; padding:0 3px 5px 3px; color:#666; font-size:13px;}
.tjcpmk img{ border:1px solid #cdcdcd; padding:1px; margin-bottom:5px;}
.tjcpmk b{ font-family:"微软雅黑";color:#f00}
.tjcpmk span{ text-decoration:line-through}
.cxxx{ width:755px; float:left; height:110px;}
.cxxx_mk{ width:753px; border-left:1px solid #e4e4e4; border-right:1px solid #e4e4e4; height:84px;}
.cxxx_mkbt{ color:#9c0919; font-family:"微软雅黑"; font-size:14px; font-weight:bold; padding:0 10px;} 
.cxxx_list{ padding:5px;}
.cxxx_list li{ padding:0 35px 0 5px; width:200px; float:left;}
.cxxx_list li span{ float:right;}
.mkc{ height:483px;}
.mkc_bt{ height:40px;}
.mkc_bg{ height:440px; border-bottom:1px solid #d6d8dc;border-left:1px solid #d6d8dc;border-right:3px solid #ea004d;border-top:3px solid #ea004d; }
.zxcpmk{ float:left; width:145px; padding:13px 18px 18px 18px; border-bottom:1px dashed #d4d4d4; border-right:1px dashed #d4d4d4; text-align:center}
.zxcpmk img{ margin-bottom:5px;}
.zxcpmk b{ font-family:"微软雅黑";color:#f00}
.zxcpmk span{ text-decoration:line-through}
.yhcp_bg{ height:440px; border-bottom:1px solid #d6d8dc;border-left:1px solid #d6d8dc;border-right:3px solid #ff7335;border-top:3px solid #ff7335; }
.adimg{ width:1003px; margin:0 auto; height:97px;}
.adimg img{ border:1px solid #e2e2e2; padding:1px;}
.foot{ width:1001px; margin:0 auto; border:1px solid #d6d8dc}
.foot ul{ padding:45px 0 0 100px; line-height:20px;}
.footer{ width:1003px; margin:0 auto; height:80px; padding:20px 0}
.footer span a{ color:#ddd;}
/*产品页*/
.cp_banner{ float:left; padding:0 0 0 5px;}
.cp_banner img{ border:1px solid #ccc;}
.cpym{ padding:6px 0;}
.cpym_bk{ border:3px solid #ea004d; padding:9px 13px;}
.cpmk{ background:#e5e5e5}
.cpmk td{ background:#fff; line-height:21px;}
.cpmk img{margin-bottom:5px;}
.cpmk b{ font-family:"微软雅黑";color:#f00}
.cpmk span{ text-decoration:line-through}
.page{ text-align:center; padding:20px 20px 10px 20px;}

/*产品列表页*/
.left{ float:left; width:167px;}
.right{ float:left; width:822px; background:#fff1e1; padding:4px;}
.rightbk{ border:1px solid #f8cfa5; background:#fff; min-height:1120px; padding:10px;}
.cplist{ background:#e5e5e5}
.cplist td{ background:#fff; line-height:21px;}
.cplist img{margin-bottom:5px;}
.cplist b{ font-family:"微软雅黑";color:#f00}
.cplist span{ text-decoration:line-through}
.cp_ad{ padding:7px 0}
.cp_ad img{ border:1px solid #e2e2e2; padding:1px; margin-bottom:7px;}
.yhcx{ border:1px solid #e2e2e2; height:550px;} 
.yhcxbt{ font-size:14px; font-family:"微软雅黑"; color:#cd1d68; padding:5px;}
.yhcximg{ text-align:center; padding:10px 0; } 
.yhcximg img{margin-bottom:5px;}
.yhcximg b{ font-family:"微软雅黑";color:#f00}
.yhcximg span{ text-decoration:line-through}
.bt{font-size:14px; font-family:"微软雅黑"; color:#cd1d68; padding:0 0 10px 5px; font-weight:bold}
/*news*/
.list li{ line-height:30px; margin-bottom:10px; border-bottom:1px dashed #d6d6d6;padding:0 7px; }
.list li span{ float:right; color:#d61214}
.news_bt{ padding:30px 50px 5px 50px; text-align:center;}
.news_h2 h2{ color:#666; border-bottom:1px solid #ddd; padding-bottom:10px;font-size:16px;}
.time{ color:#666; padding-top:10px;}
.word{ padding:10px 10px; line-height:220%; color:#242424; min-height:600px;}
/*产品内页*/
.cpny{ height:405px; border:1px solid #f8cfa5; background:#fff; padding:30px; margin-bottom:7px;}
.cpnyimg{ float:left}
.cpnyimg img{ border:1px solid #d8d8d8; padding:1px;}
.cpny_word{ float:left; padding:0 0 0 20px; width:335px;} 
.cpny_word h3{ border-bottom:1px dashed #d9d9d9; font-size:20px; padding-bottom:6px;}
.cpny_text{ padding:10px 0 0 0; height:220px;border-bottom:1px dashed #d9d9d9;}
.cpny_text li{ line-height:42px; width:150px; float:left;  }
.cpny_text li b{ color:#a81629; font-size:18px;} 
.cpny_text li span{ text-decoration:line-through; font-family:"微软雅黑"}
.gmmk{ margin-top:18px; border:1px solid #e1e1e1; height:90px; padding:15px;}
.cpword{ border:1px solid #f8cfa5; padding:1px; min-height:664px; background:#fff;}
.cpword_bt{ line-height:30px; font-size:14px; font-weight:bold; padding:0 10px; background:#f9d9b7;}










自动文字和字母截取
<div style="width: 220px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden"></div>
图片鼠标经过
<img onmouseover="this.src='images/50.jpg';" onmouseout="this.src='images/5.jpg';" src="images/5.jpg" />
兼容
margin-top: 6px;/*ff*/ *margin-top:4px;/*ie7*/ _margin-top:4px;/*ie6*/   margin-top:4px\9;/*ie8*/
 
去掉虚线onclick="this.blur()" 




.code
        {
            font-family:Arial;
            font-style:italic;
            color:Red;
            border:0;
            padding:2px 3px;
            letter-spacing:3px;
            font-weight:bolder;
        }
        .unchanged
        {
            border:0;
        }


.home_left{width:160px;}
.home_left_bt{ background: url(../images/homebt_06.jpg);height:31px; padding:0 35px; font-weight:bold; line-height:31px; color:#515151;}
.home_left_word{ width:158px; border-bottom:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; padding-bottom:20px;}
.h_l_bt{background: url(../images/homebt_10.jpg);height:30px; padding:0 35px; font-weight:bold; line-height:30px; color:#515151;}
.h_l_w{ padding:15px 25px; line-height:30px;}
.h_l_w a{ color:#000;}
.h_l_w a:hover{ color:#CC0033}

        
.xxfb_box{ width:1000px; height:auto; display:block; overflow:hidden; margin:10px auto}
.xxfb_left{ width:160px; height:auto; float:left;  display:block; overflow:hidden;}
.xxfb_left1{ width:156px; height:auto; border:1px #e2e2e2 solid; padding:1px; background:#fff; margin-bottom:15px;}
.xxfb_left1_1{ width:156px; height:35px; background:#c4263f; color:#fff; font-size:16px; line-height:35px; text-align:center}
.xxfb_left1_2{ width:156px; height:auto; background:url(../images/xxfb_bg1_03.jpg);}
.xxfb_left1_2 ul li{ width:90%; height:36px; border-bottom:1px #f3dce3 dashed; color:#c4263f; font-size:14px; line-height:36px; text-align:center; margin:0 auto; }
.xxfb_left1_2 ul li a{color:#c4263f;}
.xxfb_left1_2 ul li a:hover{color:#c4263f;}
.xxfb_left1_2 ul li:last-child{ border-bottom:0px;}

.xxfb_left1_3{ width:156px; height:auto; background:url(../images/xxfb_bg1_03.jpg); padding:10px 0;}
.xxfb_left1_3 ul li{ width:90%; height:auto; margin:10px auto 0 auto; color:#666; font-size:14px; line-height:35px;}
.xxfb_left1_3 ul li .input1{ width:100%; height:35px; border:1px #e2e2e2 solid; background:#fff; color:#666; font-size:14px; line-height:35px; padding:0 5px; box-sizing:border-box; outline:medium}
.xxfb_left1_3 ul li .butn1{ width:100%; height:35px; border:1px #c4263f solid; background:#c4263f; color:#fff; font-size:14px; line-height:35px; padding:0 5px; box-sizing:border-box; outline:medium}
.xxfb_left1_3 ul li a{ color:#c4263f;}

.xxfb_right{ width:815px; height:auto; float:right; display:block; overflow:hidden; background:#eff0f4; padding:5px;}
.xxfb_right1{ width:813px; height:auto;  display:block; overflow:hidden; border:1px #f8cfa5 solid; background:#fff;}
.xxfb_right1_1{ width:48%; height:280px; margin:10px 1%; float:left}
.xxfb_right1_1_bt1{ width:100%; height:35px; border-bottom:1px #cccdd1 solid;}
.xxfb_right1_1_bt1 span{height:33px; color:#fff; font-size:15px; line-height:32px; border-bottom:3px #c4263f solid; background:#c4263f; border-radius:5px 5px 0 0; padding:0 10px; float:left; font-weight:bold}
.xxfb_right1_1_bt2{ width:100%; height:222px; display:block; overflow:hidden; padding:10px 0;}
.xxfb_right1_1_bt2 ul li{ width:95%; height:36px; border-bottom:1px #f3dce3 dashed; color:#333; font-size:14px; line-height:36px; text-align:left; margin:0 auto; padding:0 2.5%; display:block; overflow:hidden; }
.xxfb_right1_1_bt2 ul li a{color:#333; background:url(../images/xxfb_icon1_03.jpg) left no-repeat; padding-left:15px;}
.xxfb_right1_1_bt2 ul li a:hover{color:#c4263f;}

.xxfb_gg{ width:100%; height:auto; display:block; overflow:hidden;}
.xxfb_gg img{ width:100%; height:auto;}