@charset "utf-8";

/* CSS Document */

body{color:#333; background:url(../images1/box_bj.gif) repeat-y center;margin:0 auto; padding:0; font:12px/22px "宋体"; }

body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dd,dl,dt{margin:0;padding:0;}

input,select,textarea{font-size:12px; vertical-align:middle; border:1px solid #ccc;}



li{list-style-type:none;}

img{border:0 none;}





/*定义H系列标签 覆盖H系列标签默认属性*/

h1{ font-size:24px;}

h2{ font-size:20px;}

h3{ font-size:18px;}

h4{ font-size:16px;}

h5{ font-size:14px;}

h6{ font-size:12px;}



/* @end */





/* @group 通用属性定义 */

/* 鼠标样式 */

.pointer{cursor:pointer;}

/* 取消边框 */

.NoBorder{border:0 none;}

/* 文本对齐方式 */

.t-l{text-align:left;}

.t-c{text-align:center;}

.t-r{text-align:right;}



/*Break 强制内容换行 Nobreak 强制内容不换行*/

.Break{word-break:break-all;word-wrap:break-word;}

.Nobreak{word-break:keep-all;word-wrap:normal;}



/* 浮动定义 */

.FL{float:left;}

.FR{float:right;}



/* 定义文本下划线 */

.UnLine{text-decoration:underline;}

.DisunLine{text-decoration:none;}



/* 定位关系 */

.absolute{position:absolute;}

.relative{position:relative;}



/* 通用容器 */

.wrapper{clear: both;overflow: hidden;}



/* 从页面布局上隐藏元素*/

.hidden{display:none;}

.block {display:block;}



/* 清理元素清理浮动元素,当浮动换行时后面元素不希望浮动，添加此属性，防止IE BUG*/

.clear{clear:both; height:0px; width:100%; font-size:1px; line-height:0px; visibility:hidden; overflow:hidden;}

 





/* 常用样式定义 */



/* 边框定义*/

.Bord1{border:1px solid #999;  border-top: none;}

.Bord2{border:1px solid #999;}

.Bord3{border:1px solid #dbdbdb;}

.Bord4{border:1px solid #dbdbdb; padding:1px;}

.BT_none{ border-top:none;}

.BR_none{ border-right:none;}

.BL_none{ border-left:none;}

.BB_none{ border-bottom:none;}

.Bord5{border:1px solid #dbdbdb;border-top: none;}

.Bord6{ padding:3px; border:1px solid #ccc;}





/* 下划线 */

.BotLine{ border-bottom:1px solid #CFCFCF; overflow:hidden;}







/*宽度定义*/

.W1000,.W786,.W980,.W972{margin:0 auto;}

.W980{width:980px;}

.W786{width:786px;}

.W975{width:975px;}

.W1000{width:1000px;}



/*

* 颜色功能定义

* @Pro 由小写C开头,表示color

* @desc 常用样式可更具一个项目的样式使用频率重新定义,扩展

*/

.cRed{color: #F00;}

.cWhite{color: #FFF;}

.cGreen{color:#0F0;}

.cGray{color: #666;}

.cBlue{ color: #00F;}

.cblack{ color:#000;}

.c126{ color:126b3c}

.C096{ color:#096d39;}

/* 定义某个项目常用颜色 */

.c001{color:#663;}

.c002{ color:#2c2c2d;}

.c003{ color:#036c34;}





/* 字体样式 */

.FB{font-weight:bold;}

.FN{ font-weight:normal;}

.FI{font-style:italic;}

/* 字体大小 */

.F10{font-size:10px;}

.F11{font-size:11px;}

.F12{font-size:12px;}

.F13{font-size:13px;}

.F14{font-size:14px;}

.F16{font-size:16px;}

.F18{ font:18px/22px "黑体"; height:30px; line-height:30px;}



/*

* 定义间距,上下2个DIV间距

* @Pro 使用DIVH开头.

* @desc 上下DIV有间距时使用,尽量不使用margin/padding值,防止不同浏览器出现BUG,

* 使用下面属性可兼容大多浏览器.

*/

.DivH8,.DivH10,.DivH15,.DivH20,.DivH25,.DivH30,DivH1,.DivH40{width:100%;overflow:hidden;}

.DivH1{ height:1px; clear:both; display:block;}

.DivH8{height:8px;}

.DivH10{height:10px;}

.DivH15{height:15px;}

.DivH20{height:20px;}

.DivH25{height:25px;}

.DivH30{height:30px;}

.DivH40{height:40px;}



/*定义行高 使用较少,主要定义line-height属性*/

.LH1{ line-height:1px; }

.LH10{ line-height:10px; }

.LH15{ line-height:15px; }

.LH18{ line-height:18px; }

.LH20{ line-height:20px; }

.LH25{ line-height:25px;}

.LH30{ line-height:30px;}

.LH35{ line-height:35px;}



/* 标题样式定义 在定义p标签元素或其它元素时,需要同时定义行高和高度,一般使用在标题显示中*/

.PTit25,.PTit20,.PTit18,.PTit30,.PTit,.PTit1,.PTit22{ width:100%; overflow:hidden;}

.PTit30{line-height:30px;height:30px;}

.PTit25{line-height:25px;height:25px;}

.PTit22{line-height:22px;height:22px;}

.PTit20{line-height:20px;height:20px;}

.PTit18{line-height:18px;height:18px;}

.PTit15{line-height:15px;height:15px;}

.PTit10{line-height:10px;height:10px;}

.PTit1{line-height:1px;height:1px;}





.pin10{ width:710px; margin:0 auto; padding:0;  overflow:hidden;}

.pians{ padding-right:8px;}





/* MORE更多样式设计可根据需求扩展*/

.More{text-align:right;position:absolute; top:0; right:3px;}

.MoreR5{ position:absolute; top:0px; right:3px; font:12px normal; }

.MoreR15{ position:absolute; top:0px; right:15px; font:12px normal;}





/*各类超链接样式*/

a{ text-decoration:none;}

a:link { color:#333; } 

a:visited { color:#333;} 

a:hover { color:red; text-decoration:underline;} 

a:active { color:red;}



/*白色（white）a css样式*/

a.fff:link { color:#fff; } 

a.fff:visited { color:#fff;} 

a.fff:hover { color:#CCC;} 

a.fff:active { color:#CCC;}

/*绿色（Gray）a css样式*/

a.a2:link { color:#036c34; } 

a.a2:visited { color:#036c34;} 

a.a2:hover { color:#ff7e00;} 

a.a2:active { color:#ff7e00;}

/*绿色（Gray）a css样式*/

a.a3:link { color:#cff2e8; } 

a.a3:visited { color:#cff2e8;} 

a.a3:hover { color:#ff7e00;} 

a.a3:active { color:#ff7e00;}



/*红色（Gray）a css样式*/

a.a4:link { color:red; } 

a.a4:visited { color:red;} 

a.a4:hover { color:#ff7e00;} 

a.a4:active { color:#ff7e00;}





a.a5:link { color:#126b3c; } 

a.a5:visited { color:#126b3c;} 

a.a5:hover { color:#ff7e00;} 

a.a5:active { color:#ff7e00;}



a.a6:link{ color:#e85800}

a.a6:visited{ color:#e85800}

a.a6:hover{ color:#e85800}

a.a6:active{ color:#e85800}



/*a链接pad距离*/



a.pad10{ padding-left:10px; color:#fff; } 



/*各类超链接样式end*/



/*公用栏目*/



.title_1{ lear:both; width:255px;}

.title_1 h5{ background:url(../images1/tet_1.gif) no-repeat; line-height:31px; height:31px; color:#fff; padding-left:10px;}

.title_1 h4{ background:url(../images1/tet_1.gif) no-repeat; line-height:31px; height:31px; color:#fff; padding-left:10px;}





.title_2{ lear:both; width:274px;}

.title_2 h5{ background:url(../images1/bt_bj.gif) repeat-x; line-height:31px; height:31px; color:#fff; padding-left:10px;}



.title_3{ lear:both;}

.title_3 h5{ background:url(../images1/index_1.gif) no-repeat;line-height:40px; height:40px; color:#fff; padding-left:10px;}

.title_3 h5 span{ font-size:12px; float:right; margin-right:5px; font-weight: normal}



.title_4{ lear:both; width:350px;}

.title_4 h5{ background:url(../images1/index_2.gif) no-repeat;line-height:30px; height:30px; color:#fff; padding-left:30px;}

.title_4 h5 span{ font-size:12px; float:right; margin-right:5px; font-weight: normal}

.title_4-1{ lear:both; width:388px;}

.title_4-1 h5{ background:url(../images1/index_2.gif) no-repeat;line-height:30px; height:30px; color:#fff; padding-left:30px;}

.title_4-1 h5 span{ font-size:12px; float:right; margin-right:5px; font-weight: normal}

.title_4-2{ lear:both; width:316px;}

.title_4-2 h5{ background:url(../images1/index_2.gif) no-repeat;line-height:30px; height:30px; color:#fff; padding-left:30px;}

.title_4-2 h5 span{ font-size:12px; float:right; margin-right:5px; font-weight: normal}



.title_5{ lear:both; width:388px;}

.title_5 h5{ background:url(../images1/index_3.gif) no-repeat;line-height:30px; height:30px; color:#fff; padding-left:15px;}

.title_5 h5 span{ font-size:12px; float:right; margin-right:5px; font-weight: normal}



.title_6{ lear:both; width:316px;}

.title_6 h5{ background:url(../images1/index_3.gif) no-repeat;line-height:30px; height:30px; color:#fff; padding-left:15px;}

.title_6 h5 span{ font-size:12px; float:right; margin-right:5px; font-weight: normal}



.title_7{ lear:both; width:353px;}

.title_7 h5{ background:url(../images1/index_5.gif) no-repeat;line-height:30px; height:30px; color:#fff; padding-left:15px;}

.title_7 h5 span{ font-size:12px; float:right; margin-right:5px; font-weight: normal}



.title_8{ lear:both; width:978px;}

.title_8 h5{ background:url(../images1/index_6.gif) no-repeat;line-height:30px; height:30px; color:#fff; padding-left:15px;}

.title_8 h5 span{ font-size:12px; float:right; margin-right:5px; font-weight: normal}



.title_9{ lear:both; width:695px;}

.title_9 h5{ background:url(../images1/index_7.gif) no-repeat;line-height:40px; height:40px; color:#fff; padding-left:10px;}

.title_9 h5 span{ font-size:12px; float:right; margin-right:5px; font-weight: normal}



.title_11{ lear:both; width:980px;}

.title_11 h5{ background:url(../images1/zs_6.jpg) no-repeat; height:42px; line-height:42px; color:#fff; padding-left:30px;}

.title_11 h5 span{ font-size:12px; float:right; margin-right:5px; font-weight: normal}



/*End 公用栏目*/

/*更多*/

.gd{ margin-right:10px; display:inline;}

.mag_h{ height:74px;}

.fanye{ text-align:center; font-size:12px; margin-top:10px; width:710px;height:30px; color:#fff; background-color:#12693e; line-height:30px; float:left;}

.fanye a{ color:#fff;}

.fanye a:hover{ color:#fff; text-decoration:underline;}

.fanye2{ margin-left:15px; text-align:center; font-size:12px; margin-top:10px; width:660px;height:30px; color:#fff; background-color:#12693e; line-height:30px; float:left;}

.mabd_1{ height:17px; width:25px; border:1px solid #d2bd91; }

.con_1{ line-height:250%; padding:20px; }

.con_2{ line-height:250%; padding:10px; }



.inp_none{ border:none;}



/*bot*/

.main_bot{ background:url(../images1/bot_bj.gif) no-repeat center top;  }

.main_bottom{ width:1000px; margin:0 auto; padding-top:25px; color:#fff;}

.main_bottom a{ color:#fff;}

.bot_tj{ padding-left:20px;}

.bot_menu{ background:url(../images1/bott_bj.gif) repeat-x; height:30px; margin-top:10px; line-height:30px; color:#fff; text-align:center}

.bot_tj p{}



/*评论*/

.pinglun,.pinglun_nr{ padding-left:20px;padding-right:20px;}

.mezi{ border:1px solid #ccc;  color:red; width:670px; padding-left:2px; line-height:30px; margin-bottom:15px;}

.mezifont{padding-left:10px;border-bottom:1px solid #ccc;}

.mezinc{color:#333;font-size:12px;margin:20px 0 0 30px;}

.mezinc2{color:#333;font-size:12px;margin:5px 0 0 30px;}

.title_33{background:#ebebeb;font-weight:bold;padding-left:27px; height:30px; line-height:30px;}

.title_33 img{float:right;margin:4px 22px 0px 0px;}

.meziinput{margin-left:3px;}

.mezinc1{border:1px solid #999;height:100px;width:80%;margin:2px 0 0 30px;}

#mpinl{margin:4px 0 5px 30px;}

.mibiao{border-right:1px solid #ccc;border-bottom:1px solid #ccc;  text-align:center;}

.mibiao1{border-right:1px solid #ccc; padding-left:3px;  border-bottom:1px solid #ccc;}

.mibbbb{color:red;}

.hcon{}

.title_33{background:#ebebeb;font-weight:bold;padding-left:27px; height:30px; line-height:30px;}

.title_33 img{float:right;margin:4px 22px 0px 0px;}

.comment{padding:0px 25px;overflow:hidden;width:623px; border-bottom: 1px solid #ccc; margin-bottom:5px; padding-bottom:2px; padding-top:2px;}

.block{border-bottom:1px solid #E6E6E6;padding:15px 0px;}

.block span{}

.tit span{font-size:18px;color:#434343; font-family:Arial, Helvetica, sans-serif;}

.tit font{ font-size:12px; float:right;}

.fenye {	 MARGIN: 3px; PADDING: 3px; TEXT-ALIGN: center; color:#12693e; margin-top:10px;padding-top:10px;}

.fenye A { BACKGROUND-POSITION: 50% bottom;  COLOR: #ff5a00; MARGIN-RIGHT: 3px;  padding:2px 2px; BORDER: #dedfde 1px solid; TEXT-DECORATION: none}

.fenye A:hover {

	 BACKGROUND-IMAGE: none; BORDER: #12693e 1px solid; BACKGROUND-COLOR: #12693e;COLOR: #fff;

}

.fenye A:active {

	 BACKGROUND-IMAGE: none; border:#12693e 1px solid; BACKGROUND-COLOR: #12693e

}

.fenye SPAN.current {

	 COLOR: #fff; MARGIN-RIGHT: 3px; padding:2px 6px; background-color:#12693e

}

.fenye SPAN.disabled {

	 COLOR: #adaaad; padding:2px 6px; font-size:12px;

}



#bottomNav { background-image:url(../images1/dbdh.jpg);color:#FFF; z-index:ff0000;center:0;position:fixed;bottom:0;text-align:center;width:100%; height:52px; _position:absolute; /* for IE6 */ 
_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight); /* for IE6 */ overflow:visible; } 
#bottomNav a { color:#FFF; }
#fudong{ background-image:url(../images1/A.gif); height:52px; width:1000px; padding:0px;}
#shangqiao{ width:230px; height:52px; float: right;}
#yuyue{ width:250px; height:52px; float: left;}
.h52{ height:30px;}

/* 规范的css+div命名规则，供参考！

友情链接：friendLink

页脚：　　footer

版权：　　copyRight

头：　　  header

内容：　　content/container

尾：　　  footer

导航：　　nav

侧栏：　　sidebar

栏目：　　column

外　套：　　wrap

主导航：　　mainNav

子导航：　　subnav

页　脚：　　footer

整个页面：　content

页　眉：　　header

页　脚：　　footer

商　标：　　label

标　题：　　title

主导航：　　mainNav（globalNav）

顶导航：　　topnav

边导航：　　sidebar

左导航：　　leftsideBar

右导航：　　rightsideBar

旗　志：　　logo

标　语：　　banner

菜单内容1： menu1Content

菜单容量：　menuContainer

子菜单：　　submenu

边导航图标：sidebarIcon

注释：　　　note

面包屑：　　breadCrumb(即页面所处位置导航提示）

容器：　　　container

内容：　　　main

搜索：　　　search

登陆：　　　login

功能区：　　shop(如购物车，收银台)

当前的　　　current



2.另外在编辑样式表时可用的注释可这样写：

<– Footer –>

内容区

<– End Footer –>



3.样式文件命名

主要的 master.css

布局，版面 layout.css

专栏 columns.css

文字 font.css

打印样式 print.css

主题 themes.css

*/