﻿html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-family:inherit;vertical-align:baseline;list-style:none;}
fieldset,img {border: 0;}   
address,caption,cite,code,dfn,em,strong,var {font-weight: normal;font-style: normal;}   
ol,ul {list-style: none;}   
caption {text-align: left;}   
h1,h2,h3,h4,h5,h6 {font-weight: normal;font-size: 100%;}   
q:before,q:after {content:'';}   
abbr,acronym { border: 0;}

/*ȫվ*/
.banner {background-color:#E60203; text-align:center;width:100%;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{display:inline-block; }
* html .clearfix {height: 1%;}
.clearfix{display: block;}
.show{display:block;}
.hide{display:none;}
#poweredzimms{display:none;}
.fs14{font-size:14px;}
.txtRed{color:red;}
.txtBlack{color:black}
.txtGray{color:gray}

.fRight{float:right;}

.l22{line-height:22px;}

.b_b_1{border-bottom:1px solid #CCCCCC;}
.b_b_2{border-bottom:3px solid #CCCCCC;}

.p10{padding:10px;}
.tr{text-align:right}
.mt10{margin-top:10px;}

body {font-family: Arial, Helvetica, sans-serif; font-size:12px; color:#333333; margin:0; background:url("http://static.guang.com/images/ui/header-bg.png") repeat-x top;}
a{text-decoration:none;color:#666666;}
a:hover{text-decoration:underline;}
.wrap{width:928px;margin:0 auto; background-color:#FFFFFF;}
.wrap_noborder{width:928px;margin:0 auto;}

/*= Header style =*/
#hd{}
.pagetitle{width:928px;margin:0 auto;padding-bottom:10px;background:url(../images/pagetitle-bg.png) no-repeat 50% 100%;}
#hd .sitename{ width:250px;height:68px;float:left;padding:16px 0 16px 8px;}
#hd .sitename a{ width:250px;height:68px;overflow:hidden; display:table-cell;vertical-align:middle;*display:block;*font-size:59px;}
#hd .sitename img{vertical-align:middle;max-width:250px;max-height:68px;}

#hd .language{float:right;}
#hd .language .language-inner{float:right;height:22px;line-height:22px;overflow:hidden;color:#333;}
#hd .language .language-inner a,.pagetitle .language .language-inner span{margin:0 0.8em 0 0.9em;color:#333;}
#hd .language .language-inner a:hover{color:#000;}

#hd .search{height:25px;overflow:hidden;margin:6px 10px 6px 0;_margin:3px 5px 3px 0;clear:both;float:right;}
#hd .search .enter,
#hd .search .btn{float:left;display:inline;}
#hd .search .enter{width:169px; padding:0 3px;height:17px; margin-right:3px; line-height:17px; background:#fff; border:1px solid #d5d5d5;color:#999;}
#hd .search .btn{width:24px; height:21px;border:none; background:url(../images/search-btn.png) no-repeat; text-align:center;}


.sitenav{width:670px;clear:both;}
.sitenav .menu-main ul{float:right;}
.sitenav .menu-main li,.sitenav .menu-main a,.sitenav .menu-main a span{float:left;}
.sitenav .menu-main li{position:relative;padding:0 20px;}
.sitenav .menu-main li.last-item{background:none;}
.sitenav .menu-main li a{display:block;height:25px;line-height:25px;color:#333;font-size:14px;white-space:nowrap;text-decoration:none;}
.sitenav .menu-main li a span{}
.sitenav .menu-main li a:hover,
.sitenav .menu-main li a:active,
.sitenav .menu-main li.open a{color:#212a31;border-bottom:2px solid #333;}
.sitenav .menu-main li a:hover span,
.sitenav .menu-main li a:active span,
.sitenav .menu-main li.open a span{}

.sitenav .menu-main li .menu-child,
.sitenav .menu-main li .menu-child a{background:#fff;} 
.sitenav .menu-main li .menu-child{position:absolute;width:225px;top:27px;left:0;display:none;border:1px solid #ccc;padding-bottom:3px;}
.sitenav .menu-main li .menu-child a{display:block;padding:0 24px 0 25px;float:none;font-weight:100;padding-bottom:0;font-size:107%;color:#666;line-height:23px;height:23px;border-bottom:1px dashed #ccc;}
.sitenav .menu-main li .menu-child a:hover{color:#000;}

#banner-main{margin-top:1px;background:#a90303;}
#banner-main .banner-inner{width:928px;margin:0 auto;}
#banner-main .banner-inner img{width:928px;}
/*=====================================================================================*/
#ht-header{width:928px; margin:0 auto; position:relative; z-index:33; }
#ht-top-nav{ background:url("../images/kyt03.png") right -104px no-repeat; height:27px; line-height:27px; text-align:right; overflow:hidden; margin-top:2px;}
#ht-top-nav a{ font-size:12px;}
.top_t{ background:url(../images/top_t.gif) no-repeat bottom right;font-size:14px;text-align:right;padding-top:10px;}
.top_t a{font-weight:bolder;margin:0auto;margin:0 30px 30px 0;}
.top_t_l {width:98px;height:28px;color:009e96;font-weight:bolder;clear:both;}
.top_t_r {width:98px;height:28px;color:fdedbe;font-weight:bolder;clear:both;}
#ht-tel{ background:url("../images/kyt01.png") 0px -49px no-repeat; width:192px; height:51px;   overflow:hidden;}
#ht-tel-top{ background:url("../images/kyt01.png") no-repeat; margin:0 auto; width:195px; height:46px; overflow:hidden; float:right;}

#ht-sitenav{background:url("../images/kyt03.png") 294px -227px no-repeat #009e96; float:right; height:28px; width:195px;}
#ht-sitenav ul{ float:right; padding-right:18px;font-weight:bold;font-size:13px;}
#ht-sitenav ul li{ float:left; padding:0px 0px; color:#FFFFFF; height:28px; line-height:28px;}
#ht-sitenav ul li a{ color:#FFFFFF; display:block;font-size:14px;}
#ht-sitenav ul li a:hover{ color:#FFFFCC; text-decoration:underline;font-size:14px;}


#ht-sitenav #auto_quote_div{ width:98px; height:28px; float:left; background:url("../images/kyt03.png") 0px -75px no-repeat; font-size:15px;}

#ht-sitenav #auto_quote_div a{ display:block; width:70px; height:28px;font-size:14px; }
#ht-sitenav #auto_quote_div a:hover{ text-decoration:none;font-size:14px;}

#ht-mainnav{ clear:both; text-align:left;}
#ht-mainnav ul li{ width:68px; height:35px; line-height:35px; margin-right:2px; text-align:center; float:left; background:url("../images/kyt03.png") 0px -37px no-repeat;}
#ht-mainnav ul li a{ font-size:14px; display:block; width:68px; height:35px; line-height:35px; font-weight:bold; color:#FFFFFF;}
#ht-mainnav ul li a:hover{width:68px; display:block; height:35px; line-height:35px; text-align:center; float:left; background:url("../images/kyt03.png") -95px -37px no-repeat; text-decoration:none;}
#ht-mainnav ul span a{ font-size:14px; font-weight:bold; color:#FFFFFF; display:block; width:68px; height:35px;}
#ht-mainnav ul span a:hover{width:68px; height:35px; text-decoration:none; font-size:14px; line-height:35px; text-align:center; float:left; background:url("../images/kyt03.png") 0px 0px no-repeat;}
#ht-mainnav ul li.ht-this,#ht-mainnav ul li.ht-this-ok{width:68px; height:35px; font-size:14px; line-height:35px; margin-right:2px; text-align:center; float:left; background:url("../images/kyt03.png") -95px -37px no-repeat;}
#ht-mainnav ul span.ht-this a{width:68px; height:35px; font-size:14px; line-height:35px; text-align:center; float:left; background:url("../images/kyt03.png") 0px 0px no-repeat;}
#ht-mainnav ul span{width:68px; height:35px; font-size:14px; line-height:35px; margin-right:2px; text-align:center; float:left; background:url("kyt03.png") -95px 0px no-repeat;}
/*--------------------main--------------------*/
.ht-main-left{ width:180px; float:left;}
.ht-main-left .ht-brand-tit{ background:url("../images/kyt04.png") no-repeat 0px -31px; height:30px; line-height:30px; color:#FFFFFF; font-weight:bold; padding-left:10px;font-size:14px;}
.ht-main-left .ht-brand-tit a {color:white; }
.ht-main-left .ht-brand-tit a:hover{color:yellow; }
.ht-list-con{ border:1px #eeeeee solid; border-top:0px;}

.big_cat_name_td {background:url("../images/zxzx.jpg") 0px 0px no-repeat;padding-left:30px; padding-top:6px; align:left; font-weight:bold; height:20px; color:#009e96;  font-size:12px;width:width:179px;}
#print_cat_list ul li {display:inline; padding-left:30px; padding-top:2px;float:left; height:22px; }
.cat_item {width:100px;}
.cat_item2 { width:47px;}
#print_cat_list ul li.cat_item3 {display:inline; padding-left:18px; padding-top:2px;float:left; height:22px; }
.topic_display{font-weight:bold; font-size:19px; padding-top:10px;color:#009e96;border-bottom: 2px #009e96 solid;}

.left_cat_bg {padding-left:0x; padding-top:12px;width:179px;}
.left_cat_bg ul{width:179px;}
#print_cat_list ul li {display:inline; padding-left:30px; padding-top:2px;float:left; height:22px; }
.cat_item {width:100px;}
.cat_item2 { width:47px;}
#print_cat_list ul li.cat_item3 {display:inline; padding-left:18px; padding-top:2px;float:left; height:22px; }
.topic_display{font-weight:bold; font-size:19px; padding-top:10px;color:#009e96;border-bottom: 2px #009e96 solid;}

.ht-main-left .ht-main-brand{border:1px #e5e5e5 solid; border-bottom:0px; background:url("../images/kytbrand.png") repeat-Y center; border-top:0px;}
.ht-main-left .ht-main-brand ul li{ height:31px; line-height:31px;}
.ht-main-left .ht-main-brand ul li a{ display:block; height:31px; padding-left:65px;}
.ht-main-left .ht-main-brand ul li a:hover{ text-decoration:none;}

.ht-clear{clear:both;}
.ht-box5{ clear:both; height:5px; line-height:100%;}
.ht-box7{ clear:both; height:7px; line-height:100%;}
.ht-box10{ clear:both; height:10px; line-height:100%;}
.ht-box15{ clear:both; height:15px; line-height:100%;}
.ht-box20{ clear:both; height:20px; line-height:100%;}
.ht-box30{ clear:both; height:30px; line-height:100%;}

.ht-line{ border-top:1px #eee solid;}


 .GoodsSearchWrap .items-list .button .addcart {background:url("../images/kyt04.png") no-repeat 0px -276px; height:23px;}
 .GoodsSearchWrap .items-list .button .star-del a {background:url("../images/kyt04.png") repeat scroll 0px -323px;width:64px; height:23px; line-height:23px; text-indent:0px; text-align:center;}
 .GoodsSearchWrap .items-gallery {float:left;border:none; width:176px;  margin:30px 3px 3px 3px; padding:0 5px; position:relative;}
 .ht-q-tit{background:url("../images/kyt04.png") 0px -62px no-repeat; font-weight:bold; padding-left:15px; color:#FFFFFF; height:30px; line-height:30px; font-size:14px;}
.ht-q-tit  a {color:#FFFFFF;}
.ht-list-con{ border:1px #eeeeee solid; border-top:0px;}

/*------------------------------------------footer----------------------------------*/
#ht-footer{ width:928px; margin:0 auto; border-top: 2px #009e96 solid; clear:both; background:#fff;}
#ht-footer #ht-footer-info{ clear:both;}
#ht-footer-left{ width:265px; float:left; height:100px; background-color:#f5f5f5;}
#ht-footer-left ul{ padding:15px 0px 0px 25px;}
/*#ht-footer-left #ht-tel{background:url("../images/kyt01.png") 0px -49px no-repeat; width:192px; height:51px; overflow:hidden;}*/
#ht-footer-left .ht-time{color:#666666; height:20px;}


.ht-honor{background:url("../images/honor.png") no-repeat center; border-top:1px #ececec solid; height:80px;}
.ht-honor ul li{ float:left; padding-top:20px; margin-left:20px;}
.ht-honor ul li a{ display:block; width:130px; height:40px;}
.ht-honor ul li a:hover{ text-decoration:none;}
.ht-honor ul li.ht-honor01 a{ display:block; width:190px; height:40px;}
.ht-honor ul li.ht-honor01 a:hover{ display:block; width:190px; height:40px; text-decoration:none;}


#ht-footer-right{ height:100px; width:715px; float:right;}
#ht-footer-right .helpnav {}
#ht-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;}
.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;}

#ht-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;
}
#ht-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;} 
#ht-footer-promise{border-top:1px #ececec solid; border-bottom:1px #ececec solid; width:700px; margin:auto;}
#ht-footer-promise ul{ margin:auto; padding:10px 0px 10px 30px; height:40px;}
#ht-footer-promise ul li{height:60px; text-align:center; float:left;}
#ht-footer-promise .ht-line{ width:1px; background-color:#e7e7e7; margin-right:20px;}
#ht-footer-promise ul li a{display:block; width:170px; height:42px; margin-top:8px;}
#ht-footer-promise ul li a:hover{ text-decoration:none;}
#ht-footer-promise .ht-01 a{background:url("../images/kyt01.png") 0px -106px no-repeat;}
#ht-footer-promise .ht-02 a{background:url("../images/kyt01.png") 0px -156px no-repeat;}
#ht-footer-promise .ht-03 a{background:url("../images/kyt01.png") 0px -205px no-repeat; margin-right:20px;}
#ht-footer-promise .ht-04 a{background:url("../images/kyt01.png") 0px -249px no-repeat;}



#ht-footer-nav{ margin:5px 0 0 230px; width:700px; text-align:center;}
#ht-footer-nav ul li{ float:left; padding:0px 4px;}

#ht-footer-p{ width:250px; margin:auto;}
#ht-footer-p ul li{ float:left; width:110px; margin:0px 5px; height:40px; padding-top:5px; text-align:center; border:1px #ececea solid;}

#ht-totop{background:url("../images/kyt01.png") right -229px no-repeat; float:right; width:45px; height:16px; overflow:hidden;}
#ht-totop a{width:45px; height:16px; display:block;}
#ht-totop a:hover{ text-decoration:none}



#services-tit01 h1{ font-family:"΢ź"; font-size:18px; font-weight:bold; color:#CC0000;}

.pagenavi { clear:both;padding:5px; margin-top: 20px;  width:100%;height:30px;}
.pagenavi a {padding: 4px 10px; margin:3px; background-color: #CCCCCC; color: #FFFFFF;}
.pagenavi a:hover {background-color: #555555;}
.pagenavi .pages { background-color: #EFEFEF;  color: #111111; margin: 3px; padding: 4px 8px; }
.pagenavi .current { border: 1px solid #CCCCCC;  margin: 3px;  padding: 3px 7px; }

/*=====================================================================================*/

/*header*/

.con{background:url(../images/con_bg.gif) repeat-y;}

#con_l{float:left;width:201px;}
.prolist{margin-left:40px;letter-spacing:2px;}
.prolist a{color:#006633;}
.prolist li{padding-left:10px;border-bottom:1px solid #CCCCCC;line-height:22px;height:22px;}
.prolist li .proliimg{_position:relative;_margin-top:10px;}
#con_main{float:left;width:726px;_width:726px;_display:inline; margin-top:-8px;}
.introduce{}
.introduce .i_img{float:left;}
.i_content{line-height:30px;color:#999;}
.news{margin:5px;}
.news a{color:#666666;}
.indexnewslist{float:left;width:250px;margin-left:10px;margin-top:5px;}
.newsb{border:1px solid #EEEEEE;padding:0 5px 5px 5px;}
.productb{border:1px solid #EEEEEE;margin:8px; padding:10px 0 0 2px;}
.news .title{background:url(../images/news.gif) no-repeat 5px 2px;height:25px;width:200px;
}
.news .nl{width:240px;height:22px;overflow:hidden;float:left;line-height:22px;background:url(../images/news_li.gif) no-repeat 10px 8px;padding-left:20px;}
/*õƬ*/
#playerBox {border: #ccc 1px solid;margin-top:5px;width:440px;height:240px;float:left;}
#playerImage ul{border:0;position:absolute;}
#playerImage ul li {}
#playerImage li img{width:440px;height:240px;}
#playerNavAndTitle {z-index:10;position:absolute;filter: alpha(opacity=60);background-color:#9F9D9D;width:440px;height:40px;-moz-opacity: 0.6;opacity: 0.6}
#playerNavAndTitle #playerTitle {line-height:30px;text-indent:10px;width:auto;height:10px}
#playerNavAndTitle #playerTitle a {position:absolute;color:#ffffff;font-size:15px;font-weight:bold;height:30px;overflow:hidden;width:220px;}
#playerNavAndTitle #playerTitle a:hover {color:#000;}
#playerNavAndTitle #playerNav {text-align:right;float:right}
#playerNavAndTitle #playerNav A {border:#fff 1px solid;text-align:center;line-height:15px;background-color:#000000;margin:5px;width:15px;display:block;float:left;height:15px;color:#ffffff;cursor:pointer;}
#playerNavAndTitle #playerNav .hover {border:#cc3300 1px dotted;text-align:center;BACKGROUND-COLOR: #ffffff;COLOR: #cc3300;}

.products span{float:right;margin-top:5px;margin-right:10px;}
.products dl{float:left;margin:8px;_margin:7px;width:205px;border:1px #c0c0c0 solid;padding:5px;_padding:4px;_display:inline;_overflow:hidden;_height:173px;}
.products dl dd{text-align:center;}
.products dl dt{background:url(../images/pro_title_bg.gif) no-repeat 25px 0;line-height:22px;height:22px;overflow:hidden;padding-left:30px;padding-right:10px;width:180px;text-align:center;}

/*= Footer =*/
#ft{color:#f4f4f4;width:100%;padding-bottom:18px;background:url(../images/doc-bg.png) repeat-x 0 100%;overflow:hidden;}
#ft a{color:#f4f4f4;}
#ft a:hover{color:#fff;}
#ft .ft-inner {width:928px;height:71px;margin:0 auto;text-align:center;background:url(../images/ft-bg.png) repeat-y 0 0;}
#ft .siteinfo{line-height:150%;}
#ft .ft-menu{line-height:150%;}
#ft .ft-menu a{margin:0 5px;}

#footer{border-top:1px solid #CCCCCC;background-color:#F5F5F5;padding:10px 0;}
.f_logo{float:left;width:250px;}
.copyright{float:left;line-height:25px;}

/*бҳʼ*/
.news_list{padding:8px;}
.news_list li{line-height:25px;background:url(../images/n_list.gif) no-repeat 0px 0;padding-left:25px;}
.news_list li span{float:right;}
/*бҳ*/
/*Ʒбҳʼ*/
.pro_position{padding-left:10px;line-height:22px;height:22px;}
/*Ʒбҳ*/
/*ҳ*/
.news_main{padding:10px;}
.position{line-height:22px;}
.news_title{font-size:14px;font-weight:bold;text-align:center;color:#0066CC;line-height:30px;}
.news_info{border-bottom:1px #999 solid;text-align:right;}
.news_content{line-height:25px;}

.propic{text-align:center;padding:10px;}