@charset "utf-8";
/**********************************************************************************************

	CSS on inining.com
	Author: xbei
	Date: 2009/05/31

***********************************************************************************************
		
	1. BASE
			1.1 Global
			1.2 Public
	
	2. LAYOUT
			2.1 Header
			2.2 Navigation
			2.3 Content
			2.4 Sidebar
			2.5 Bottom
	
	3. OTHER
			3.1 Clear fix
			3.2 For ie style
		
***********************************************************************************************/

/* 1. BASE
===============================================================================================*/
/* 1.1 Global
***********************************************************************************************/
body{background:url(../images/bar.gif) repeat-x}
div.warp{width:950px;overflow:hidden;color:#626a77}
a{color:#626a77}
a:hover {color:#e2000b}
/* 1.2 Public
***********************************************************************************************/
.red,.red a{color:red}.black,.black a{color:black}.white,.white a{color:white}.blue,.blue a{color:#005ca2}.blue2,.blue2 a{color:#007eb6}.gray,.gray a{color:#626a77}.gray2,.gray2 a{color:#b7b3b3}.b1c{border:1px solid #cccccc}.b1b{border:1px solid black}.textDel{text-decoration:line-through}.textLine{text-decoration:underline}.orange,.orange a{color:#d96500}.yellow,.yellow a{color:#d8a011}.mT5{margin-top:5px}.mT10{margin-top:10px}.mT15{margin-top:15px}.mT20{margin-top:20px}.mT30{margin-top:30px}.mB5{margin-bottom:5px}.mB10{margin-bottom:10px}.mB20{margin-bottom:20px}.mB30{margin-bottom:30px}.mL6{margin-left:6px}.pT10{padding-top:10px}.por{cursor:pointer}.f14{font-size:14px}.f16{font-size:16px}.f18{font-size:18px}.square{font-size:12px;font-family:"宋体"}.left{float:left}.right{float:right}.center{margin-left:auto;margin-right:auto;text-align:center}.tc{text-align:center}.lh18{line-height:18px}.bWhite{background-color:white}.bf9{background-color:#f9f9f9}.hide{visibility:hidden;clear:both;margin:0;padding:0;height:0;display:none}.noborder{border:none !important}

/* 2. LAYOUT
===============================================================================================*/
/* 2.1 Header
***********************************************************************************************/
/* 2.2 Navigation
***********************************************************************************************/
/* 2.3 Content
***********************************************************************************************/
.applemenu1,.applemenu2,.applemenu3{
	margin-top:6px;width:100%;overflow:hidden
}
/*Public*/
.submenu1 h5,.submenu2 h5,.submenu3 h5,.silverheader1 h5,.silverheader2 h5,.silverheader3 h5{
	padding-bottom:6px;font-size:12px;color:#787878
}
.submenu1,.submenu2,.submenu3,.silverheader1,.silverheader2,.silverheader3{float:left}
/*展开*/
.submenu1,.submenu2,.submenu3{
	width:615px;height:262px;overflow:hidden;background:url(../images/tabShowBar2.png) no-repeat
}
.submenu1 h5,.submenu2 h5,.submenu3 h5{
	padding-top:9px;text-indent:30px;color:red
}
.submenu1 .con,.submenu2 .con,.submenu3 .con{
	width:600px;height:221px;margin:0 auto;overflow:hidden
}
/*收缩*/
.silverheader1,.silverheader2,.silverheader3{
	float:left;margin:0 1px;width:32px;height:262px;cursor:pointer;background:url(../images/tabHideBar2.png) no-repeat
}
/*
.silverheader1 h5,.silverheader2 h5,.silverheader3 h5{
	padding:30px 11px 0 11px;width:10px;line-height:18px
}
*/
.silverheader1 h5,.silverheader2 h5,.silverheader3 h5{
	padding:30px 11px 0 11px;width:10px;line-height:18px;/*writing-mode:tb-rl;layout-flow:vertical-ideographic*/
}
.selected1,.selected2,.selected3{display:none}
.backTop{
	margin-top:-100px;margin-left:120px/*margin:0 auto;width:12px;position:relative*/
}
.backTop .backTopImg{
	/*margin-left:0px;position:absolute;top:500px*/
}
/*
body#www-inining-com_home div.package{margin-top:5px;overflow:hidden}
body#www-inining-com_home .tabShow,
body#www-inining-com_home .tabHide{
	float:left;margin-left:1px;background-repeat:no-repeat
}
body#www-inining-com_home .tabShow h5,
body#www-inining-com_home .tabHide h5{
	padding-bottom:6px;font-size:12px;color:#787878
}
body#www-inining-com_home .tabShow{
	padding:7px 13px;width:596px;background:url(../images/tabShowBar2.png) 0 bottom
}
body#www-inining-com_home .tabShow h5{
	margin:-7px 0 0 -13px;padding-top:8px;width:622px;text-indent:30px;color:red;background:url(../images/tabShowBar2.png)
}
body#www-inining-com_home .tabShow div.con{
	width:585px;display:block
}
body#www-inining-com_home .tabHide{
	padding:31px 10px;width:12px;background:url(../images/tabHideBar2.png) 0 bottom no-repeat
}
body#www-inining-com_home .tabHide h5{
	margin:-31px 0 0 -10px;padding:30px 11px 0 11px;width:10px;background:url(../images/tabHideBar2.png) 0 top no-repeat
}
body#www-inining-com_home .tabHide div.con{
	display:none
}
*/
.combo tr{
	font-size:14px;height:30px;line-height:30px;background:url(../images/line.gif) repeat-x 0 bottom
}
.notice{
	margin-left:49px;width:660px;height:20px;overflow:hidden
}
.notice,.notice a{
	color:#ff4e00
}
div.curr{
	float:right;margin-top:-5px;margin-right:3px
}
div.userContact{
	float:left;padding-left:20px;padding-right:30px;width:675px;overflow:hidden
}
/*hprightCon4*/
div.hprightCon4{
	margin-top:6px;width:721px
}
div.hprightCon4 div.hprightCon4Head{
	height:41px;line-height:33px;text-indent:25px
}
div.hprightCon4 div.hprightCon4Head{
	/*color:black;*/font-weight:bold;background:url(../images/hprightCon4Head.gif)
}
div.hprightCon4 div.hprightCon4Bottom{
	height:16px;bold;background:url(../images/hprightCon4Bottom.gif)
}
div.hprightCon4 div.hprightCon4Con{
	width:685px;overflow:hidden;padding:0 17px;border:1px solid #dddddd;border-top:none;border-bottom:none
}
div.hprightCon4 div.hprightCon4Con li{
	float:left;margin-right:23px;text-align:center;font-weight:bold;color:#6e6e6e
}
div.hprightCon4 div.hprightCon4Con img{
	border:1px solid #dedede
}
/*news*/
div.newsList ul li{
	padding-right:15px;height:23px;line-height:23px;border-bottom:1px dotted #cccccc;
}
div.block{
	margin-bottom:30px;margin-left:auto;margin-right:auto;width:665px
}
/*news page list*/
div.newsList div.pagelist{
	float:right;margin-top:-5px;padding-bottom:2px
}
/*newsDes*/
div.newsDes{
	margin:0 auto;width:670px
}
div.newsDes h2{
	padding-bottom:4px;border-bottom:1px dotted #cccccc
}
div.newsDes p.author{
	padding-top:4px;margin-bottom:10px
}
div.newsDes h2,div.newsDes p.author{
	text-align:center
}
div.newsDes div.block{
	line-height:22px
}
div.newsDes div.pagelist{
	line-height:23px
}
/*message*/
div.msg{
	margin:0 auto;width:690px;color:black
}
div.msg td.title{
	background-color:#d9d9d9;
}
div.msg td.xiaoQin{
	background-color:#f8f8f8;
}
div.msg div.reply strong.title{
	color:#de010a
}
div.msg td.title, div.msg td.xiaoQin, div.msg div.reply{
	padding:0 5px;
}
div.msg div.pagelist{
	float:right;padding-bottom:2px
}
/*product*/
div.proShow table td div{
	margin:10px 0
}
/*
div.proShow table td div img{
	border:1px solid #cccccc
}
*/
div.proShow div.pagelist{
	margin-left:166px
}
/*product des*/
div.proDetail div.proImg{
	float:left;margin-left:24px/*;border:1px solid #cccccc*/
}
div.proDetail div.proText{
	float:left;margin-left:20px;padding-bottom:2px;width:350px
}
div.proDetail div.proText h2{
	padding-bottom:2px;border-bottom:1px dotted #cccccc
}
div.proDetail div.proText div.proTextCon{
	margin-top:5px;height:240px;overflow:auto
}
div.taoCan div.proNav,div.proDetail div.proNav{
	margin-top:26px;padding-left:1px;width:100%;height:47px;background:url(../images/proDetailNav.gif) no-repeat
}
div.taoCan div.proNav a,div.proDetail div.proNav a{
	float:left;margin-top:1px;display:block;width:91px;height:30px;line-height:30px
}
div.taoCan div.proNav a,div.proDetail div.proNav a{
	font-weight:bold;text-align:center;color:black
}
div.taoCan div.proNav a.cur, /*div.taoCan div.proNav a:hover ,*/
div.proDetail div.proNav a.cur/*, div.proDetail div.proNav a:hover */{
	color:white;background:url(../images/proDetailNavOver.gif) no-repeat
}
div.taoCan div.proDetailCon, div.proDetail div.proDetailCon{
	border:3px solid #cccccc
}
div#con_Detail table{
	margin-bottom:10px
}
div#con_Detail table td{
	height:30px;text-indent:9px;background-color:white
}
div#con_Detail img{
	margin-right:3px
}
div.proDetail #con_Detail.proDetailCon{
	padding:12px 20px
}
div.proDetail #con_Order.proDetailCon{
	padding:21px 51px
}
div.taoCan div.proDetailCon, div.proDetail #con_Msg.proDetailCon{
	padding:12px 20px
}
div.taoCan div.proDetailCon div.msg, div.proDetail #con_Msg.proDetailCon div.msg{
	width:679px;overflow:hidden
}
/*taocan*/
div.taoCan{
	margin:0 auto;width:703px
}
div.taoCan h2{
	margin-bottom:13px;padding-bottom:2px;border-bottom:1px dotted #cccccc;text-align:center
}
div.taoCan div.taoCanCon{
	padding:0 10px
}
/* 2.4 Sidebar
***********************************************************************************************/
#www-inining-com_page div.sidebar{
	float:left;margin-top:-80px;position:relative
}
#www-inining-com_page div.menuNoItem{
	background:none
}
#www-inining-com_page div.menu ul{
	margin-top:-65px;padding-top:65px;background-color:#f5f5f2
}
#www-inining-com_page div.menu li.cur,#www-inining-com_page #proMenu.menu li.title{
	line-height:22px;_line-height:20px;background:url(../images/pageMenuTitle.gif) 0 -1px
}
#www-inining-com_page div.menu li.cur{
	color:#e2000b
}
#www-inining-com_page #proMenu.menu li.cur{
	background:url(../images/menuLine.gif)
}
/*Quick menu*/
.menu{
	padding-bottom:15px;background:url(../images/leftBottom.gif) no-repeat 0 bottom
}
.clientService ul,.menu ul{
	margin-top:-5px;+margin-top:-3px
}
.menu li{
	padding-left:54px;height:24px;background:url(../images/menuLine.gif)
}
.menu .title{
	font-weight:bold
}
#www-inining-com_home .menu .title{
	+line-height:23px;_line-height:20px;background:url(../images/pageMenuTitle.gif) no-repeat 0 -1px
}
/*
.menu .title img{
	margin-left:-11px;margin-right:5px
}
*/
/*Client service*/
.clientService{
	margin-top:6px
}
.clientService ul img{
	margin-right:8px;margin-top:3px;vertical-align:middle
}
.clientService li{
	padding-left:41px;height:30px;background:url(../images/clientServiceLine.gif)
}
.hpNewPro{
	/*margin-left:10px;*/margin-bottom:10px;width:721px;height:118px;overflow:hidden
}
.hpNewPro ul{
	margin-left:10px
}
.hpNewPro li{
	float:left;margin-right:19px;text-align:center
}
/* 2.5 Bottom
***********************************************************************************************/
div.bottom{
	float:left;margin-top:6px;width:100%
}
/*Home page link*/
.link{
	padding-left:75px;height:77px;background:url(../images/link.gif) no-repeat
}
.link ul{
	float:left;width:869px;margin-top:16px;margin-left:81px
}
.link li{
	float:left;margin-right:19px;
}
.link li img{
	padding:1px;border:1px solid #dddddd
}
.link .prev,
.link .next{
	float:left;margin-top:26px
}
.link .prev img,.link .next img{
	border:none
}
/*Home page contact*/
div.iDoNotKnow{
	margin-top:6px;margin-bottom:10px
}
div.iDoNotKnow .roundedCornersHead{
	height:20px;background:url(../images/roundedCornersHead.gif) no-repeat
}
div.iDoNotKnow .roundedCornersBottom{
	height:18px;background:url(../images/roundedCornersBottom.gif) no-repeat
}
div.iDoNotKnow .roundedCornersCon{
	padding:0 13px;width:922px;overflow:hidden;border:1px solid #dddddd;border-top:none;border-bottom:none;background-color:#fffbfa
}
div.contact{
	line-height:20px;color:black
}
/*tool*/
#tool.tool{
	position:relative;margin:0 auto;width:1003px;font-size:12px
}
#tool .toolHide,
#tool .toolShow{
	position:absolute;margin-top:100px;margin-left:861px;+margin-left:863px
}
#tool .con1{
	+margin-top:-11px;_margin:0;
}
/*
#tool .toolShow{
	margin-left:895px
}
@hide con
#tool .toolHide .con1,
#tool .toolHide .con2,
#tool .toolHide .con3{
	width:28px;background-repeat:no-repeat;overflow:hidden
}
#tool .toolHide .con1{
	height:9px;background-image:url(../images/toolHide1.gif)
}
#tool .toolHide .con2{
	margin-left:-112px
}
#tool .toolHide .con2{
	background-image:url(../images/toolHide2.gif);background-repeat:repeat-y
}
#tool .toolHide .con3{
	height:4px;background-image:url(../images/toolHide3.gif)
}
@show con
#tool .toolShow .con1,
#tool .toolShow .con2,
#tool .toolShow .con3{
	width:108px;background-repeat:no-repeat;overflow:hidden
}
#tool .toolShow .con1{
	height:106px;background-image:url(../images/toolShow1.png)
}
#tool .toolShow .con2{
}
#tool .toolShow .con2{
	background-image:url(../images/toolShow2.png);background-repeat:repeat-y
}
#tool .toolShow .con2 li{
	padding-left:12px;height:24px;line-height:24px;font-weight:bold;color:#6e6e6e
}
#tool .toolShow .con2 li{
	background:url(../images/toolShowList.png) no-repeat 1px bottom
}
#tool .toolShow .con3{
	height:8px;background-image:url(../images/toolShow3.png)
}
*/

