@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url("layout.css");
@import url("typography.css");

/* header ------------------------------*/
.header{ background:url(../images/header.jpg) no-repeat center top; color:#8f8f8f; height:288px; width:960px; overflow:hidden;}
.header .main_v{}
h1{ background:url(../images/knorr-logo.png) no-repeat 23px 16px;}
h1 a{text-indent:-9999px; display:block; width:287px; height:110px;}
.header .headerRight{ width:651px;}
.util{ margin:10px 47px 40px 0;}
.menu{ background:url(../images/menu.jpg) no-repeat; width:960px; height:42px;}
.menu ul li{ background:url(../images/menu-bg.png) no-repeat; height:42px; line-height:42px; width:120px; text-align:center; float:left; font-family:微软雅黑; font-size:14px;}
.menu a{ display:inline-block; color:#fff;}
.menu a:hover{ background:url(../images/menu-over.png) no-repeat center 2px; color:#5fd80e; text-decoration:none;}


.contain{ background:#fff url(../images/contain_top.png) top no-repeat; width:960px;}
.main{ width:960px; height:100%; overflow:hidden;}
.sub{width:960px; height:100%; overflow:hidden; display:block;  background-color:#fff;}

/*CSS quotes style pagination*/
DIV.quotes {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.quotes A {
	BORDER-RIGHT: #ddd 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ddd 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #ddd 1px solid; TEXT-DECORATION: none
}
DIV.quotes A:hover {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes A:active {
	BORDER-RIGHT: #a0a0a0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #a0a0a0 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #a0a0a0 1px solid; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #a0a0a0 1px solid
}
DIV.quotes SPAN.current {
	BORDER-RIGHT: #e0e0e0 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #e0e0e0 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #e0e0e0 1px solid; COLOR: #aaa; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #e0e0e0 1px solid; BACKGROUND-COLOR: #f0f0f0
}
DIV.quotes SPAN.disabled {
	BORDER-RIGHT: #f3f3f3 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f3f3f3 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; BORDER-LEFT: #f3f3f3 1px solid; COLOR: #ccc; MARGIN-RIGHT: 2px; PADDING-TOP: 2px; BORDER-BOTTOM: #f3f3f3 1px solid
}



/*mNews_bg
-----------------------------------*/
ul.mNews_bg{ background:url(../images/mNews_bg.gif) no-repeat right bottom; margin:12px 0 0 10px;}
ul.mNews_bg li{ float:left; line-height:24px; width:100%;}
ul.mNews_bg li a{ background:url(../images/gray-icon.gif) no-repeat 5px 5px; padding-left:14px;}
ul.mNews_bg li a:hover{ background:url(../images/khaki-icon.gif) no-repeat 5px 5px; padding-left:14px;}


/*h_T
--------------------------------*/
h4 img{ float:right; margin:10px 35px 0 0;}
.mComp_T{ background:url(../images/mComp_T.gif) no-repeat;}
.mProj_T{ background:url(../images/mProj_T.gif) no-repeat;}
h3.mProd_T{ background:url(../images/mProd_Tbg.gif) repeat-x 0px 12px; height:39px; line-height:39px;}
h3.mProd_T img{ float:left;}
h3.mProd_T a{ float:right; display:inline-block; margin:11px 38px 0 0;}

/*mComp
-----------------------------------*/
.main_comp{ width:300px; float:left;}
.main_comp_txt{ line-height:25px; margin:10px;}
.main_comp_txt img{ float:left; margin:5px;}
.main_comp_txt span{ font-weight:bold;}
/*mpro
-----------------------------------*/
.mian_pro{ float:right; width:640px;}
.main_pro{ width:640px; }
.mian_pro ul{ float:left; width:155px; height:155px; margin:0 auto;}
.pro_img{ background-color:#efefef; width:148px;} 
.pro_img img{width:134px; padding:6px; height:110px;}
.pro_txt{ width:148px; text-align:center; line-height:30px; height:30px;}
.pro_txt a{ text-decoration:none; color:#333;}

/*links
-----------------------------------*/
.links{ width:960px; height:40px;  margin-bottom:10px; float:left; background-color:#fff;}
.links img{ width:97px; height:40px; float:left; }
.links ul{ float:left; width:840px;margin:0 auto; padding:0;}
.links ul li{ float:left; background-color:#f4f3f3; height:20px; line-height:20px; padding:0px 10px 0px 10px; margin-left:10px;}
.links ul li a{ color:#333;}
/*mProj 
-----------------------------------*/
ul.mProj{ height:124px;}
ul.mProj li{ height:124px; float:left; margin-top:2px;}
ul.mProj li p{ margin:18px 8px 0 10px; height:72px;}
ul.mProj li span{ display:block; height:33px; line-height:33px; padding-right:8px;}
ul.mProj li span a:hover{ color:#ce6607;}
ul.mProj li p a{ color:#4e4e4e;}
ul.mProj li p a:hover{ color:#000;}





.projImg {
display:inline-block;
vertical-align:middle;
text-align:center;
*display: block;
*font-size: 101px;
*font-family:Arial;
width:143px;
height:116px;
}
.projImg img {
vertical-align:middle;
}

ul.mProj .pBox{ border-bottom:1px dotted #dfe0e0; width:65%; float:right;}
ul.mProj .spBox{ border-bottom:1px dotted #dfe0e0; width:75%; float:right;}





/*mProd scroll img
-----------------------------------*/
.scroll_div {width:600px; height:62px;margin:0 auto; overflow: hidden; white-space: nowrap; background:#ffffff;}
.scroll_div img {width:120px;height:60px;border: 0;margin: auto 8px; border:1px #efefef solid;}
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;}/*设置ul和li横排*/

/*Footer
-----------------------------------*/



/*Sub page*/
/*Left title
-------------------------------------*/
h3.lT_bg{ background:url(../images/lT_bg.gif) no-repeat; text-indent:-9999px; height:38px;}
h3.lT_bg span{ display:block; height:38px;}
h3.lT_bg span.lComp_T{ background:url(../images/lT.gif) no-repeat 60px 0;}
h3.lT_bg span.lNews_T{ background:url(../images/lT.gif) no-repeat 60px -45px;}
h3.lT_bg span.lProd_T{ background:url(../images/lT.gif) no-repeat 60px -90px;}
h3.lT_bg span.lProj_T{ background:url(../images/lT.gif) no-repeat 60px -136px;}
h3.lT_bg span.lOnline_T{ background:url(../images/lT.gif) no-repeat 60px -187px;}
h3.lT_bg span.lContact_T{ background:url(../images/lT.gif) no-repeat 60px -237px;}

ul.lNormal{ margin-top:10px;}
ul.lNormal li{ border-bottom:1px dotted #c4c4c4; height:23px; line-height:23px;}
ul.lNormal li a{ display:block; color:#4e4e4e; padding-left:13px;}
ul.lNormal li a:hover{ background:url(../images/lNormal-bg.gif) no-repeat 14px 8px; color:#4e4e4e; padding-left:37px; font-weight:bold;}

p.lOnline{ background:url(../images/lBanner.gif) no-repeat right top; height:74px; margin-top:33px;}
.w-5 p a{ padding:48px 33px 0 0; display:inline-block; color:#f99d2c;}
.w-5 p a:hover{ color:#4e4e4e; text-decoration:none;}
p.lContact{ background:url(../images/lBanner.gif) no-repeat right bottom; height:75px; margin-top:15px;}

/*Location
-------------------------------------*/
.h4 span a{  width:100px; height:40px; color:#015507; line-height:30px; padding-left:30px;}
.right h4{ height:24px; line-height:24px;}
.main_comp h4{ background:url(../images/icon.png) no-repeat 0 -405px; height:60px; width:300px;margin-left:10px; }
.main_comp h4 span{ float:right;background:url(../images/icon.png) no-repeat 0 -360px; padding-right:20px; height:40px; width:60px;}
.main_comp h4 span a{  width:100px; height:30px; color:#015507; line-height:50px; padding-left:30px;}
h4.newsT{ background:url(../images/location.gif) no-repeat 0 -40px;}
.mian_pro h4{background:url(../images/icon.png) no-repeat 0 -52px; height:30px; width:630px;margin-left:10px;}
.mian_pro h4 span{ float:right;background:url(../images/icon.png) no-repeat 0 -370px; padding-right:10px; height:30px; width:60px;}
.mian_pro h4 span a{  width:100px; height:40px; color:#015507; line-height:30px; padding-left:30px;}

.main_case h4{ background:url(../images/icon.png) no-repeat 0 -480px; height:40px; width:950px;margin-left:10px; }
.main_case h4 span{ float:right;background:url(../images/icon.png) no-repeat 0 -370px; padding-right:10px; height:40px; width:60px;}
.main_case h4 span a{  width:100px; height:40px; color:#015507; line-height:30px; padding-left:30px;}
h4.onlineT{ background:url(../images/location.gif) no-repeat 0 -160px;}
h4.contactT{ background:url(../images/location.gif) no-repeat 0 -200px;}


.sCont{ padding:15px;}

/*lProd-list
---------------------------------------*/
ul#lProd-list,ul#lProd-list ul{ list-style:none; margin:0; padding:0; width:15em;}
ul#lProd-list a { text-decoration: none;}
ul#lProd-list li {}
ul#lProd-list li.oneMenu{ background:url(../images/lProd-icon.gif) no-repeat 5px 10px; border-bottom:1px dotted #c4c4c4;}
ul#lProd-list li.oneMenu a.one{ display:block; padding:8px 0 8px 20px; color:#4e4e4e;}
ul#lProd-list li.oneMenu:hover{ background:url(../images/lNormal-bg.gif) no-repeat 5px 10px;}

.secondMenu{border-top:1px dotted #c4c4c4;}
.secondMenu li{ padding-left:20px; line-height:24px;}


/*Products
---------------------------------------*/
.prodBox{ width:125px; float:left; margin:0 8px 0 11px; _margin:0 8px;}
.imgBox {
display:inline-block;
vertical-align:middle;
text-align:center;
*display: block;
*font-size: 104px;
*font-family:Arial;
width:119px;
height:119px;
/*padding:2px;
border:1px solid #d9ddde;*/
}
.imgBox img {
border: 1px solid #d9ddde;
padding:2px;
vertical-align:middle;
}

.txtBox{ width:125px; text-align:center; line-height:25px; height:25px; padding-top:5px; _height:20px;}
.txtBox img{ vertical-align:middle;}


/*mProdscroll
----------------------------------*/
#demo {
overflow:hidden;
width:962px;
margin:10px 0 0 8px;
}

#indemo {
float: left;
width: 800%;
margin:0;
padding:0;
}
#demo1 {
float: left;
*margin-top:-36px;
padding:0;
}
#demo2 {
float: left;
*margin-top:-36px;
padding:0;
}


/*News
------------------------------*/

ul.sNews li{ height:27px; line-height:27px; border-bottom:1px dotted #e5e5e5; padding-left:19px; background:url(../images/gray-icon.gif) no-repeat 5px 10px;}
ul.sNews li span{ padding:0 10px 0 0; float:right; color:#8f8f8f;}

.T_info{ line-height:20px; height:20px; padding:10px 0; text-align:center; width:100%; margin:0 auto;}

.back_btn{ width:100%; text-align:right; margin:15px 0 0 0; padding:15px 0 0 0; border-top:1px dotted #cfcfcf;}
div.cont{ padding:10px 0; overflow:hidden; width:100%;}

/*Page
--------------------------------------------------*/
div.page {
	margin-top:15px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#979797;
}
div.page a {
	margin: 5px;
	color: #979797;
	text-decoration:none;
}
div.page a:hover {
	color: #d12121;
}
div.page a:active {
	color: #f00;
}
div.page span.current {
	font-weight: bold;
	margin: 5px;
	color: #d12121;
}
div.page span.disabled {
	margin: 5px;
	color: #ddd;
}

/*Online
------------------------------------*/
#message{
padding:20px 0 0 80px;
width:600px;
}
#message .inputTxt{ border:1px solid #dedede; height:18px; width:200px;}
#message .mulTxt{ border:1px solid #dedede; width:300px; height:100px;}
#message ul li {float:left;margin:5px 0;width:600px;}
#message span {float:left;}

#message .btn{ background:url(../images/btn.gif) no-repeat; border:none; height:24px; width:87px; color:#4e4e4e; margin:10px 30px 0 30px;}

/*footer
------------------------------------*/
.footer{ width:960px; margin:0 auto; padding:0; line-height:30px; color:#fff; font-weight:bold; text-align:center;}
/*sub
------------------------------------*/
.sub_left{ width:230px; float:left;}
.sub_right{ width:700px; float:right; margin-top:10px;}

.sub_left_pro{ width:230px; margin-top:10px;}
.sub_left_pro h5{ height:40px;background:url(../images/icon.png) no-repeat 0 -610px; }
.sub_left_pro ul{ margin:0 auto; padding:0;}
.sub_left_pro ul li{ line-height:30px;  height:30px;background:url(../images/icon.png) no-repeat 0 -650px; border-bottom:1px dotted #015507; margin:0 10px;}
.sub_left_pro ul li a{ padding-left:30px; color:#333;}
.sub_left_pro ul li a:hover{ color:#015507;}
.sub_left_cont{ width:230px; margin-top:10px;}
.sub_left_cont h5{ height:40px;background:url(../images/icon.png) no-repeat 0 -680px; }
.sub_left_cont p{line-height:30px; margin:0 10px;}
.sub_right_comp h5{height:40px; line-height:40px;background:url(../images/icon.png) no-repeat 0 0px; width:710px;}
.sub_right_comp img{ width:300px; float:left; height:200px; margin:10px;}
.sub_right_pro h5{height:40px; line-height:40px;background:url(../images/icon.png) no-repeat 0 -40px; width:710px;}
.sub_right_pro_case h5{height:40px; line-height:40px;background:url(../images/icon.png) no-repeat 0 -80px; width:710px;}
.sub_right_news h5{height:40px; line-height:40px;background:url(../images/icon.png) no-repeat 0 -120px; width:710px;}
.sub_right_job h5{height:40px; line-height:40px;background:url(../images/icon.png) no-repeat 0 -160px; width:710px;}
.sub_right_mass h5{height:40px; line-height:40px;background:url(../images/icon.png) no-repeat 0 -200px; width:710px;}
.sub_right_cont h5{height:40px; line-height:40px;background:url(../images/icon.png) no-repeat 0 -240px; width:710px;}
.sub_right h5 span{float:right; padding-right:20px;}
.sub_right h5 a{ color:#015507;}
.sub_txt{ margin:0 10px; height:660px; line-height:25px; margin-bottom:10px;BACKGROUND-COLOR: transparent; OVERFLOW: scroll; scrollbar-face-color: #FFFFFF; scrollbar-shadow-color: #D2E5F4; scrollbar-highlight-color: #D2E5F4; scrollbar-3dlight-color: #FFFFFF; scrollbar-darkshadow-color: #FFFFFF; scrollbar-track-color: #FFFFFF; scrollbar-arrow-color: #D2E5F4;}
.sub_right_news ul{ margin:0 auto; padding:0;}
.sub_right_news ul li span{ float:right;}
.sub_right_news ul li{background:url(../images/icon.png) no-repeat -10px -650px; height:30px; line-height:30px; border-bottom:1px dotted #015507;}
.sub_right_pro ul{ float:left; margin:0 8px;}
.sub_right_pro_case ul{float:left; margin:0 8px;}
.sub_right_news ul li a{ padding-left:20px; color:#333;}
.sub_txt h6{ width:700px; text-align:center; height:40px; margin-top:0px; line-height:40px; font-size:16px; font-weight:bold;}
.pro_show_img{ width:400px; margin:0 auto; padding:0;}
.pro_show_img img{ width:400px; margin-bottom:20px;}
.sub_right_job ul{border-bottom:1px dashed #015507; padding-bottom:10px; margin-top:10px; }
.sub_right_job ul span{ font-weight:bold;}
.sub_right_job tr{ margin-top:10px;}
.sub_cont{ background:url(../images/cont_bg.jpg) no-repeat; width:700px; height:650px;}
.sub_cont p{ margin-left:130px; padding-top:200px; line-height:40px; font-size:14px;}
/*Back_btn*/
.back_btn{ text-align:right; padding:10px;border-top:1px dashed #015507; margin:0 10px; width:660px; }
.back_btn a{ color:#015507;}

