﻿HTML {
	FONT-FAMILY: Arial, "微软雅黑"; BACKGROUND: #fff; COLOR: #5d5d5d; 
}
BODY {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: Arial, "微软雅黑"; PADDING-TOP: 0px;font-size:12px; COLOR: #5d5d5d;
}
img{ border:0px;}
a{ text-decoration:none;color:#5d5d5d; }
a:hover{color:#0080ff;}
.clear{ clear:both;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
    font-size:0;
}
*{margin:0;padding:0;list-style-type:none;}
a,img{border:0;}
.clearfix { *zoom:1;}
.fl { float:left;}
.fr { float:right;}
.width1200{ width:1200px; margin:0 auto;}
.m50{ margin-top:50px;}
.m30{ margin-top:30px;}
.b30{ margin-bottom:30px;}

.h_head{ height:39px;position:relative;z-index:9; width:100%; border-bottom:1px solid #ececec}
.h_head .h_top{ color:#5d5d5d; height:39px; line-height:39px; font-size:12px;}
.h_head .h_top a{ padding:0 9px 0 9px; color:#5d5d5d; font-size:12px; display:inline-block;}
.img_wdt{height:122px;width:122px;}
.qcode {
    display: none;
    height: 120px;
    left: 0;
    position: absolute;
    top: 29px;
    width: 120px;
}
.pr{ position:relative}


.header{ height:95px;}
.headerL{float:left; width:360px;}
.headerR{float:right; width:735px;}


.h_nav {WIDTH: 735px;margin:0 auto; padding-top:35px;}
.h_nav LI {LINE-HEIGHT: 30px;  FLOAT: left; HEIGHT: 59px; width:105px; text-align:center; letter-spacing:1px;}
.h_nav LI.cur {color:#0080ff; background:url(../images/nav_h.png) no-repeat}
.h_nav LI A {PADDING-BOTTOM: 0px; DISPLAY: block;  HEIGHT: 59px; COLOR: #5d5d5d; FONT-SIZE: 16px; PADDING-TOP: 0px}
.h_nav LI A:hover {TEXT-DECORATION: none; color:#0080ff; background:url(../images/nav_h.png) no-repeat}

/*.lj-banner{ width:100%; margin:auto; overflow:hidden;height:500px;position:relative;  z-index:9}
.lj-dv_5 .lj-d1{ width:1920px; height:500px;overflow:hidden; display:block; position:absolute; left:50%; text-align:center; margin-left:-960px;}
.lj-dv_5 .lj-d2{ width:100%; margin:auto;  height:20px; overflow:hidden; clear:both;position:absolute;z-index:100; left:0; bottom:20px; text-align:center; }
.lj-dv_5 .lj-d2 table{ margin:auto; height:30px; }
.lj-dv_5 .lj-d2 table td{ padding:0px 5px 0px 5px;}
.lj-dv_5 .lj-d2 table div{ width:50px; height:6px; overflow:hidden; cursor:pointer; background-color:#FFF; }
.lj-dv_5 .lj-d2 table div.nuw{ background:#00a0e9; }*/

.banner{ width:100%; height:500px; background:url(../images/banner1.jpg) no-repeat center center;}
.banneren{width:100%; height:500px; background:url(../images/banner1en.jpg) no-repeat center center;}

.gsjjbt{ text-align:center; font-size:30px; height:60px; line-height:60px; background:url(../images/jjbtbg.png) no-repeat}
.gsjjxq{ width:1100px; margin:30px auto 0px auto;}
.gsjjxq_l{ float:right; width:388px;}
.gsjjxq_r{ float:left; width:620px; padding-top:20px; font-size:14px; line-height:34px;}
.gsjjxq_r p{ text-indent:2em; }
.jjmore{text-align:center;}

.indexpro{ width:100%; height:620px; background:url(../images/bg01.jpg) no-repeat center center; padding-top:80px;}
.indexpro_in{ height:559px; background:#FFF;}
.cpzxbt{ text-align:center; font-size:30px; height:32px; line-height:32px; padding-top:50px;}
.mid{ width:920px; margin:30px auto 0 auto;}
.mid ul{padding:0px; margin:0px;}
.mid ul li{  display:block; float:left; color:#FFFFFF; background:#1279df; width:120px; height:36px;line-height:36px; margin-right:5px; margin-left:5px;text-align:center; margin-bottom:50px;}
.mid ul li a{ display:block; float:left;width:120px; height:36px;line-height:36px; color:#FFFFFF; text-decoration:none; font-size:16px;}
.mid ul li a:hover{ display:block; float:left; width:120px; height:36px;line-height:36px; color:#fff; background-color:#02a9fa; text-decoration:none; font-size:16px;}}
.product-center{
	width: 1200px;
	
	margin: 0 auto;
}
.picScroll .hd{ 
	padding-top: 32px;
	width: 1200px;
	height: 11px;
	position: relative;
}
.picScroll .hd ul{
	position: absolute;
	top: 32px;
	left: 50%;
	overflow: hidden;
	text-align: center;
	font-size: 0;
	height: 11px;
}
.picScroll .hd ul li{
	
	float: left;
	text-indent: -9999px;
	width: 11px;
	height: 11px;
	margin: 0 5px;
	cursor: pointer;
	background: url(../images/hd1.png) no-repeat;
}
.picScroll .hd ul li.on{
	background: url(../images/hd-on.png) no-repeat;
}
.product-intro{
	float: left; width: 580px;
	
}
.product-intro:hover{
	background: url(../images/on.png) no-repeat;
}
.pimg-name{ 
	padding: 10px 20px 10px 60px; float:left; width:312px;
	text-align: center;
}

.pimg-name a img{ width: 312px; height: 234px; overflow: hidden;}

.product-text{
	padding: 60px 0px 0px 0px; float:right; width:180px;
}
.product-text p{ font-size:14px; line-height:28px;}
.product-text p span{ color: #0080ff; font-size:24px;}
.product-text2{
	padding: 60px 0px 0px 0px; float:right; width:180px;
}
.product-text2 p{ font-size:14px; line-height:28px;}
.product-text2 p span{ color: #0080ff; font-size:20px;}


.xinwen{width:679px; float:left; }
.xinwen_b{ height:45px;}
.xinwen ul{margin:0; padding:0; height:170px; margin-top:20px;}
.xinwen li{ height:35px; line-height:35px; float:left; width:679px; background:url(../images/dian.jpg) no-repeat 5px 11px; border-bottom:1px solid #e2e2e2}
.xinwen li a{ padding-left:16px; font-size:14px;}
.lxwm{width:414px; float: right;}
.lxwm_b{ height:45px;}
.lxwm_in{ line-height:31px; margin-top:20px; height:170px; padding-left:5px; font-size:14px}
.lxwm_inen{line-height:25px; margin-top:20px; height:170px; padding-left:5px; font-size:13px}


.cooperate-case {
	background: #f5f5f5; padding: 25px 0px 34px; width: 100%; height: 230px;
}

.cooperete-list {
	padding-top: 40px;
}

.cooperete-list .prev {
	background: url("../images/prev.png") no-repeat center; float:left; width: 100px;height: 58px;
}
.cooperete-list .next {
	background: url("../images/next.png") no-repeat center; float:left; width: 100px;height: 58px;
}

.cooperete-info {
	width: 1000px; height: 58px; float:left;
}
.cooperete-info ul li {
	padding: 0px 10px 0px; width: 180px; height: 58px; margin-right: 40px; float: left; border:1px solid #CCC
}

.cooperete-info ul li img {
	width: 180px; height: 58px; margin-bottom: 19px; display: block;
}



.nbanner{ width:100%; height:300px; background:url(../images/nbanner.jpg) no-repeat center center;}
.nbanneren{ width:100%; height:300px; background:url(../images/nbanner.jpg) no-repeat center center;}
.zuoce{ width:236px; float:left;}
.youce{ width:910px; float:right;}
.zuoceb{ height:64px; background:#006ad4;line-height:64px; color:#ffffff; font-size:20px; text-align:center}
.lb_memu {WIDTH: 234px; border:1px solid #8f8d8d; border-top:none;background:#f2f2f2; }
.lb_memu UL {LIST-STYLE-TYPE: none; MARGIN: 0px;  PADDING: 0px; padding-top:15px; padding-bottom:0px; padding-left:29px;}
.lb_memu UL LI {WIDTH: 177px; MARGIN-BOTTOM: 0px; HEIGHT: 34px; background:#cecece; margin-bottom:15px;}
.lb_memu UL LI A {LINE-HEIGHT: 34px; PADDING-LEFT: 45px; DISPLAY: block; TEXT-DECORATION: none; font-size:14px;}
.lb_memu UL LI A:hover {COLOR: #0080ff; TEXT-DECORATION: none}
.lb_memu2 {WIDTH: 234px; border:1px solid #8f8d8d; border-top:none;background:#f2f2f2; }
.lb_memu2 UL {LIST-STYLE-TYPE: none; MARGIN: 0px;  PADDING: 0px; padding-top:15px; padding-bottom:0px; padding-left:29px;}
.lb_memu2 UL LI {WIDTH: 177px; MARGIN-BOTTOM: 0px; HEIGHT: 34px; background:#cecece; margin-bottom:15px;}
.lb_memu2 UL LI A {LINE-HEIGHT: 34px; PADDING-LEFT: 15px; DISPLAY: block; TEXT-DECORATION: none; font-size:13px;}
.lb_memu2 UL LI A:hover {COLOR: #0080ff; TEXT-DECORATION: none}
.zuocelx{WIDTH: 234px; border:1px solid #8f8d8d; line-height:36px; padding-top:10px; padding-bottom:10px;}
.zuocelx p{ padding-left:15px; padding-right:3px; font-size:12px;}
.zuocelx2{WIDTH: 234px; border:1px solid #8f8d8d; line-height:36px; padding-top:10px; padding-bottom:10px;}
.zuocelx2 p{ padding-left:5px; padding-right:1px; font-size:12px;}
.rcontent{
	width: 910px;
	
}
.rcontent h1{
	height: 64px;
	border-bottom:0px solid #b3b3b3; line-height:64px;
	background:url(../images/bg02.png) no-repeat;
	padding:0px 0px 0px 0px; 
	
}
.rcontent h1 span.fl{
	display: inline-block;
	font-size: 18px; font-weight:normal; color:#006ad4
}
.rcontent h1 span.fr{
	color: #222222;font-size: 12px;font-weight:normal
}
.rcontent h1 span.fr a{
	color: #222222;font-size: 12px;
}
.rcontent h1 span.fr a:hover{
	color: #d80100;
}
.companycon{
	padding:10px 0px 0px 0px; line-height:28px; 
}

.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}

.detailtitle{ line-height: 30px;  text-align: center; font-size:25px; font-weight:bold}
.artshow{line-height:25px;font-size:14px;padding:0px;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;}
.artshow .info{text-align:center;color:#999;padding:0 0 15px 0;font-size:12px;}
.artshow .content{line-height:28px; color: rgb(102, 102, 102);}
.artshow p{margin:5px 0;font-size:12px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}

#goodsshow{margin:20px auto;overflow:hidden;width:750px;}
#goodsshow img{border:0;}
#goodsshow .shop_big{border:1px solid #ededed;padding:2px;background:#fff;width:700px;cursor:pointer; margin-left:20px; text-align:center} 
#goodsshow .shop_plist{clear:both;width:700px; margin-left:22px; }
#prolist{width:638px;float:left;overflow:hidden;height:68px;position:relative;margin:10px;}
#prolist ul{margin:0;padding:0;list-style:none;overflow:hidden;width:20000px;position:relative;}
#prolist ul li{float:left;cursor:pointer;position:relative;background:url(../images/pro_none.gif) no-repeat center top;height:68px;}
#prolist ul li img{height:60px;width:90px;margin:6px 8px 0 8px;padding:0px;border:0;}
#prolist .hover{background:url(../images/pro_bg.gif) no-repeat center top;height:68px;}
#goodsshow .shop_plist a.prev{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_left.gif) no-repeat center;line-height:68px;margin-top:12px;}
#goodsshow .shop_plist a.next{float:left;width:20px;height:68px;display:block;outline:none;background:url(../images/ico_right.gif) no-repeat center;margin-top:12px;}
#goodsshow .right{width:350px;}
#goodsshow .right h1{font-size:18px;font-weight:normal;margin:0 0 10px 0;padding:0;}
#goodsshow .right .intro{color:#999;min-height:80px;}
#goodsshow .right .sno{border-bottom:1px solid #eee;line-height:35px;}
#goodsshow .right .price{color:#999;line-height:30px;padding:10px 0;}
#goodsshow .right .price span{color:#f60;font-size:16px;}

.product-right-bottom{ width:910px; padding:12px 0px 10px 0px; overflow:hidden; line-height:25px; font-family:Microsoft YaHei;}
.product-right-bottom ul{ width:910px; display:block; overflow:hidden; margin:0;padding:0;}
.product-right-bottom ul li{ width:214px; float:left; padding:0px 6px 15px 6px; list-style:none}
.product-right-bottom ul li img{ width:214px; height:160px; border:1px solid #dcdcdc; padding:0px;}
.product-right-bottom ul li span{ display:block; width:214px; height:38px; line-height:38px; text-align:center;}
.product-right-bottom ul li span a{ color:#494949; font-size:12px}
.product-right-bottom ul li span a:hover{ color:#0080ff;}

.techology{ margin:0px; padding:0px;}
.techology li {
	height: 45px; padding-top: 0px; border-bottom-color: rgb(219, 219, 219); border-bottom-width: 1px; border-bottom-style: dashed; line-height:45px; list-style:none
}
.techology li a{
	color: #494949; float: left;
}
.techology li a:hover{
	color: #0080ff;
}

.footer{ width:100%; height:65px; background:#e1e1e1; line-height:65px;}
.footerin{font-size:13px;}
.footerin a{ font-size:13px;}
.footerL{ float:left; width:220px;}
.footerR{ float:right;}
.footerLen{ float:left; width:280px;}
.footerRen{ float:right;}





