@import url("base.css");
html { overflow-y: scroll; }
body{background:#fff;}
.warp{ width:990px; margin:0 auto; clear:both; overflow:hidden;}
.header .logo{ float:left;background:url(../images/logo.jpg) no-repeat; width:235px; height:85px; overflow:hidden;}
.header .logo h1{ text-indent:-99999px; line-height:83px;}
.header .right{ float:right; width:740px; background:url(../images/400tel.gif) no-repeat right bottom; height:85px; overflow:hidden;}
.header .right .toplink{ text-align:right; line-height:28px; color:#666;}
.header .right .hello{ line-height:50px; text-indent:30px;}
.header .menu{ height:34px; overflow:hidden; background:url(../images/menubg.gif) no-repeat; border-bottom:5px #c00 solid;}
.header .menu ul{}
.header .menu ul li{ line-height:34px; float:left; background:url(../images/menuline.gif) no-repeat right center; text-align:center; width:67px; margin-right:4px;}
.header .menu ul li.none{ background:none; margin-right:0px;}
.header .menu ul li a{ font-size:14px; font-weight:bold; color:#000; text-decoration:none; display:block; width:67px; height:34px;}
.header .menu ul li.on{background:url(../images/menuhover.gif) no-repeat; color:#fff;}
.header .menu ul li.on a{ color:#FFF;}
.header .menu ul li a:hover{ background:url(../images/menuhover.gif) no-repeat; color:#fff;}
.header .othersite{ background:#f0f0f0; line-height:28px; height:28px; overflow:hidden; padding:0 5px;}
.header .othersite span{ color:#C00;}
.header .othersite a{ color:#333; margin:0 5px;}
.header .notice{ height:25px; line-height:25px; padding:0 5px; background:url(../images/notice_ico.gif) no-repeat 5px 0; text-indent:88px; margin:3px auto; border:1px #BFBFBF solid;}
.header .notice_list{ height:25px; padding:0 5px; line-height:28px; color:#999;}
.header .notice ul.line{width:500px;height:25px;overflow:hidden;}

.leftarea{ float:left; width:180px;}
.leftmenu{ width:180px;}
.leftmenu h2{ background:#c00; height:28px; line-height:28px; font-size:14px; font-weight:bold; text-indent:15px; margin-bottom:2px;}
.leftmenu h2.black{ background:#505050;}
.leftmenu h2 a{color:#fff; text-decoration:none;}
.leftmenu h2 a:hover{ color:#ff0;}
.leftmenu ul h3{ background:#c7c7c7 url(../images/leftmenutwobg.gif) no-repeat 8px 0; height:25px; line-height:25px; font-size:14px; font-weight:bold; text-indent:35px; margin:2px 0;}
.leftmenu ul h3 a{ color:#000; text-decoration:none;}
.leftmenu ul h3 a:hover{ color:#f00;}
.leftmenu ul li ul li{ line-height:22px; height:22px; background:#f0f0f0 url(../images/leftmenuthreebg.gif) no-repeat 15px 5px; text-indent:35px; margin:2px 0;}
.leftmenu ul li ul li a{ color:#000; text-decoration:none;}
.leftmenu ul li ul li a:hover{ color:#f00;}


.rightarea{ float:right; width:800px;}

.slider {position:relative;overflow:hidden;background:url('../images/loading.gif') no-repeat center center;}
.slider, .slider li, .slider img {width:576px;height:240px;border:0px;}
.slider .triggers {position:absolute;bottom:-30px;right:0;height:30px;padding-right:10px;z-index:10;}
.slider .triggers a {float:left;height:20px;width:20px;color:#aaa;cursor:pointer;font-size:14px;line-height:20px;margin-left:5px;text-align:center;text-decoration:none;background-color:#eee;border:1px solid #aaa;text-shadow:0 0 0, 0 1px 0 #fff;}
.slider .triggers .current {color:#333;background-color:#fff;border-color:#333;}
.slider .triggers .current {color:#fff;background-color:#626262;border-color:#626262;text-shadow:0 0 0, 0 1px 0 #c4620d;}

.rightright{ float:right; width:214px;}
.index_news{border:1px #bfbfbf solid;}
.index_news h3{ background:url(../images/index_right_t_bg.jpg) no-repeat; height:26px; line-height:26px; overflow:hidden; font-size:14px; color:#c00; padding:4px 5px 0 5px; text-indent:15px;}
.index_news h3 span{ float:right;}
.index_news h3 span a{ color:#999;}
.index_news ul{}
.index_news ul li{ margin:2px 3px; line-height:25px; height:25px; background:url(../images/leftmenuthreebg.gif) no-repeat 5px 8px; overflow:hidden; text-indent:18px; padding:0 5px; border-bottom:1px #bfbfbf dotted}
.index_news ul li a{ color:#777;}
.index_news ul li a:hover{ color:#c00;}
.index_news ul li span{ float:right; color:#999;}
.index_news ul.mulitline{height:83px;overflow:hidden;}


.index_cp_list{ width:100%;}
.index_cp_list h3{ border-bottom:2px #c00 solid; height:30px; background:url(../images/dot_ico.jpg) no-repeat 15px 15px; text-indent:30px; padding:10px 10px 0 10px; color:#c00; font-size:22px; line-height:30px; overflow:hidden;}
.index_cp_list ul{ padding:10px 5px;}
.index_cp_list ul li{ float:left; width:190px; overflow:hidden; text-align:center; background:url(../images/kyt_produtor_bg.gif) repeat-y right; margin:0 6px 15px 0; font-size:12px; margin-bottom:22px;}
.index_cp_list ul li.none{ background:none; margin-right:0px;}
.index_cp_list ul li img{ width:150px; height:110px; margin:10px auto;}
.index_cp_list ul li .cptitle{ text-align:left; font-size:14px; font-weight:bold; margin-left:10px; height:25px; overflow:hidden; line-height:25px;}
.index_cp_list ul li .cptitle a{color:#000; text-decoration:none; font-size:12px;}
.index_cp_list ul li .cptitle a:hover{color:#c00;}
.index_cp_list ul li .dinfo{ text-align:left; font-size:12px; margin-left:10px; height:25px; overflow:hidden;line-height:25px;}
.index_cp_list ul li .dinfo em{ font-style:normal; font-weight:bold; font-size:12px; color:red; margin:0 3px;}

/*footer*/
#kyt-footer{border-top: 2px #c00 solid; border-bottom: 2px #c00 solid; clear:both; margin:5px 0;}
#kyt-footer #kyt-footer-info{ clear:both;}
#kyt-footer-left{ width:265px; float:left; height:100px; background-color:#f5f5f5;}
#kyt-footer-left ul{ padding:15px 0px 0px 25px;}
#kyt-footer-left #kyt-tel{background:url("../images/kyt01.png") 0px -49px no-repeat; width:192px; height:53px; overflow:hidden;}
#kyt-footer-left .kyt-time{color:#666666; height:20px;}


.kyt-honor{background:url("../images/honor.png") no-repeat center; border-top:1px #ececec solid; height:80px;}
.kyt-honor ul li{ float:left; padding-top:20px; margin-left:20px;}
.kyt-honor ul li a{ display:block; width:130px; height:40px;}
.kyt-honor ul li a:hover{ text-decoration:none;}
.kyt-honor ul li.kyt-honor01 a{ display:block; width:190px; height:40px;}
.kyt-honor ul li.kyt-honor01 a:hover{ display:block; width:190px; height:40px; text-decoration:none;}


#kyt-footer-right{ height:100px; width:715px; float:right;}
#kyt-footer-right .helpnav {}
#kyt-footer-right .helpnav .TreeList {float:left;margin-left:25px!important; margin-left:20px; width:90px;}
.TreeList .cat1 {font-weight:bold; height:20px; padding-left:3px; background:url(../../images/icon.gif) no-repeat 1px 2px; text-indent:12px;}
.TreeList .cat2 {padding:0 0 0 15px; height:20px; background:url("../images/ico001.png") no-repeat 4px 4px;}
.TreeList .cat2 a{ color:#666666;}
.TreeList .cat2 a:hover{ color:#FF3300; text-decoration:underline;}

#kyt-list-left .TreeList .cat1{
background:url("../images/listtitbg03.png") repeat-x center top;
border-top:1px solid #F2F2F2;
color:#FFFFFF;
font-size:14px;
height:36px;
line-height:36px;
padding-left:10px;
margin:0px;
}
#kyt-list-left .TreeList .cat1 a{ font-weight:normal; background:url("../images/ico001.png") no-repeat scroll 4px 15px transparent;
border-bottom:1px dashed #EEEEEE;
height:36px;
line-height:36px;
padding-left:15px; display:block;} 

#kyt-totop{background:url("../images/kyt01.png") right -229px no-repeat; float:right; width:45px; height:16px; overflow:hidden;}
#kyt-totop a{width:45px; height:16px; display:block;}
#kyt-totop a:hover{ text-decoration:none}

.flinks{ line-height:24px; padding:0 5px; border-bottom:2px #f0f0f0 solid;}
.flinks span{ color:#333; font-weight:bold;}
.flinks a{ color:#666; margin:0 5px; text-decoration:none;}

.footer{ width:990px; margin:0 auto; text-align:center; line-height:200%; color:#999;}
.fmenu{ margin:10px auto; width:600px; clear:both;}
.fmenu ul li{ float:left; padding:0px 4px; color:#666;}

/*right*/
/*Ʒб*/
.rightarea .cp_list img{ border:1px solid #000;}

.cp_list{ width:720px; margin:0px auto;}
.cp_list h3{ border-bottom:2px #c00 solid; height:30px; background:url(../images/dot_ico.jpg) no-repeat 15px 15px; text-indent:30px; padding:10px 10px 0 10px; color:#c00; font-size:22px; line-height:30px; overflow:hidden;}
.cp_list ul{ padding:10px 5px;}
.cp_list ul li{ float:left; width:155px; overflow:hidden; text-align:center; margin:0 20px 15px 0;}
.cp_list ul li.none{ background:none; margin-right:0px;}
.cp_list ul li img{ width:150px; height:110px; margin:10px auto;}
.cp_list ul li .cptitle{ text-align:left; font-size:14px; font-weight:bold; margin-left:10px; height:25px; overflow:hidden; line-height:25px; text-align:center;}
.cp_list ul li .cptitle a{color:#000; text-decoration:none; font-size:12px;}
.cp_list ul li .cptitle a:hover{color:#c00;}
.cp_list ul li .dinfo{ text-align:left; font-size:12px; margin-left:10px; height:25px; overflow:hidden;line-height:25px;}
.cp_list ul li .dinfo em{ font-style:normal; font-weight:bold; font-size:12px; color:red; margin:0 3px;}

.rightarea h2{ background:#f0f0f0; height:28px; line-height:28px; font-size:14px; font-weight:bold; text-indent:15px; margin-bottom:2px;}
.rightarea .in_detail{ height:45px; margin-left:20px; width:720px; margin-top:10px;}
.rightarea .seach_page{ margin-left:20px; width:720px;}
.rightarea .seach_page ul li{ height:40px;}
.rightarea .seach_page ul li .left{ float:left;}
.rightarea .seach_page ul li .right{ float:right;}

/*Ʒ*/

.even{ background:#E6E6E6;}
.odd{ background:#FFF;}
.selected{ background:#CECFFF; }

.rightarea .in_detail_bor{ width:798px; border:1px solid #f0f0f0; height:auto; margin-bottom:20px;}
.rightarea .in_detail_bor .title{ width:98%; text-align:center; margin:0px auto;}
.rightarea .in_detail_bor .title h2{ background:none; font-size:12px;}
.rightarea .in_detail_bor .pro_in_detail{ width:95%; height:300px; margin:0px auto; text-align:center; margin-top:10px;}
.rightarea .in_detail_bor .pro_in_detail .pic{ float:left; width:620px; height:295px; border:1px solid #CCC; background:#ECEAEA; overflow:hidden}
.rightarea .in_detail_bor .pro_in_detail .pic2{ height:220px; margin:0px auto; margin:10px;}
.rightarea .in_detail_bor .pro_in_detail .pic2 img{
width:expression(this.width>200px?"200px":this.width);
height:expression(this.height>200px?"200px":this.height); 
}
.rightarea .in_detail_bor .pro_in_detail .gg{ float:right; width:425px; height:279px; text-align:left; line-height:180%}
.rightarea .in_detail_bor .pro_in_detail .gg p{ background:none; text-align:left; color:#31B3E7; font-weight:bold; font-size:15px;}
.rightarea .in_detail_bor .pro_in_detail .button{ width:425px; float:right; height:41px;}
.rightarea .in_detail_bor .pro_in_detail .button ul li{ float:left; padding:0px 5px;}

.rightarea .in_detail_bor .pro_in_detail_2{ width:95%; height:180px; margin:0px auto; margin-top:20px;}
.rightarea .in_detail_bor .pro_in_detail_2 .detail_left{ width:380px; height:180px; float:left;}
.rightarea .in_detail_bor .pro_in_detail_2 .detail_left .title{ text-align:left; height:30px; width:100%; text-indent:12px; color:#31B3E7; font-weight:bold; font-size:15px; background:#f0f0f0; height:20px; margin-bottom:10px; line-height:20px;}
.rightarea .in_detail_bor .pro_in_detail_2 .detail_left .sl{ text-align:center; width:100%;}
.rightarea .in_detail_bor .pro_in_detail_2 .detail_left .sl ul li{ border:1px solid #CCC; float:left; width:90px; height:25px; line-height:25px;}

.rightarea .in_detail_bor .pro_in_detail_2 .detail_right{ width:350px; height:180px; float:right;}
.rightarea .in_detail_bor .pro_in_detail_2 .detail_right .title{ height:30px; width:100%; text-align:left; text-indent:12px; color:#31B3E7; font-weight:bold; font-size:15px; background:#f0f0f0; height:20px; margin-bottom:10px; line-height:20px;}
.rightarea .in_detail_bor .pro_in_detail_2 .detail_right .jg{ line-height:180%; margin-top:10px;}

.rightarea .in_detail_bor .pro_sm{ width:95%; height:auto; margin:0px auto; border:1px solid #CCC; margin-top:28px;}
.rightarea .in_detail_bor .pro_sm .title{ width:100%; text-align:left; background:#f0f0f0; height:28px; line-height:28px;}
.rightarea .in_detail_bor .pro_sm .title font{ color:#EB0A04; margin-left:12px; font-weight:bold;}
.rightarea .in_detail_bor .pro_sm .content{ width:98%;padding:10px;}
.rightarea .in_detail_bor .pro_sm .content2{ width:98%; ;padding:10px;}

.rightarea .in_detail_bor .pro_tj{ width:95%; height:210px; margin:0px auto; margin-top:20px; border:1px solid #CCC;}
.rightarea .in_detail_bor .pro_tj a{ color:#000; text-decoration:none; font-size:12px;}
.rightarea .in_detail_bor .pro_tj .title{ width:100%; text-align:left; background:#f0f0f0; height:28px; line-height:28px;}
.rightarea .in_detail_bor .pro_tj .title font{ color:#EB0A04; margin-left:12px; font-weight:bold;}

.rightarea .in_detail_bor .pro_tj .content{ width:98%; margin:0px auto;}
.rightarea .in_detail_bor .pro_tj .content img{ border:1px solid #CCC;}
.rightarea .in_detail_bor .pro_tj .content h3{ border-bottom:2px #c00 solid; height:30px; background:url(../images/dot_ico.jpg) no-repeat 15px 15px; text-indent:30px; padding:10px 10px 0 10px; color:#c00; font-size:22px; line-height:30px; overflow:hidden;}
.rightarea .in_detail_bor .pro_tj .content ul{ padding:5px;}
.rightarea .in_detail_bor .pro_tj .content ul li{ float:left; width:155px; overflow:hidden; text-align:center; margin:0 20px 15px 0;}
.rightarea .in_detail_bor .pro_tj .content ul li.none{ background:none; margin-right:0px;}
.rightarea .in_detail_bor .pro_tj .content ul li img{ width:150px; height:110px; margin:10px auto;}
.rightarea .in_detail_bor .pro_tj .content ul li .cptitle{ text-align:center; font-size:14px; font-weight:bold; margin-left:10px; height:25px; overflow:hidden; line-height:25px;}
.rightarea .in_detail_bor .pro_tj .content ul li .cptitle a{color:#000; text-decoration:none}
.rightarea .in_detail_bor .pro_tj .content ul li .cptitle a:hover{color:#c00;}
.rightarea .in_detail_bor .pro_tj .content ul li .dinfo{ text-align:left; font-size:12px; margin-left:10px; height:25px; overflow:hidden;line-height:25px;}
.rightarea .in_detail_bor .pro_tj .content ul li .dinfo em{ font-style:normal; font-weight:bold; font-size:16px; color:red; margin:0 3px;}

/*˾ */
.rightarea .gs{ width:92%; margin:0px auto; margin-top:10px;}
.rightarea .gs a{ color:#000; text-decoration:none;}
.rightarea .gs a:hover{ color:red; text-decoration:underline;}
.rightarea .gs ul li{ line-height:30px; height:30px; border-bottom:1px #bfbfbf dotted; padding:0 10px;}
.rightarea .gs ul li span{ float:right;}
.rightarea .page{ width:92%; margin:0px auto; text-align:center; margin-top:10px;}

#preview{ float:none; margin:0px auto; text-align:center; width:100%; float:left;}
/*.jqzoom{ width:250px; height:285px; position:relative;}*/

.zoomdiv{ left:859px; height:400px; width:400px;}
.list-h li{ float:left;}
#spec-n5{width:100px; height:295px; padding-top:6px; overflow:hidden; background:#f0f0f0}
#spec-left{ background:url(images/left.gif) no-repeat; width:100px; height:25px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:25px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:350px; float:left; overflow:hidden; display:inline;}
#spec-list ul li{ margin-right:0px; display:inline; width:100px; clear:both;}
#spec-list ul li img{ padding:2px; border:1px solid #ccc; width:80px; height:50px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:300px;height:300px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:500px;height:500px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:262px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

/*԰*/
.rightarea .message_bor{ width:798px; border:1px solid #f0f0f0; height:400px; margin-bottom:20px;}
.messagebak{border:1px solid #f0f0f0;}
.messagebak h3{ background:#f0f0f0; color:#000; line-height:36px; height:36px; padding:0 5px;font-size:14px;}
.mescontent{ padding:10px 20px; line-height:180%; font-size:12px;}
.mescontent p{ margin:10px 0;}