@charset "utf-8";
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,i,th,td,strong { font-size: 1em;}
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-family:Verdana, Geneva, sans-serif; font-weight:normal;}
ul,ol { list-style: none; }
ul li {list-style: none outside none;}
body { font-size:14px; background:#fff; font-family:Verdana, Geneva, sans-serif; color:#000;}
tbody {display: table-row-group;vertical-align: middle;border-color: inherit;}
input,select{ font-family:Verdana, Geneva, sans-serif; }
.r5{border-radius:5px;}
img{ border:0px none;}
em{ font-style:normal;}
a{color:#000;}
a:link, a:visited, a:active { text-decoration: none;}
a:hover{ text-decoration: none; color:#920000;}
.clearfix:after { clear: both; content: ""; display: block; height: 0; visibility: hidden; }
.clear{ clear:both;font-size:0px;}
.l{float:left}
.r{float:right}
div {display: block;}

.main_box{ width:100%; height:auto; background:#fff; display:block;}
.main_bg{ width:100%; height:1084px; display:block; overflow:hidden; position:relative;}
.main_bg a img{ width:330px; height:182px; position:absolute; bottom:40px; left:50%; margin-left:-165px;}

.header_top{ width:1000px; height:210px; margin:0 auto; position:relative; text-align:center; display:block; overflow:hidden;}
.header_top a img{ width:330px; height:133px; margin-top:42px;}
.header_top .top_right{ position:absolute; z-index:2; top:100px; right:0px; width:330px;}
.header_top .top_right ul{ width:100px; height:18px; display:block; float:right; margin-bottom:20px;}
.header_top .top_right ul li{ width:18px; height:18px; float:left; margin-left:15px; display:inline; overflow:hidden; background:url(../images/kft_ico.png) no-repeat;}
.header_top .top_right ul li.per{ background-position:0px 0px;}
.header_top .top_right ul li.phone{ background-position:-33px 0px;}
.header_top .top_right ul li.lan{ background-position:-66px 0px;}
.header_top .top_right ul li a{ width:100%; height:100%; display:block;}
.header_top .top_right .time{ width:100%; height:22px; line-height:22px; display:block; overflow:hidden; color:#666; text-align:right;}

.nav{ width:1000px; height:50px; margin:0 auto; display:block; overflow:hidden;}
.nav li{ width:200px; height:50px; float:left; display:block; overflow:hidden; font-size:16px; text-align:center; line-height:50px;}
.nav li.hover a{ color:#920000;}

.banner{ width:100%; display:block;}
.banner li{ width:100%;}
.banner li img{ width:100%; height:auto;}
.banner li a span{ width:100%; height:600px; display:block; overflow:hidden;}

.footer{ width:1000px; height:auto; margin:0 auto; padding:40px 0 50px; display:block; overflow:hidden;}
.footer p{ width:100%; line-height:30px; display:block; text-align:center;}
.footer p span{ width:24px; height:24px; display:inline-block; background:url(../images/kft_ico.png) no-repeat; margin:10px 15px 0; overflow:hidden;}
.footer p span.facebook{ background-position:0px -29px;}
.footer p span.twitter{ background-position:-54px -29px;}
.footer p span a{ width:100%; height:100%; display:block;}

.conbanner{ width:100%; height:340px; border-top:1px solid #eee; border-bottom:1px solid #eee;}
.conbanner li{ width:100%; height:340px;}
.conbanner li span{ width:100%; height:340px; display:block; overflow:hidden;}

.content{ width:1000px; height:auto; margin:20px auto 0; display:block; overflow:hidden;}
.content .menu{ width:200px; height:auto;}
.content .menu dt{ height:64px; line-height:64px; font-size:18px; border-bottom:1px solid #ddd; padding:0 5px; display:block; overflow:hidden; margin-bottom:20px;}
.content .menu dd{ height:32px; line-height:32px; display:block; overflow:hidden; padding:0 5px; font-size:16px;}
.content .menu dd:hover a{ color:#b20000; font-size:18px;}
.content .menu dd.hover a{ color:#b20000; font-size:18px;}
.content .box{ width:750px; height:auto;}
.content .title{ height:64px; line-height:64px; display:block; overflow:hidden; font-size:16px; color:#666; padding:0 5px; border-bottom:1px solid #ddd; margin-bottom:30px;}
.content .title h1{ float:left;}
.content .title span{ float:right; font-size:14px;}
.content .box .de_con{ width:100%; height:auto; display:block; overflow:hidden;}
.content .box .de_con .prod_list{ width:760px; display:block; overflow:hidden;}
.content .box .de_con .prod_list li{ width:160px; height:210px; margin:0px 20px 30px 10px; overflow:hidden; background:#f9f9f9; text-align:center; float:left; display:inline;}
.content .box .de_con .prod_list li img{ width:auto; height:210px;}
.content .box .de_con .fash_list{ width:790px; display:block; overflow:hidden;}
.content .box .de_con .fash_list li{ width:335px; height:445px; margin:0px 50px 30px 10px; overflow:hidden; background:#f9f9f9; text-align:center; float:left; display:inline;}
.content .box .de_con .fash_list li img{ width:auto; height:445px;}

.content .page_list{ margin:20px 10px; height:24px; display:block; overflow:hidden;}
.content .page_list a{ width:24px; height:24px; display:block; float:left; text-align:center; line-height:24px; background:#999; color:#fff; margin-right:5px;}
.content .page_list a.hover{ background:#b20000;}
.content .page_list a:hover{ background:#b20000;}
.content .default_tit{ width:100%; height:auto; margin-bottom:50px; border-bottom:1px dotted #ddd; padding-bottom:20px; text-align:center;}
.content .default_tit h2{ width:100%; height:auto; line-height:36px; font-size:18px; color:#B20000; margin-bottom:20px;}
.content .default_tit .size{ width:100%; height:auto; line-height:26px; color:#999; display:block;}
/*图片放大镜样式*/
.prod_extra{ width:360px; height:560px; display:block; overflow:hidden; background:#f9f9f9; padding:20px; margin:0 auto 20px;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:auto; height:470px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:360px;height:470px;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.jqZoomPup img{ width:800px; height:auto;}
.spec-preview{width:360px;height:470px; display:block; overflow:hidden;}
.spec-scroll{clear:both;margin-top:20px;width:360px; height:70px; display:block; overflow:hidden;}
.spec-scroll .items{float:left;position:relative;width:360px;height:70px;}
.spec-scroll .items ul{position:absolute;width:366px;height:70px;}
.spec-scroll .items ul li{float:left;width:54px; height:70px; display:block; overflow:hidden; text-align:center; margin:0px 7px 0px 0px;}
.spec-scroll .items ul li img{width:50px;height:66px; border:2px solid #fff;}
.spec-scroll .items ul li img:hover{border:2px solid #b20000;}

.content .abox{ width:100%; height:auto;}
.content .abox .aboutbox{ padding:20px 100px; font-size:22px; line-height:40px; width:800px;}
.content .abox .aboutbox strong{ width:100%; display:block; color:#b20000; font-weight:normal; text-align:center; margin-bottom:30px;}

.content .abox .contabox{ padding:20px 100px; font-size:22px; width:800px;}
.content .abox .contabox li{ line-height:40px; margin-bottom:30px;}
.content .abox .contabox li strong{ color:#b20000; font-weight:normal; padding-left:50px;}
.content .abox .contabox li b{width:34px; height:34px; display:inline-block; background:url(../images/kft_ico.png) no-repeat; vertical-align:middle; margin-right:16px;}
.content .abox .contabox li b.address{ background-position: 0px -53px;}
.content .abox .contabox li b.tel{ background-position: -34px -53px;}
.content .abox .contabox li b.email{ background-position: -68px -53px;}

.main_box{ position:relative;}
.index_bg{ width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:0; opacity:0; }
.index1{ width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:1; opacity:0; }
.index2{ width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:20; opacity:0;}
.index3{ width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:30; opacity:0;}
.index4{ width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:4; opacity:0;}
.indexlogo{ width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:40; opacity:0;}
.indexlogo2{ width:100%; height:100%; top:0px; left:0px; position:absolute; z-index:41; opacity:0;}