﻿@charset "utf-8";
/*公用样式部份*/
body,div,form,img,ul,ol,li,dl,dt,dd,p,em{margin:0;padding:0;border:0;list-style:none;font-style:normal; line-height:180%;}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-family:"Microsoft YaHei","\5B8B\4F53";}
del{font-family:Courier;}
.Clear,.ClearBoth{display:block;clear:both;height:0;overflow:hidden;}
a{text-decoration:none;color:#039;}
a:hover{color:#f60;text-decoration:underline;}
body{font-family:"\5B8B\4F53","Microsoft YaHei";}
.wPage{width:990px;margin:0 auto;}
.mt10{margin-top:10px;}.ml10{margin-left:10px;}
.BT_Link a,
.Title,.Title h2,.Title h3,.Title em,.Filter .Title,
.MainNav{background:url(../images/Base.png);}


/*Body_Top===========================================================================*/
#Body_Top{margin:0 auto;}
.Logo{float:left;width:220px;height:85px;margin:0 0;display:inline;}
.Logo img{float:left;}


/*主导航*/
.MainNav{background-color:#f0ab00;height:40px;}
.MainNav ul{height:40px;}
.MainNav li{float:left;padding-left:13px;}
.MainNav li a{float:left;padding-right:13px;}
.MainNav li a span{float:left;padding-left:15px;line-height:40px;font-family:"Microsoft YaHei";font-weight:bold;font-size:16px;color:#fff;cursor:pointer;}
.MainNav li a:hover{background-color:#d29400;}

.MainNav li.Nv_Contact{padding:0;}
body.Nv_Home li.Nv_Home a,
body.Nv_Products li.Nv_Products a,
body.Nv_SaleOil li.Nv_SaleOil a,
body.Nv_QuotedPrice li.Nv_QuotedPrice a,
body.Nv_Program li.Nv_Program a,
body.Nv_Supply li.Nv_Supply a,
body.Nv_Case li.Nv_Case a,
body.Nv_Join li.Nv_Join a,
body.Nv_Contact li.Nv_Contact a,
body li.Nv_On a
{background-color:#d29400;}
/*Body_Top---------------------------------------------------------------------------*/

.AD_S4{width:530px;height:365px;position:relative;overflow:hidden;}
.AD_S4 .AD_List,.AD_S4 .AD_List li,.AD_S4 .AD_List img{width:530px;height:365px;float:left;}
.AD_S4 .AD_List{position:relative;overflow:hidden;z-index:12;}
.AD_S4 .AD_List ul{position:absolute;}

.AD_S4 .AD_Text_BG{position:absolute;left:0;bottom:0;width:100%;height:26px;background:#000;filter:alpha(opacity=40);opacity:0.4;z-index:9;}
.AD_S4 .AD_Text{position:absolute;bottom:0px;left:5px;height:20px;font-size:12px;color:#fff;z-index:10;}
.AD_S4 .AD_Text a{color:#fff;cursor:pointer;}
.AD_S4 .AD_Text b{font-size:14px;display:block;}

.AD_S4 .ADNum{bottom:0;right:0;position:absolute;z-index:13;}
.AD_S4 .ADNum li{float:left;width:15px;height:15px;overflow:hidden;margin:0 2px 2px 0;border:1 solid #000;/*text-indent:-999em;*/background-color:#000;cursor:pointer;border-radius:2px;filter:alpha(opacity=60);opacity:0.6;font:11px/14px Verdana;text-align:center;color:#fff;}
.AD_S4 .ADNum li.On{background-color:#000;filter:alpha(opacity=100);opacity:1;}






.Banner{margin:0px auto;width:889px;height:392px;position:relative;overflow:hidden;z-index:10;}
.Banner .AD_List,.Banner .AD_List li{width:889px;height:392px;float:left;}
.Banner .AD_List img{width:889px;height:392px;float:left; background:#eee;}


/*Body_Main===========================================================================*/
.Body_Main{width:990px;margin:10px auto;background-color:#fff;}
.CurrPath{height:23px;font-size:12px;line-height:23px;color:#999;margin-bottom:6px;border-bottom:1px solid #e3e3e3;padding:5px 10px;}
.CurrPath a{color:#555;}.CurrPath a:hover{color:#f60;}
.CurrPath span{color:#666;}.CurrPath strong{color:#555;}

.sTitle{height:34px;line-height:34px;}
.sTitle h2{float:left;font-size:16px;height:34px;}
.sTitle em{float:right;padding-right:8px;font-size:12px;height:34px;}
.sTitle em a{color:#666;}.sTitle em a:hover{color:#f60;}

/*Body_Con*/
.Body_Con{float:right;width:720px;padding:10px;}

.BodyH1{border-bottom:2px solid #999;padding:5px 0px;}
.BodyH1 h1{font-size:18px;font-family:"Microsoft YaHei","黑体";line-height:29px;font-weight:normal; color:#25538C; font-weight:bold; background:url(../images/r2_c5.jpg) 0 50% no-repeat; display:block; padding-left:25px;}

.Content{font-size:14px;padding:15px;line-height:1.7;}
.ConBottom{margin-top:10px;}
.ConBottom li{float:left;width:230px;height:210px;background:url(../images/ConBottomBG.jpg) no-repeat 0 bottom;margin:0 6px;display:inline;}
.ConBottom li img{display:block;margin:auto;}
.ConBottom li p{margin:15px 10px;height:58px;font-size:12px;line-height:19px;overflow:hidden;display:block;}
.ConBottom li strong{display:block;font-size:12px;padding-left:30px;}


/*Body_Left*/
.Body_Left{width:230px;min-height:595px;padding:0px 12px 5px 5px;background:url(../images/LeftBG.png) no-repeat;}
.LeftNav{}
.LeftNav .sTitle,.Category .sTitle{background-color:#f0ab00;height:35px;}
.LeftNav .sTitle h2,.Category .sTitle h2{font-size:16px;font-weight:normal;line-height:30px;margin:0px 0 0 5px;background-color:#eee;height:30px;padding:0 10px;}
.LeftNav ul,.Category ul{margin:0px 9px;}
.LeftNav li a{background:url(../image/r4_c311.jpg) no-repeat center;display:block;height:30px;font-size:14px;font-weight:normal;line-height:30px;color:#666; padding-left:18px; width:172px; text-decoration:none;  margin-bottom:8px;}

.LeftICO{padding-bottom:20px;background:url(../images/LeftBG_Top.gif) no-repeat center bottom #fff;}
.LeftICO li{padding-top:10px;width:220px;height:110px;}
.LeftICO li img{float:left;width:220px;height:110px;}

.LeftNav li a:hover,.LeftNav li.On a{color:#fff;font-weight:bold; background:url(../image/11r10_c7.jpg) ;}
/*分类*/
.Category{}
.Category li{font-size:12px;margin:0 0;}
.Category li a{color:#666;display:block;border-bottom:1px dotted #aaa;padding-left:23px;height:25px;line-height:25px;background:url(../images/LeftArr.gif) no-repeat 8px center;}
.Category li a:hover{background-color:#00a2de;color:#fff;}
.Category li a.On{background-color:#00a2de;color:#fff;font-weight:bold;}

.Category li a.Category2{padding-left:30px;border-bottom-color:#aaa;background:none;}
.Category li a.Category2:hover{color:#006b5c;background-color:#eef7f6;}

.Category li a.Category2.On{background-color:#eef7f6;color:#000;font-weight:bold;}

.bl_Contact .sTitle{background:none;border-bottom:1px solid #ccc;height:30px;line-height:30px;}
.bl_Contact .sTitle h2{margin:0;background:none;height:30px;}
.bl_Contact .sTitle span{color:#f60;font:12px/22px Verdana;float:left;margin-top:8px;height:22px;}
.bl_ContactCon{font-size:12px;line-height:1.7;padding:10px 10px;}

/*分类树型菜单*/
.LeftNavBox{ margin-left:0px;}
.LeftNavBox:hover{}

.LeftNavBox p a{background:url(../image/r4_c311.jpg) no-repeat center;display:block;height:30px;font-size:14px;font-weight:normal;line-height:30px;color:#666; padding-left:10px; width:180px; text-decoration:none;  margin-bottom:8px;}
.LeftNavBox p a:hover,.LeftNavBox p.On a{color:#fff;font-weight:bold; background:url(../image/11r10_c7.jpg) ;}



/*NewsList===========================================================================*/
.NewsList li{width:240px;height:23px;padding-left:20px;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;font-size:12px;line-height:23px;background:url(../images/parr.gif) no-repeat 5px center;}
.NewsList li a{color:#333;}.NewsList li a:hover{color:#f60;}
/*NewsList---------------------------------------------------------------------------*/


/*CategoryList===========================================================================*/
.CategoryNote{display:block;padding:5px;font-size:12px;line-height:19px;color:#666;}
.CategoryList{padding:0 5px;border:1px solid #ddd;margin-top:10px;}
.CategoryList li{float:left;width:350px;height:156px;padding:10px 0;margin-left:5px;}
.CategoryList li .cl_Img{float:left;width:190px;height:150px;padding-bottom:8px;background:url(images/CategoryImg_touying.gif) no-repeat 0 bottom;}
.CategoryList li .cl_Img img{width:190px;height:150px;background:#eee;float:left;overflow:hidden;}
.CategoryList li .cl_Note{margin-left:200px;color:#888;}
.CategoryList li .cl_Note h3{font-size:16px;padding:5px 0 2px;}
.CategoryList li .cl_Note h3 a{color:#1c7b6d;}.CategoryList li .cl_Note h3 a:hover{color:#f60;}
.CategoryList li .cl_Note p{display:block;line-height:19px;font-size:12px;overflow:hidden;height:93px;color:#888;margin:3px 0 5px 0;}
.CategoryList li .ml_More{display:block;background:url(images/CategoryMore.gif) no-repeat;width:49px;height:14px;text-indent:-999em;overflow:hidden;}
/*CategoryList---------------------------------------------------------------------------*/


/*ProList===========================================================================*/
.ProList{margin:0 0 0 0px;float:left; }
.ProList li{float:left;margin:0px 19px 0 19px;display:inline;  }
.ProList li.pl_Null{width:100%;height:30px;font-size:18px;color:#666;text-align:center;}
.ProList li .pl_pic{display:block;width:200px;height:144px;border:1px solid #ddd;padding:3px;}
.ProList li .pl_pic img{display:block;width:200px;height:144px;}
.ProList li .pl_name{display:block;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;overflow:hidden;width:206px;height:32px;font-size:14px;line-height:32px;text-align:center;cursor:pointer;}
.ProList li a{color:#333;display:block;}
.ProList li a:hover{color:#f60; background-color:#f6f6f6;}
.ProList li a:hover .pl_pic{border-color:#f60;}
/*ProList---------------------------------------------------------------------------*/

.DetailedPic{width:720px;height:500px;border:1px solid #ddd;display:table;table-layout:fixed;position:relative;}
.DetailedPic div.PD_Pic{width:720px;height:500px;text-align:center;display:table-cell;vertical-align:middle;}
.DetailedPic div.PD_Pic img{max-width:720px;max-height:500px;width:expression(this.width>720&&this.height<this.width?720:true);height:expression(this.height>500?500:true);margin-top:expression((500-this.height)/2);cursor:pointer;}
.PD_Previous{position:absolute;left:0;top:0;height:500px;width:360px;cursor:url("http://www.karns.cn/images/arr_left.cur"),w-resize;text-indent:-999em;opacity:.0;filter:alpha(opacity=0);background-color:#fff;}
.PD_Next{position:absolute;right:0;top:0;height:500px;width:360px;cursor:url("http://www.karns.cn/images/arr_right.cur"),e-resize;text-indent:-999em;opacity:.0;filter:alpha(opacity=0);background-color:#fff;}


.DetailedNote{margin:10px 10px 10px 320px;}
.DetailedNote h1{font-size:22px;border-bottom:1px solid #ddd;padding:5px;font-weight:normal;}
.DetailedNote p{font-size:14px;padding:8px;border-bottom:1px dotted #ccc;color:#555;}
.DetailedNote p span{color:#004071;}

.DetailedH2{border-bottom:1px solid #ccc;font-size:18px;font-weight:normal;padding:5px 5px 5px 10px;}
.DetailedContent{padding:13px;font-size:14px;line-height:1.7;}

/*新闻详细*/
.NewsDetailed{padding:15px 10px;}
h1.NewsH1{font-size:22px;border-bottom:1px solid #ddd;padding:5px;font-weight:normal;text-align:center;}
.NewsNote{font-size:12px;padding:8px;color:#666;text-align:center;}

/*Body_Main---------------------------------------------------------------------------*/



/*Body_Bottom===========================================================================*/
.Body_Bottom{margin:8px auto 0;font-size:12px;background-color:#2d2c2d;}
/*版权/其它信息*/
.Copyright{padding:10px 0;text-align:center;margin-top:10px;color:#ccc;font:12px/1.8 Arial;}
.Copyright a{color:#818081;}
/*Body_Bottom---------------------------------------------------------------------------*/



.TxtBN_More{background:url(../images/ICO_More.gif) no-repeat;color:#008ad4;font:bold 12px/17px "";display:inline-block;height:17px;padding:0 50px 0 23px;}

/*列表样式===========================================================================*/
/*文字列表*/
.TxtList{margin:5px; margin-top:5px; margin-left:4px;}
.TxtList li{padding-left:12px;font-size:12px;line-height:26px;background:url(../images/Arr.gif) no-repeat 2px center;height:26px; overflow:hidden;}
.TxtList li a{color:#333;}.TxtList li a:hover{color:#333; text-decoration:none}


.TxtList .tl_link{float:left;}
.TxtList .tl_date{float:right;color:#666;font-size:12px;}

/*图片+文字*/
.PicTxtList{margin:5px; }
.PicTxtList li{height:120px;padding:5px 5px;}
.ptl_Pic{float:left;width:150px;height:120px;}
.ptl_Pic img{width:150px;height:120px;display:block;background-color:#eee;}
.ptl_Txt{margin-left:160px;}
.ptl_Txt strong{font:bold 14px/20px Arial;padding-bottom:3px;}
.ptl_Txt p{display:block;font:12px/17px Arial;color:#777;height:100px;overflow:hidden;}



/*图片列表*/
.PicList{margin:0 0 0 -10px;}
.PicList li{float:left;width:154px;margin:10px 0 0 10px;position:relative;}
.PicList li a.pl_Pic{display:block;width:150px;height:175px;padding:1px;border:1px solid #dcdfe0;overflow:hidden;}
.PicList li a.pl_Pic img{width:150px;height:150px;display:block;background-color:#fff;}
.PicList li a.pl_Pic span{font-size:12px;height:24px;line-height:24px;border-top:1px solid #e1e5e8;background-color:#f3f7f8;padding:0 3px;}

.PicList li .pl_Tool{position:absolute;top:2px;right:2px;padding:2px;display:none;background-color:#fff;border:1px solid #ccc;opacity:0.7;filter:alpha(opacity=70);}
.PicList li .pl_Tool:hover{opacity:1;filter:alpha(opacity=100);}
.PicList li label{display:inline-block;padding:2px;}

.PicList li .pl_Tool .TxtBN_Edit,.PicList li .pl_Tool .TxtBN_Del{width:22px;text-indent:-999em;overflow:hidden;padding:0;}

.PicList li.NullRecord{background-color:#f6f8fe;width:auto;text-align:center;color:#999;font-size:14px;padding:20px 0;float:none;}
.PicList li:hover{background-color:#eaeef9;}
.PicList li:hover a.pl_Pic{border:2px solid #85b6d3;padding:0;}
.PicList li:hover .pl_Tool{display:block;}

.PicList li.Selected{background-color:#ffc;}
.PicList li.Selected a.pl_Pic{border:2px solid #f90;padding:0;}
.PicList li.Selected a.pl_Pic span{background-color:#f5f4e7;border-top:1px solid #d3c7aa;}
/*列表样式---------------------------------------------------------------------------*/



/*翻页样式*/
#ShowPage{color:#555;padding:6px;border-top:1px dotted #ddd;}
#ShowPage span,#ShowPage a{display:inline-block;margin-right:5px;font:14px/28px Arial;height:28px;vertical-align:top;color:#555;}
#ShowPage a,#ShowPage .Page_s2,#ShowPage .Page_e2{font:bold 14px/26px Arial;background:#fff;border:1px solid #b2bfcf;height:26px;padding:0 8px;}
#ShowPage #on{border:1px solid #c60;background-color:#fec;color:#f60;font-weight:bold;text-decoration:none;}
#ShowPage a:hover{background-color:#ffffe9;border-color:#f60;color:#f30;text-decoration:none;}
#ShowPage .Page_s,#ShowPage .Page_s2,#ShowPage .Page_e,#ShowPage .Page_e2{background:url(../images/PageBG.gif) no-repeat;font:bold 12px/26px 宋体;}
#ShowPage .Page_s{background-position:-65px center;width:9px;}
#ShowPage .Page_s2{background-position:10px center;width:9px;color:#999;border-color:#ccc;}
#ShowPage .Page_e{background-position:-175px center;padding-right:21px;}
#ShowPage .Page_e2{background-position:-99px center;padding-right:21px;color:#999;border-color:#ccc;}
