﻿/* CSS Document */
body{ background:url(../images/bj.jpg); font-family:"宋体",Arial, Helvetica, sans-serif; font-size:12px; color:#8a8989; text-decoration:none; }
a{ color:#8a8989; font-family:"宋体",Arial, Helvetica, sans-serif; text-decoration:none;outline:0}
a:hover{ color:#ff6b24; text-decoration:none;}
.w1006{width:1006px;margin:0 auto;}
.ptb25{padding:20px 0 35px;}
.oh{overflow: hidden;}
.pt15{padding-top:15px;}
/* 头部样式 */
.cj-top{height:26px;line-height:26px;background:url(../images/topbj.jpg) repeat-x;}
.cj-top b{color:#ff6b24;}
.cj-top a{margin-left:20px;}
.cj-top a.cj-sc{background:url(../images/icon.jpg) no-repeat left center;padding-left:15px;}
.cj-top a.cj-dt{background:url(../images/icona.jpg) no-repeat left center;padding-left:15px;}
.logo{height:108px;background:url(../images/hebj.jpg) no-repeat center top;position: relative;z-index:9}
.logo h1{height:104px;width:1006px;margin:0 auto;}

.cj-nav{height:48px;background:url(../images/navbj.png) repeat-x;position: relative;margin-top:-4px;z-index:10}
.cj-nav .nav{width:1006px;margin:0 auto;height:48px;}
.cj-nav .nav li{ float:left;width:110px;height:48px;margin-left:-10px;overflow:hidden;text-align:center;background:url(../images/libj.jpg) no-repeat -1px 22px;}
.cj-nav .nav li a{display:block;width:110px;height:48px;color:#fff; line-height:52px; font-size:14px;float:left;}
.cj-nav .nav li a.on,.cj-nav .nav li a:hover{ background:url(../images/lihover.png) no-repeat center top;text-shadow: 1px 1px 0 #fbdc31;color:#141414;}
.cj-nav .nav li.naline{background:none;}


/* 首页产品分类样式 */
.total-list{width:280px}
.total-list h3{height:42px;line-height:42px;background:url(../images/probt.jpg) no-repeat;font-family:"微软雅黑";font-size:14px;color:#2b1313;padding-left:30px;}
.cj-ys{height:423px;margin-top:15px;}
.backbj{width: 100%; height:370px;background:url(../images/mbj.jpg) repeat-x bottom;overflow: hidden;}
.leftbj{width:15px;height:370px;float:left;background:url(../images/leftbj.jpg) no-repeat left bottom;}
.rightbj{width:15px;height:370px;float:left;background:url(../images/rightbj.jpg) no-repeat left bottom;}
.product-list{width:250px;padding:15px 0 10px;float:left;}
.product-list li{height:36px;margin-bottom:5px;}
.product-list li a{display:block;width:195px;height:36px;line-height:36px;background:url(../images/prlibj.png) no-repeat;padding-left:55px;color:#8a8989;text-overflow:ellipsis;white-space:nowrap;
overflow:hidden;}
.product-list li a:hover{background:url(../images/prliho.png) no-repeat;color:#2c1c1c;}
/* 首页产品列表样式 */
.total-box{width:715px;margin-left:11px;}
.total-box h3{height:41px;line-height:41px;background:url(../images/rbtb.jpg) no-repeat;padding-left:40px;font-family:"微软雅黑";font-size:14px;color:#fff;}
.more{padding-top:15px;padding-right:15px;}
.backbj-r{width: 100%; height:403px;background:url(../images/mbjr.jpg) repeat-x bottom;overflow: hidden;}
.leftbj-r{width:15px;height:403px;float:left;background:url(../images/leftbjr.jpg) no-repeat left bottom;}
.rightbj-r{width:15px;height:403px;float:left;background:url(../images/rightbjr.jpg) no-repeat left bottom;}
.product-box-list{width:685px;overflow: hidden;float:left;}
.product-box-list ul{width:720px;}
.product-box-list ul li{float:left;width:215px;margin-right:19px;margin-top:5px;}
.product-box-list ul li div{height:209px;height:160px;overflow:hidden;text-align:center;background:#fff;border:3px solid #e4e2e2;}
.product-box-list ul li div:hover{border:3px solid #ff6b24;}
.product-box-list ul li p{width:215px;text-align:center;height:30px;line-height:30px;color:#a47b7b;}
.product-box-list ul li p a{color:#a47b7b;}
/* 首页案例样式 */
.buddy-list{width:250px;padding:15px 0 10px;float:left;overflow: hidden;}
.buddy-list ul{width:290px;}
.buddy-list ul li{width:120px;margin-right:10px;height:55px;float:left; text-align:center; margin-bottom:8px;background:#fff;}
/* 首页关于，环境样式 */
.about-box,.box-setting{width:685px;float:left;padding-top:20px;overflow: hidden;}
.about-box p{line-height:22px;}
.about-box p img{float:left;padding-right:20px;}

.box-setting h4{height:41px;line-height:41px;background:url(../images/rbta.jpg) no-repeat;padding-left:40px;font-family:"微软雅黑";font-size:14px;color:#fff;}
#marquee{width:685px;overflow: hidden;padding-top:20px;}
#marquee li{width:174px;height:106px;float:left;}
#marquee li img{display:block;border:2px solid #fff;}
#marquee li img:hover{border:2px solid #ff6b24;}

/* 常见问题 */
.faq-list{width:250px;padding:8px 0 10px;float:left;overflow: hidden;}
.faq-list li{padding:10px 0;border-bottom:1px dotted #383838;}
.cj-fq{line-height:26px;background:url(../images/fq.png) no-repeat left center;padding-left:25px;}
.cj-fa{background:url(../images/fa.png) no-repeat left 3px;padding-left:25px; line-height:16px;color:#434343;}
.faq-list li:last-child{border:none;}

.news-box{width:715px;margin-left: 11px;}
.news-ti{height:42px;background:url(../images/nebt.jpg) no-repeat;}
.news-ti h3{width:314px;height:42px;line-height:42px;padding-left:40px;font-family:"微软雅黑";font-size:14px;color:#fff;float:left;}
.news-list{width:685px;float:left;}
.news-list-fl{width:325px;padding-right:32px;}
.news-pic{height:72px;padding-top:20px;padding-bottom:20px;border-bottom:1px dotted #323232;}
.news-pic img{width:114px;height:72px;float:left;margin-right:15px;}
.news-pic h4{font-weight:bold;line-height:30px;}
.news-pic p{line-height:20px;color:#5e5e5e;}

.news-list-fl ul{padding-top:5px;}
.news-list-fl ul li{height:36px;border-bottom:1px dotted #323232;}
.news-list-fl ul li a{width:230px;float:left;line-height:36px;background:url(../images/iconb.jpg) no-repeat left center;padding-left:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.news-list-fl ul li span{float:right;color:#5e5e5e;line-height:36px;}

.newstwo{width:328px;padding:0;background:none;}
.contbox{width:264px;height:198px;padding:8px 8px 0;background:url(../images/contbj.jpg) no-repeat;}
.cj-tel{width:164px;margin:20px 30px 0;height:31px;line-height:31px;background:url(../images/ti.jpg) no-repeat;font-size:26px;color:#fff;font-family:arial;padding-left:40px;overflow: hidden;padding-bottom:10px;border-bottom:1px dotted #383838;}
.cj-email{width:164px;margin:10px 30px 0;height:29px;line-height:29px;background:url(../images/tia.jpg) no-repeat;font-size:14px;color:#fff;font-family:arial;padding-left:40px;overflow: hidden;text-transform:uppercase;}
.cj-email a{font-family:arial;}

.cont-box{width:715px;height:248px;background:url(../images/hbj.jpg) no-repeat;margin-left:11px;margin-top:15px;}
.cont-box h3{height:53px;line-height:58px;padding-left:50px;font-family:"微软雅黑";font-size:14px;color:#fff;}
.cont-box h3 .more{padding-right:25px;margin-top:8px;}
#marquee1{width:655px;overflow: hidden;margin:15px 30px 0;}
#marquee1 li{width:110px;height:140px;float:left;}
#marquee1 li div{width:93px;height:108px;overflow:hidden;text-align:center;background:#fff;border:2px solid #171717;}
#marquee1 li div:hover{border:2px solid #ff6b24;}
#marquee1 li p{width:107px;text-align:center;height:30px;line-height:30px;color:#a47b7b;}
#marquee1 li p a{color:#8C8C8C;}
/* 底部样式 */
#footer{height:auto;padding:25px 0;background:url(../images/fobj.jpg) no-repeat center top #0a0a0a;overflow: hidden;}
.links span{float: left;margin: 6px 0; background:url(../images/linebj.jpg) no-repeat left center;padding-left:10px;color:#ff6b24;}
.links a{float: left; padding:0 10px;color:#eaeaea;margin: 6px 0;}
.links a:hover{color:#ff6b24;}
.bottom{width:980px;margin:0 auto;padding:25px 0;}
.cj-menu{width:1006px;height:44px;margin-top:25px; text-align:center; background:url(../images/menubj.jpg) no-repeat; line-height:36px;}
.cj-menu a{padding:0 18px; color:#999;}
.cj-menu a:hover{ color:#FF6B24;}

.bottom-cont{padding-top:10px;line-height:22px;color:#3a3a3a;}
.bottom-code{width:188px;padding-top:15px;line-height:20px;color:#3a3a3a;}
.bottom-code img{float:left;margin-right:15px;}
.bottom-code span{color:#ff6b24;}
.bottom-copy{margin-top:10px;padding-top:10px; line-height:30px; background:url(../images/ink.jpg) repeat-x left top;color:#3a3a3a;font-family:arial}

/* 内页样式 */
.cj-left,.sidebar{width:280px;}
.sidebar h3{height:42px;line-height:42px;background:url(../images/probt.jpg) no-repeat;font-family:"微软雅黑";font-size:14px;color:#2b1313;padding-left:30px;}
.sidebar ul,.contact-lb{width:250px;padding:15px 14px 5px;border-left:1px solid #161617;border-right:1px solid #161617; background:#262626;}
.sidebar ul li{line-height:36px; padding-bottom:5px;}
.sidebar ul li a{display:block;width:195px; background:url(../images/prlibj.png) no-repeat;padding-left:55px;color:#8a8989;text-overflow:ellipsis;white-space:nowrap;
overflow:hidden;}
.sidebar ul li ul{width:240px; overflow:hidden;  padding:5px; border:none;}
.sidebar ul li ul li{border-bottom:1px solid #161617; line-height:26px;padding-bottom:0px;}
.sidebar ul li ul li a{display:block;width:195px;background:none;padding-left:48px;color:#8a8989;text-overflow:ellipsis;white-space:nowrap;
overflow:hidden;}
.sidebar ul li ul li a:hover{background:none;color:#F90;}
.sidebar ul li a:hover,.sidebar ul li a.curr{background:url(../images/prliho.png) no-repeat;color:#2c1c1c;}
.line-nr{height:4px;background:url(../images/ka.png) no-repeat;}
.contact-lb{line-height:26px;}

.cj-right{width:715px;}
.cj-right h3{color: #fff;height:41px;line-height:45px;overflow: hidden;text-indent:40px; background: url(../images/rbtb.jpg) no-repeat;padding-right:10px;}
.cj-right h3 label a{padding:0 3px;color:#fff}
.page-nr{width:683px;padding:15px;border-left:1px solid #161617;border-right:1px solid #161617; background:#262626;line-height:24px;min-height:600px;}
.page-line{height:4px;background:url(../images/pa_line.png) no-repeat;}
/* 留言 */
#guest { color: #545454; line-height: 22px; width: 680px; font-family:"微软雅黑"; }
.input_on { background-color: #FFFFCC; background-image: none; border: 1px solid #999999; float: left; height: 18px; margin: 0; padding: 2px 8px 0 3px; }
.input_off { background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; float: left; height: 18px; margin: 0; padding: 2px 8px 0 3px; }
.input_move { background-color: #FFFFCC; background-image: none; border: 1px solid #0088CD; float: left; height: 18px; margin: 0; padding: 2px 8px 0 3px; }
.input_out { background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; float: left; width:260px; height: 28px; line-height:28px; margin: 0; padding: 0px 8px 0 3px; }
.input_out1 { background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; float: left; font-size: 12px; height: 100px; line-height:20px; margin: 0; padding: 2px 8px 0 3px; resize: none; width: 400px; }
.input_out2 { background-color: #FFFFFF; background-image: none; border: 1px solid #CCCCCC; float: left; height: 18px; margin: 0; padding: 2px 8px 0 3px; width: 80px; }
#guest .input_test { list-style-type: none; margin: 20px 0 0 60px; padding-bottom: 10px; }
#guest ul.input_test .hr { display: block; float: left; line-height: 27px; margin: 0; overflow: hidden; padding: 0; width: 100%; }
#guest ul.input_test li { background-image: none; display: inline; float: left; margin:20px 0 0px 0; width: 610px; }
#guest .input_test label { background-image: none; float: left; font-size: 12px; line-height: 30px; margin: 0; padding: 0; text-align: right; width:60px; }
#guest .input_test span { background-image: none; color: #999999; float: left; font-size: 12px; line-height: 30px; margin-left: 0; padding-left: 10px; text-align: left; }
#guest .input_test span.inp_zd,#guest .input_test span .inp_zd{ width:250px; height:30px; overflow:hidden; }
#guest .input_test .red { color: #FF0000; float: none; }
#guest .code_img{ height:28px; margin:1px auto; }
#sub_btn, #sub_reset { height: 24px; line-height: 24px; margin-right: 10px; width: 50px; }
#sub_btn:hover { height: 24px; line-height: 24px; width: 50px; }
.inp_kg { overflow: hidden; width: 50px; }
#submit, #sub_reset { cursor: pointer; height: 30px; width:80px; }
#guest #submit{ width:80px; height:30px; }

/* 分页样式 */
#pagelist {padding: 20px 0;text-align: center;}
#pagelist a, span.page_index, span.page_prev, #pagelist span.active, span.page_end, span.page_next, #pagelist span {cursor: pointer; padding: 5px 8px; font-size:12px;}
#pagelist a.on {}
#pagelist span.active { background-color: #ff6b24;color: #FFFFFF;}
#pagelist a:hover, #pagelist span:hover {background-color: #ff6b24;color: #FFFFFF;}

/* 新闻 */
#news ul li{ padding-bottom:10px; border-bottom:1px dashed #4e4e4e; margin:6px auto;}
#news ul li h2{ background:url(../images/ico_r.png) no-repeat 8px center; padding:0 10px 0 30px; height:30px; line-height:30px; font-size:14px;}
#news ul li h2 label{ color: #aeaeae; display: inline; float: right; font-size: 12px; font-weight: 100; width: 180px; text-align: right; }
#news ul li h2 label a { float: right; margin-top: 2px; }
#news ul li h2 label a img {margin-top: 3px;}
#news ul li p{ padding:0 0px 0 20px; line-height:20px;}

.news-show h1{ font-size:14px; text-align:center; line-height:24px;font-weight:bold;}
.news-show .time{ line-height:24px; border-bottom:1px dashed #3b3b3b; margin-bottom:10px;}
.news-show .cont{padding:0 10px;}

.prew { background: url(../images/arc1.png) no-repeat scroll left 10px transparent; float: left; padding: 0px 0 0px 18px; text-align: left; width: 46%;margin-top:10px;}
.prew a, .nextw a {}
.prew a:hover, .nextw a:hover { text-decoration: none;}
.nextw {background: url(../images/arc.png) no-repeat scroll right 10px transparent;float: right; padding: 0px 17px 0px 0; text-align: right; width: 46%;margin-top:10px;
}

#xg_news {padding-top:15px;}
#xg_news h2,#xg_pic h2,.content h2{border-bottom: 1px dashed #3b3b3b;font-size: 14px; margin-bottom: 5px; padding: 5px 0 5px 10px;}
#xg_news ul { padding: 0;}
#xg_news ul li{background: url(../images/arc.png) no-repeat scroll 7px center transparent; border-bottom: 1px dashed #3b3b3b;float: left;
    height: 30px; line-height: 30px; margin: 0; overflow: hidden; padding: 0 0 0 3%; width: 47%;}

#xg_pic{ width:100%; margin:10px auto 0;}
#marquee2{width:683px;height:189px;overflow: hidden;}
#marquee2 li{float:left;width:215px;margin-right:19px;margin-top:15px;}
#marquee2 li:last-child{margin-right: 0}
#marquee2 li div{height:209px;height:138px;overflow:hidden;text-align:center;background:#fff;border:3px solid #e4e2e2;}
#marquee2 li div:hover{border:3px solid #ff6b24;}
#marquee2 li p{width:215px;text-align:center;height:30px;line-height:30px;color:#a47b7b;}


#product_list{width:683px;overflow:hidden;}
#product_list ul{width:760px;}
#product_list ul li{float:left;width:215px;margin-right:19px;margin-top:10px;}
#product_list ul li div{height:209px;height:170px;overflow:hidden;text-align:center;background:#fff;border:3px solid #e4e2e2;}
#product_list ul li div:hover{border:3px solid #ff6b24;}
#product_list ul li p{width:215px;text-align:center;height:30px;line-height:30px;color:#a47b7b;}

#product_list ul li p a:hover{color:#ff6b24;}
.probar { padding: 10px 0 0;}
.probar_left { width: 387px;}
.probar_right { height: 402px; width: 296px;}
.probar_right li { border: 0 none;}
.probar_right li h1, .probar_right li h3 {    border-bottom: 1px dashed #d8d8d8;}
.tagContent_ { border: 1px solid #d8d8d8; height: 400px; overflow: hidden; text-align: center; width: 400px;}
#thumb { float: left; overflow: hidden; width: 402px;}
#thumb li { border: 1px solid #d8d8d8; display: inline; float: left; height: 70px; margin: 10px 4px; overflow: hidden; text-align: center; width: 70px;}
#thumb li:hover { border: 1px solid #d8d8d8;}
#thumb li img {}
#thumb li A { float: left; height: 70px; line-height: 70px; text-align: center; width: 70px;}
#thumb li.emptyTag {}
#thumb li.selectTag { position: relative;}
#thumb li.selectTag A {}

.big{ background:url(../images/big.png) no-repeat 150px center; float:left; width:100%; text-align:center; height:18px; line-height:18px; padding-left:20px;}

#show{ width:385px; height:385px; overflow:hidden; position:relative; left:0; border:1px solid #d8d8d8; text-align:center; background-color:#fff;}
#show_mark{ position:absolute; top:0; left:0; width:385px; height:385px; background-color:#000; opacity:1; filter:alpha(opacity=50); cursor:crosshair; border:1px solid #999; display:none; }
#zoom{ float:left; position:relative; left:395px; margin-top:-402px; z-index:3; width:300px; height:400px; text-align:center; line-height:400px; display:none; overflow:hidden; border:1px solid #eee; background-color:#fff; z-index:1000;}
#zoom img{ position:absolute; margin:0 auto;}

.probar_right ul { padding: 0 0 0 15px;}
.probar_right ul li { padding: 0 0 0 10px;}
.probar_right ul li h1, .probar_right ul li h3 { font-size: 12px; line-height: 30px; text-align: left;}
.inp, .textarea { border: 1px solid #555;color: #686868; font-size: 12px; font-family: "宋体"; height: 24px; line-height: 24px; margin: 5px 0 0; overflow: hidden; padding: 0 5px 0 7px; width: 247px; background:none;}
.inp { height: 24px;}
.textarea { height: 90px;}
.code{ float:left; border:1px solid #555; height:18px; margin-right:8px; width:60px; padding:1px; text-align:center; background:none;}
.sub { background: url("../images/zixun.gif") no-repeat scroll left center; border: 0 none; cursor: pointer; float: left; height: 23px; width: 61px; margin-top:-5px;}
/*产品评论*/
#plun{ border:1px solid #4e4e4e; padding:10px; width:661px; margin:10px 0 0 0;}
#plun h5{ display:block; padding:0 10px 10px;}
#plun h5 span{ float:right; color:#6b6b6b;}
#plun h5 label{ color:#454545; background:url(../images/plun.gif) no-repeat left center; padding-left:15px;}
#plun .pl{ margin:10px 0 0 0;}
#plun .pl .text{ width:655px; height:80px; border:1px solid #4e4e4e; background:none; font-size:12px; font-family:"宋体",Arial, Helvetica, sans-serif; color:#666; line-height:18px; display:block;}
#plun .pl li{ float:left; width:100%; margin:10px 0 0px 0; text-align:left;}
.plun_inp{ width:66px; height:22px; background:url(../images/plun1.gif) no-repeat left top; border:0; padding:0; margin-right:10px;}
.emiall{ float:left; height:20px; line-height:20px; padding:0 10px 0 0; margin-right:10px; border:1px solid #4e4e4e; background:none;}
.em1{ margin-left:10px; color:#666;}
#plun .pl li em{ float:left; margin:0 10px; height:22px; width:60px;}
#plun .ly{ padding:5px 0;}
#plun .ly li{ margin:10px 0 0px 0; padding:0 5px 5px 5px; border-bottom:1px dashed #cfd3d6; clear:both;}
#plun .ly li label{ color:#267CC8; padding:0 0 0 15px; background:url(../images/arrow.gif) no-repeat 2px center;}

