/* CSS Document */
@charset "gb2312";
/* CSS Document */
#redc00{color:cc0000}
.left{float:left}
.right{float:right;}
.clear{clear:both;}
.p10{padding-top:10px;}
#indent{display:inline-block;text-indent:70px;}
#wk_about { font-size: 16px; line-height: 30px; padding-top:20px;}

.ke-zeroborder{margin-bottom:10px}
table{border-collapse:collapse;text-align:left;color:#5c6b87;letter-spacing:1px;width:99%}
table,th,td{border:1px solid #ccc;line-height:25px;font-size:14px;padding:6px;word-break:break-all}
table,th,td p{text-indent:0}
.imgblock{display:block}

/* CSS Document */
/* css style*/
body { margin:0; padding:0; font-size:12px; font-family:Verdana, Geneva, sans-serif;}
a { color:#000; text-decoration:none;}
a:hover { color:#F00; text-decoration:none;}
img { border:none;}
ul,li { list-style:none; margin:0; padding:0;}
h3,h2 { font-size:14px; margin:0; padding:0; float:left;}
.mbot10px { margin-bottom:10px;}
table.cpboxview,table.cpboxview td { border:1px solid #FFF; font-size:14px; word-break:break-all; word-wrap:break-word;}
table td.cpboxviewtit {font-family:"Arial";width:100%; height:34px; line-height:34px; color:#FFF; text-indent:1em; font-size:14px;}
table.cpboxview td p { margin:0; padding:0;}
.clw{ clear:both; background:url("../Images/clw.jpg"/*tpa=http://www.clgzqc.com/Images/clw.jpg*/); width:224px; float:right; height:520px; margin-bottom:10px;}
.table_view { background:#fff; margin-bottom:10px;}
.table_view td{ text-indent:10px; line-height:35px; font-size:14px;}
.table_view_bg{ font-family:"microsoft yahei"; background:url("../images/tablebga.jpg"/*tpa=http://www.clgzqc.com/images/tablebga.jpg*/); width:100%; height:36px; line-height:36px; text-indent:10px; color:#000; font-weight:700;}
.table_view_bga{ font-family:"microsoft yahei"; background:url("../images/tablebga.jpg"/*tpa=http://www.clgzqc.com/images/tablebga.jpg*/); width:100%; height:36px; line-height:36px; text-indent:10px; color:#000; font-weight:700;}
p{ margin:0; padding:0;}
.a_n_c { width:1200px; height:auto; margin:0 auto 10px; overflow:hidden;}
dl,dt,dd{ margin:0; padding:0;}
/* Site Home */
#headd { width:100%; height:auto; margin:0 auto; overflow:hidden;}
    .head_bg{ width:100%; height:30px;float:left; background:#f6f6f6; border-bottom:1px solid #e3e3e3;}
	.head_bg div{ width:1200px; height:30px; line-height:30px; margin:0 auto;}
	.head_bg div ul{ width:1200px; height:30px; line-height:30px; float:left;}
	.head_left{ width:700px; float:left; background:url("../images/toplIo.png"/*tpa=http://www.clgzqc.com/images/toplIo.png*/) no-repeat center left; padding-left:20px; overflow:hidden; color:#666;}
	.top_ss { width:270px; float:right; text-align:left; color:#000; margin-right:5px; background:url("../images/topLbg.jpg"/*tpa=http://www.clgzqc.com/images/topLbg.jpg*/) no-repeat center left;}
	.top_ss a { color:#666; overflow:hidden; width:65px; text-align:center; float:left; padding-left:20px; overflow:hidden;}
	.top_ss a:hover{ color:#F00;}
	.toplogo{ width:100%; height:105px; float:left; background:#fff;}
    .tlogo { width:1200px; height:105px; margin:0 auto; overflow:hidden;  no-repeat;}

.head { width: 100%;float: left;  position: relative;}

.menu { width: 100%; float: left; height: 50px; background: #c00;}
.menu-size { width: 1200px; margin: 0 auto; height: 50px}
.menu li {
    height: 50px;
    color: #fff;
    float: left;
    font-size: 16px;
    position: relative;
    z-index: 55;
    width: 150px
}

li.menuc > a {
    color: #fff;
    line-height: 50px;
    text-align: center;
    float: left;
    height: 50px;
    width: 150px;
    font-weight: 700
}
li.menuc > a:hover,li.menuc > a.amenu { color: #f2f2f2; text-decoration: none; background:rgba(0,0,0,.5); transition: all .5s ease;}
.menuhover { background: red }

.wrap{width:1200px;margin:0 auto}
.hotPic{width:1200px;height:320px;position:relative;overflow:hidden;}
.hotPic .num{position:absolute;right:10px;bottom:0;z-index:10;width:1200px;padding-right:8px;height:30px;text-align:right}
.hotPic .num span{width:20px;height:20px;display:inline-block;line-height:20px;font-size:14px;text-align:center;margin:5px 2px 0;cursor:pointer;background:#222;color:#fff}
.hotPic .num span.cur{background:#cc0000;color:#fff}
.hotPic .picbanner{position:relative;z-index:5}
.hotPic .picbanner li{display:none}
.hotPic .picbanner li img{width:1200px;height:320px;display:block}
.hotPic .text{position:absolute;bottom:0;left:10px;z-index:12;width:520px;height:30px;line-height:30px;overflow:hidden;font-family:Microsoft YaHei}
.hotPic .text p{position:absolute;display:none;color:#fff;font-weight:800;font-size:15px}

/*****news_left*/
.wk_c_left_t { padding: 15px 0 0 15px; margin-top: 0; width: 270px; height: 40px; line-height: 35px; background: #cc0000; color: #FFFFFF; font-size: 16px; font-weight: bold; }
.wk_c_left_t1 { color: #fafafa; font-size: 18px; line-height: 40px; clear: both; }
.wk_c_left_t2 { margin-left: 10px; font-size: 11px; height: 25px; font-weight: normal; color: #DDD; }
.wk_c_left_cnt { width: 285px; height: auto; background: #FFF8FB; margin-bottom: 20px; }
	.wk_c_left_cnt ul li { width: 283px; height: 45px; border: 1px solid #EEE; border-top: 0; }
.wk_menu1_cur { width: 100%; font-weight: bold; height: 50px; line-height: 50px; }
	.wk_menu1_cur a { padding-left: 30px; display: block; line-height: 50px; font-size: 16px; color: #cc0000; text-decoration: none; }
		.wk_menu1_cur a.a, .wk_menu1_cur a:hover { color: #cc0000; text-decoration: none; background: url("../images/left_sel_03.gif"/*tpa=http://www.clgzqc.com/images/left_sel_03.gif*/) left center no-repeat; }

/****product****/
.p_title{height:80px;line-height:35px;padding:15px 0 0 0 ;text-align:center;font-size:32px;font-weight: bold;}
.p_title span{color:#cc0000;}
.with-line{
width: 100%;
    font-size: 14px;
    color: #848484;
    margin: 0 auto;
    position: relative;
    text-align: center;
}
 .with-line:before {
    content: "";
    border-top: 1px solid #D2D2D2;
    display: block;
    position: absolute;
    width: 35%;
    top: 18px;
    left: 0;
}

.with-line:after {
    content: "";
    border-top: 1px solid #D2D2D2;
    display: block;
    position: absolute;
    width: 35%;
    top: 18px;
    right: 0;
}
.t-type{width:900px;border:0px solid #cc0000; }
.tejia990,.tejia-trans,.t-lunbotu .ad .item a img,.t-animation,.hooks-type .item .site-icon img,#tejia_new_fixed a i{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}

.hooks-type .item{position:relative;margin:10px 4px 0 6px;float:left;height:310px;width:288px;-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.hooks-type .item .link{display:block;height:310px;background:#FFF;position:relative;border:1px solid #ECEBEF}
.hooks-type .item .link:hover,.hooks-type .hover .link{border:1px solid #F50\0;_border:1px solid #F50;text-decoration:none}
.hooks-type .item:hover{-webkit-transform:translateY(-4px);-moz-transform:translateY(-4px);-o-transform:translateY(-4px);transform:translateY(-4px)}
.hooks-type .item .pic{margin:10px 10px 0;display:block;*display:inline;height:auto;overflow:hidden;position:relative;background:#eee/* url(/images/bg_lazyload.gif) no-repeat center*/}

.hooks-type .item .pic img{}
.hooks-type .item .l6{display:block;line-height:20px;height:40px;overflow:hidden;padding:5px 10px 0}
.hooks-type .item .bg{height:28px;padding:0 11px 0 0}
.hooks-type .item .price-block{display:block;height:28px;float:left;padding:0 11px;line-height:28px}
.hooks-type .item .zh,.hooks-type .item .by,.hooks-type .item .zhe{color:#cc0000;display:block;height:28px;float:left;line-height:40px}
.hooks-type .item .zhe i{font-family:Arial}
.hooks-type .item .zh{margin:0 2px;color:#cc0000}
.hooks-type .item .by{margin:0}
.hooks-type .item .title{float:left;font-size:14px;display:block;margin:2px 0 0 2px;color:#333}
.hooks-type .item .recommend{display:none;clear:both;margin:4px 10px 0;height:18px;color:#f9610b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-indent:22px;}

.hooks-type .item .buy{float:right;color:#999;margin:10px 0 0}
.hooks-type .item .peoples{float:right;color:#333;margin:10px 0 0}
.hooks-type .item .posi{position:absolute;right:10px;bottom:34px}
.hooks-type .item .price{color:#cc0000;text-decoration:line-through;margin-left:10px;display:none}
.hooks-type .item .money{color:#cc0000;font-size:12px;font-family:"\5FAE\8F6F\96C5\9ED1";position:relative;top:4px}
.hooks-type .item .discount{font-size:18px;color:#cc0000;font-weight:700;position:relative;top:4px;font-family:Tahoma}
.hooks-type .item .activities-icon{z-index:2;position:absolute;width:31px;height:38px;left:0}
.hooks-type .item .bc-0,.hooks-type .item .bc-1{display:block;position:absolute;top:10px;left:10px;height:18px;line-height:18px;text-align:center;width:40px;background:#ff464e;color:#fff}
.hooks-type .item .bc-1{top:28px;background:#fcff00;color:#ff464e}
.hooks-type .item .site-icon{position:absolute;bottom:25px;float:none;right:11px;display:none}
.hooks-type .item .site-icon img{margin:2px 4px 0 0;float:left;opacity:.5;filter:alpha(opacity=50)}.hooks-type .hover .site-icon img{opacity:1;filter:alpha(opacity=100)}.w990 .hooks-type .item{margin-right:23px}

.hooks-ani .link{position:relative;transition:border .7s;transition-timing-function:linear}.hooks-ani .link:after,.hooks-ani .link:before{content:'';position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:9;display:none\0;*display:none;_display:none;opacity:0;-webkit-transition:opacity .35s,-webkit-transform .35s;-moz-transition:opacity .35s,-moz-transform .35s;-o-transition:opacity .35s,-o-transform .35s;transition:opacity .35s,transform .35s}.hooks-ani .link:before{border-top:1px solid #cc0000;border-bottom:1px solid #cc0000;-webkit-transform:scale(0,1);-moz-transform:scale(0,1);-o-transform:scale(0,1);transform:scale(0,1)}.hooks-ani .link:after{border-right:1px solid #cc0000;border-left:1px solid #cc0000;-webkit-transform:scale(1,0);-moz-transform:scale(1,0);-o-transform:scale(1,0);transform:scale(1,0)}.hooks-ani .link:hover:after,.hooks-ani .link:hover:before{display:block;opacity:1;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)}

#imgzyc{ width:288px; height:210px; position:relative; overflow:hidden; background:#996699;}
#img{ width:288px; height:210px; position:relative; overflow:hidden; background:url("../images/bg_lazyload.gif"/*tpa=http://www.clgzqc.com/images/bg_lazyload.gif*/);background-size:288px 210px;
-moz-background-size:288px 210px; /* ÀÏ°æ±¾µÄ Firefox */
background-repeat:no-repeat;}


/*****link left*************/
.wk_c_left_cont { padding-left: 15px; width: 270px; height: 40px; line-height: 40px; background: #cc0000; color: #FFFFFF; font-size: 16px; font-weight: bold; margin-top: 15px; }
.wk_c_left_cont1 { color: #fafafa; font-size: 18px; }
.wk_c_left_cont2 { margin-left: 10px; font-size: 11px; font-weight: normal; color: #F0F0F0; }
.wk_left_contdiv { width: 283px; height: auto; padding-top: 75px; padding-bottom: 20px; overflow: hidden; margin-bottom: 20px; min-height: 100px; border: 1px solid #EEE; border-top: 0; background: #F6F6F6 url("../images/contact.jpg"/*tpa=http://www.clgzqc.com/images/contact.jpg*/) left top no-repeat; }
	.wk_left_contdiv span { float: left; width: 272px; padding: 2px 10px; font-size: 14px; line-height: 24px; color: #666; overflow: hidden; }
		.wk_left_contdiv span a { color: #666; }

/****product index****/
.wk_c_right_name { height: 55px; position: relative; border-bottom: 1px solid #E6E6E6; }
.wk_c_right_name_l { height: 30px; line-height: 30px; overflow: hidden; float: right; padding-top: 25px; }

.wk_c_right_name_r { height: 30px; overflow: hidden; color: #999; font-size: 12px; float: left; padding-top: 25px; line-height: 30px; }
	.wk_c_right_name_r ul li { float: left; line-height: 30px; height: 30px; }
		.wk_c_right_name_r ul li img { height: 19px; width: 19px; margin-right: 8px; margin-top: 5px; *margin-top: 0px; }
	.wk_c_right_name_r a { color: #999999; }
		.wk_c_right_name_r a:hover { color: #999999; }
		.wk_c_right_name_r a:visited { color: #999999; }


.beizhu {
    width:96%;
    margin: 16px 0 6px 0 ;
    padding: 10px;
    font-size: 16px;
    color: red;
    line-height: 28px;
    background: #fff3dc;
    font-family: microsoft yahei;
    border: 1px solid #fdc992;
    float: left;
}

.aboutus{
background:  url("../images/abg.jpg"/*tpa=http://www.clgzqc.com/images/abg.jpg*/)  no-repeat; 
font-size: 16px;
line-height: 32px;
height: 320px;
overflow: hidden;

}
/******product view****/
.pic-l{width:500px;height:355px;float:left}#preview{float:left;width:380px}.jqzoom{width:375px;height:284px;position:relative;padding:10px 0;border:1px #ccc solid;text-align:center;background:#fff}.jqzzom img{max-width:375px;height:284px;width:378px}.zoomdiv{left:380px;height:360px;width:550px}.list-h li{float:left}#spec-n5{width:380px;height:56px;padding-top:6px;overflow:hidden}#spec-left{background:url("../images/left.gif"/*tpa=http://www.clgzqc.com/images/left.gif*/) no-repeat;width:10px;height:45px;float:left;cursor:pointer;margin-top:5px}#spec-right{background:url("../images/right.gif"/*tpa=http://www.clgzqc.com/images/right.gif*/) no-repeat;width:10px;height:45px;float:right;cursor:pointer;margin-top:5px}#spec-list{width:390px;float:left;overflow:hidden;margin-left:2px;display:inline}#spec-list ul li{float:left;margin-right:0;display:inline;width:92px}#spec-list ul li img{padding:2px;border:1px solid #ccc;width:73px;height:50px}.jqzoom{position:relative;padding:0}.zoomdiv{z-index:100;position:absolute;top:1px;left:0;width:500px;height:400px;background:url("../images/loading.gif"/*tpa=http://www.clgzqc.com/images/loading.gif*/) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow:hidden}.bigimg{width:740px}.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0;left:0;width:50px;height:50px;border:1px solid #aaa;background:#fede4f 50% top no-repeat;opacity:.5;-moz-opacity:.5;-khtml-opacity:.5;filter:alpha(Opacity=50);cursor:move}#spec-list{position:relative;width:345px;margin-right:6px;overflow:hidden}#spec-list div{margin-top:0;margin-left:-30px;*margin-left:0}

.pro-txt{width:505px;top:10px;font-family:Arial,Helvetica,sans-serif;height:355px;float:left;padding-left:15px;background:#f5f5f5}

.pro-txt h3{line-height:45px;font-size:16px;display:inline;text-align:left;color:red;margin:0;padding:0}

.pro-txt dl{width:330px;font-size:14px;margin:0;padding:0;*margin-left:-3px;padding-top:10px}

.pro-txt dt{width:505px;line-height:30px;text-align:left}
.pro-txt dt b{color:red;font-size:16px;white-space:normal}
.pro-txt dd{width:310px;line-height:30px;height:30px}

.info_view{border:1px solid #fdc992;background:#fff3dc;padding:10px;color:red;font-weight:700;clear:both;width:90%;}
.info_view dt{line-height:30px;height:30px}


.clstag{width:490px;float:right;}
.clstag .name{width:100%;float:left;height:35px;line-height:35px;color:#DF001F;font-size:25px;font-weight:700;padding-bottom:20px;border-bottom:1px solid #ddd;}
.clstag .dpxh{ clear:both;width:100%;float:left;height:auto;line-height:30px;color:#000;font-size:16px;margin-top:5px;}
.clstag .dpxhs{ clear:both;width:100%;float:left;height:auto;line-height:30px;color:#000;font-size:12px;margin-top:5px;}
.clstag .dpxh img{ vertical-align:middle;}
.clstag .dpxh strong{color:#D00;font-weight:normal;}
.clstag .dpxha{ background:#f5f5f5;padding:10px;clear:both;width:370px;float:left;height:75px;line-height:26px;color:#000;font-size:16px;margin-top:15px;}

/******news****/
.wk_new_lb { width: 850px; height: auto; overflow: hidden; }
.wk_new_lb_m { width: 100%; height: 115px; position: relative; }
.wk_new_lb_img { width: 18px; height: 115px; position: absolute; left: 97px; top: 0; background: url("../images/news_left_line.png"/*tpa=http://www.clgzqc.com/images/news_left_line.png*/) no-repeat; }
	.wk_new_lb_img img { display: none; }
.wk_new_lb_title { position: absolute; left: 140px; top: -6px; width: 710px; height: 30px; line-height: 30px; white-space: nowrap; font-size: 18px; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url("ellipsis.xml#ellipsis"/*tpa=http://www.clgzqc.com/css/ellipsis.xml#ellipsis*/); }
	.wk_new_lb_title a { color: #009BDB; text-decoration: none; }
		.wk_new_lb_title a:hover { color: #222; text-decoration: underline; }
.wk_new_lb_cnt { position: absolute; left: 140px; top: 26px; width: 710px; height: 75px; font-size: 14px; line-height: 25px; color: #666; text-overflow: ellipsis; -o-text-overflow: ellipsis; overflow: hidden; -moz-binding: url("ellipsis.xml#ellipsis"/*tpa=http://www.clgzqc.com/css/ellipsis.xml#ellipsis*/); }
.wk_new_lb_date { position: absolute;  left: 0px; font-size: 14px; color: #666; }
.wk_new_lb_date1, .wk_new_lb_date2, .wk_new_lb_date3, .wk_new_lb_date4, .wk_new_lb_date5 { float: left; }


.endText{padding-top:20px;color:#333;line-height:35px}

/******page*****/
.pageText{color:#c4c4c4;padding:0 6px 16px 0;margin-top:10px;!important;border:1px solid #c4c4c4;padding:6px 16px;line-height:100px}
.pageLink{color:#c00;margin-top:10px;!important;border:1px solid #c4c4c4;padding:6px 16px}
.pageLink,.pageText{font-size:16px!important;height:20px;line-height:20px;float:left;display:block;margin-left:5px}
.currentPage{color:#000!important;background:#fff;border:1px solid #d3deeb;text-decoration:none}
.red{color:#c00}
/****index_news****/

.indexNews {
    width: 100%;
    float: left;
    margin-top: 0px
}

.news_K { width: 379px; float: left; overflow: hidden; border: #ddd 1px solid; padding: 5px; margin-right:13px;}
.news_K:last-child{ margin-right:0;}
.news_K .title { border-bottom: #ddd 2px solid; height: 35px; font-size: 16px; font-weight: 700; background: #ac0000; padding: 0 10px;}
.title a { color: #fff;}
.news_K .title DL {
    LINE-HEIGHT: 35px;
    WIDTH: 309px;
    HEIGHT: 35px
}

.news_K .title DL DT {
    FLOAT: left;
    FONT-SIZE: 18px;
    display: inline-block;
    height: 35px
}

.news_K .title DL DD {
    BACKGROUND: url("../images/d_bor.gif"/*tpa=http://www.clgzqc.com/images/d_bor.gif*/) no-repeat 5px center;
    FLOAT: right
}

.news_K .content {
    WIDTH: 379px;
    OVERFLOW: hidden
}

.X_top {
    float: left;
    WIDTH: 379px;
    HEIGHT: auto;
    OVERFLOW: hidden;
}
.Xij_B {
    WIDTH: 160px;

    FLOAT: left;
    OVERFLOW: hidden
}
.Xlist_ {
    TEXT-ALIGN: right;
    MARGIN: auto;
    WIDTH: 379px;
    HEIGHT: auto;
    COLOR: #999;
    OVERFLOW: hidden;
    float: left
}
.Xbgn {
    WIDTH: 379px;
    BACKGROUND: none transparent scroll repeat 0 0;
    PADDING-TOP: 5px
}
.Xlist_ embed {
    margin-right: 7px;
    display: inline;
    margin-bottom: 7px
}

.Xlist_ img {
    vertical-align: middle
}

.Xlist_ LI {
    LINE-HEIGHT: 30px;
    text-indent: 10px;
    BACKGROUND: url("../images/icon_7.jpg"/*tpa=http://www.clgzqc.com/images/icon_7.jpg*/) no-repeat left center;
    HEIGHT: 30px;
    OVERFLOW: hidden;
    padding-right: 5px;
    border-bottom: 1px dotted #cfcfcf;
    width: 379px
}
.Xlist_ li:last-child{ border-bottom:none;}
.Xlist_ li a { color: #000;}
.Xlist_ li a:hover { color: #d00;}
.Xlist_ div { text-align: left; float: left;}


.linkss {

    text-indent: .4em;
    border: 1px solid #cdcdcd;
    line-height: 26px;
    padding:10px;
}

.tupian{height:162px;
BACKGROUND: url("../images/bao.jpg"/*tpa=http://www.clgzqc.com/images/bao.jpg*/) no-repeat;
}
.tupian_text{font-size:20px;color:#cc0000;padding-top:110px;text-align:center;font-weight: 700;}


.footers { padding: 18px 0; text-align: center; border-top: 1px solid #D9D9D9; line-height: 1.5; background:#F2F2F2;font-size:16px;color:#555; margin-bottom:68px;}
.footers p{line-height: 30px;height:30px;}
	.footer span { float: left; width: 33%; text-align: center; padding-bottom: 25px; }




.bottomtel {
    width: 100%;
    background: #d00;
    height: 65px;
    position: fixed;
    z-index: 900;
    bottom: 0;
    font: bold 24px/48px "Microsoft YaHei","SimSun,SimHei";
}
.bottomteltxt {
    background: url("../images/bottomtel.png"/*tpa=http://www.clgzqc.com/images/bottomtel.png*/) left top no-repeat;
    color: #fff;
    height: 53px;
    width: 1200px;
    margin: 0 auto;
margin-top: 5px;
}
.bottomteltxt strong {
    font-size: 36px;
    line-height: 50px;
    float: right;
    padding-right: 20px;
}





body{
                margin:0;
            }
            #progress {
                position:fixed;
                height: 2px;
                background:#2085c5;
                transition:opacity 500ms linear
            }
            #progress.done {
                opacity:0
            }
            #progress span {
                position:absolute;
                height:2px;
                -webkit-box-shadow:#2085c5 1px 0 6px 1px;
                -webkit-border-radius:100%;
                opacity:1;
                width:150px;
                right:-10px;
                -webkit-animation:pulse 2s ease-out 0s infinite;
            }

            @-webkit-keyframes pulse {
                30% {
                    opacity:.6
                }
                60% {
                    opacity:0;
                }
                100% {
                    opacity:.6
                }
}