/* 3. OTHER
===============================================================================================*/
/* 3.1 Clear fix
***********************************************************************************************/
.clear{visibility:hidden;clear:both;margin:0;height:0}
/* 3.2 For ie style
***********************************************************************************************/
* html .link ul{display:inline}
* html .link ul{display:inline}
* html #www-inining-com_page div.menu ul{position:relative;z-index:1}
#www-inining-com_page div.menu img.title{+position:relative;+z-index:2}
* html img,* html div{behavior:url("scripts/iepngfix.htc")}/* IE6 & IE5.5 repair png bug */
/*.submenu1,.submenu2,.submenu3{_padding-top:0;_padding-right:9px;_margin-right:-8px;_margin-left:3px}*/
.submenu1,.submenu2,.submenu3{behavior:url()}
.silverheader1 h5,.silverheader2 h5,.silverheader3 h5{_padding:30px 0 0 10px;_letter-spacing:3px}
/*.silverheader1,.silverheader2,.silverheader3{zoom:1;_padding:15px 0px}*/
/*.backTop{_margin-left:980px}*/
* html #tool.tool{z-index:69}
/*
* html body#www-inining-com_home .tabShow{padding:0}
* html body#www-inining-com_home .tabShow h5{margin:0}
* html body#www-inining-com_home .tabShow .con{margin-left:10px;padding-bottom:10px}
* html body#www-inining-com_home .tabHide{margin-right:-14px}
*/

/* EOF */