@charset "utf-8";

*{margin: 0;padding: 0;}
body{ background:#fff; color:#1f2021;font-size: 14px;font-family: "微软雅黑"; }

a{text-decoration: none;color: #1f2021;}
img{border: none;}
li{list-style: none; padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
.main{ width:1200px; margin:0 auto; overflow:hidden}
.clear{ clear:both;}


/*   head  */
.top{ height:112px;}
.l-logo{width: 700px;float: left;margin-top: 12px;}
.l-logo img{ max-height:90px; max-width:700px;}
.r-nr-box{width: 320px;float: right; margin-top:10px;}
.r-nr-box li{ widows:100%; height:30px; line-height:30px; text-align:right; color:#888; font-size:13px;}
.r-nr-box li a{ color:#888; padding:0 5px; font-size:13px;}
.r-nr-box li a:hover{ color:#3054b8;}

.r-nr-box .lang{ letter-spacing:2px;}
.r-nr-box li.tel{ background:url(../images/tel_bg.png) no-repeat left center; height:43px; line-height:43px; text-indent:45px; font-size:18px;}
.r-nr-box li.tel span{ font-size:24px;}
.head-nr .r-nr-box .r-t-nr .ss{
	width: 225px;
	height: 28px;
	float: right;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	margin-right: 22px;
	overflow: hidden;
}
.head-nr .ss input.text{
	width: 180px;
	height: 18px;
	float: left;
	line-height: 18px;
	border: none;
	margin: 5px;
	outline: none;
}
.head-nr .ss input.button{
	width: 28px;
	height: 28px;
	float: right;
	background: url(../img/ss_bt.png) no-repeat left top;
	cursor: pointer;
	border: none;
	outline: none;
}

.menu{ width:100%; height:46px; line-height:46px; background:#3054b8; margin:0 auto;}

.nav{ width:1200px; height:46px; margin:0 auto;}
.nav ul{ float:left; width:930px; height:46px;}
.nav ul li{ float:left; width:150px; background:url(../images/menu_li.png) no-repeat left center; text-align:center}
.nav ul li.home{ background:url(./); width:100px}
.nav ul li a{font-size: 15px; color:#fff;}
.nav ul li a:hover{color:#e7cc19;}
.search{ float:right; width:247px; height:46px; background:url(../images/search_bg.png) no-repeat left center; padding:0 10px;}
input{outline:none}
.text{ float:left; width:190px; height:36px; line-height:36px; background:url(./); border:0; padding:5px 10px;color:#fff;}
.btn{ float:left; cursor:pointer; margin-top:15px; width:17px; height:17px; background:url(../images/icon_search.png) no-repeat left center; border:0;}
/*  sy-banner  */

/*banner*/
.banner_in{ width:100%; height:320px; margin:0 auto; }
.slideBox{width:100%; min-width:1200px; height:520px; overflow:hidden; position:relative;}
.slideBox .hd{ width:240px; height:15px; overflow:hidden; position:absolute; left:50%; margin-left:-120px; bottom:25px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:10px;  width:13px; height:13px; border-radius:50%; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#3054b8; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; width:100%; height:520px; vertical-align:middle; position:relative; overflow:hidden; }
.slideBox .bd img{ display:block; width:1920px; height:520px; position:absolute; left:50%; margin-left:-960px; top:0;}


/*  首页 main  */
.index-main{width: 1200px;margin: 40px auto 10px;overflow: hidden;}
.main_about{ float:left; width:836px; height:366px; background:url(../images/bg_about.jpg) no-repeat left top; margin-bottom:30px;}
.main_about dt{ width:100%; height:60px; line-height:60px;}
.main_about dt a{ width:60px; height:30px; float:right; margin-right:40px;}
.main_about dd{ width:790px; padding:15px; height:280px; line-height:26px; color:#252103;}

.main_panter{ float:right; width:360px; height:366px; background:url(../images/icon_panter.jpg) no-repeat left top;margin-bottom:30px;}
.main_panter dt{ width:100%; height:60px; line-height:60px;}
.main_panter dt a{ width:30px; height:30px; float:right; margin-right:40px;}
.main_panter dd{ width:330px; padding:15px; height:280px;}
.main_panter dd a{ float:left; width:150px; height:80px; margin:0 0 10px 10px;display:table; text-align:center}
.main_panter dd a span{display:table-cell; width:150px; text-align:center; vertical-align:middle; overflow:hidden}
.main_panter dd a span img{ display:table-cell; text-align:center; max-width:150px; max-height:80px; margin:0 auto}

.main_news{background:url(../images/bg_news.jpg) no-repeat left top}
	/* 焦点图效果 */
	.picBtnTop{ width:780px; margin-left:10px; height:270px; position:relative;  overflow:hidden;  zoom:1;   }
	.picBtnTop .hd{width: 420px;height: 270px;position: absolute;right: 10px;}
	.picBtnTop .hd ul li{ float:left; width:420px; text-align:left; height:40px; line-height:40px; border-bottom:1px solid #ddd; color:363636; position:relative;}
	.picBtnTop .hd ul li img{ float:left; display:none; width:20px; height:28px;position:absolute; margin-left:-15px;z-index:999999; margin-top:10px;}
	.picBtnTop .hd ul li a{ float:right; width:390px;position:absolute; margin-left:20px;line-height:40px; font-size:14px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
	.picBtnTop .hd ul li.on a{ color:#0456d2  }
	.picBtnTop .hd ul li.on img{ display:block}
	
	.picBtnTop .bd{ width:317px;  height:233px; padding:10px; border:1px solid #ddd; position:relative;  }
	.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
	.picBtnTop .bd li .pic{ position:relative; z-index:0;  }
	.picBtnTop .bd li .pic img{ width:317px; height:233px; vertical-align:bottom; }
	#demo1{ margin-bottom:20px;  }

/*首页应用于案例*/

.main_application{ float:right; width:360px; height:366px; background:url(../images/icon_app.jpg) no-repeat left top;margin-bottom:30px;}
.main_application dt{ width:100%; height:60px; line-height:60px;}
.main_application dt a{ width:30px; height:30px; float:right; margin-right:40px;}
.main_application dd{ width:330px; padding:15px; height:280px;}
	/* 本例子css */
		.box_case{ width:320px; height:236px; overflow:hidden; padding:5px; position:relative; border:1px solid #ddd;  }
			
			
		.box_case .hd{ width:320px;height:20px; overflow:hidden; position:absolute; right:0px; bottom:15px; z-index:1; }
		.box_case .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.box_case .hd ul li{ float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;width:100%; height:20px; line-height:20px; text-align:center;cursor:pointer; color:#363636; font-size:16px;}
			
		.box_case .bd{ position:relative; height:100%; z-index:0;   }
		.box_case .bd li{ zoom:1; vertical-align:middle; }
		.box_case .bd img{ width:320px; height:236px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.box_case .prev,
		.box_case .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
		.box_case .next{ left:auto; right:3%; background-position:8px 5px; }
		.box_case .prev:hover,
		.box_case .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.box_case .prevStop{ display:none;  }
		.box_case .nextStop{ display:none;  }

/*首页产品推荐*/

.index_proCon { width: 100%; height:410px; padding-top: 30px; padding-bottom: 30px; background:url(../images/bg_pro.jpg) no-repeat center top; }
.conTit { width:1200px; margin:35px auto 0; height:50px; text-align: center; margin-bottom: 35px; }

.main_product{ width:1200px; margin:0 auto; height:320px;}
.sub_piclist{ width:100%;  overflow:hidden; position:relative;}
.sub_piclist .bd{ padding:10px;   }
.sub_piclist .bd ul{ overflow:hidden; zoom:1; }

.main_product .items { float:left; margin:0 40px; }
.main_product .items a { display: block; max-width: 250px; margin: 0 auto; text-align: center; padding-top: 5px;}

.main_product .items a:hover .tit { color: #0456d2; }
.main_product .icon { width: 214px; height: 214px; margin: 0 auto 20px; border-radius: 100%; overflow: hidden; border: 3px solid #e2e2e2; background-repeat: no-repeat; background-position: center center; background-size: cover; transition: 0.4s ease box-shadow; -webkit-transition: 0.4s ease box-shadow; -moz-transition: 0.4s ease box-shadow; }
.main_product .items a:hover .icon { width: 218px; height: 218px; border: 1px solid #fff; box-shadow:3px 4px 12px rgba(0,0,0,0.2);}
.main_product .tit { font-size: 16px; line-height: 22px; height: 44px; overflow: hidden; color: #1f2021; margin-bottom: 10px; text-transform: uppercase; }









.certificate{
	margin-top: 25px;
}
.certificate ul li{
	width: 190px;
	height: 250px;
	float: left;
	border: 1px solid #d9d9d9;
	margin: 10px 7px;
	border-radius: 5px;
	overflow: hidden;
}
.certificate ul li img{
	width: 190px;
	height: 250px;
}
.product{
	margin-top:25px;
}
.index-m-r .product-nr{
	width: 418px;
	border: 1px solid #CCCCCC;
	border-top: none;
	overflow: hidden;
}


.picScroll-left{ width:420px;  overflow:hidden; position:relative; }
		.picScroll-left .hd{ overflow:hidden;  height:30px; padding:0 10px;  }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden; cursor:pointer; background:url("../img/arrow.png") no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;  }
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("../img/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ width:400px; height:auto;  margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picScroll-left .bd ul li .pic{ text-align:center; }
		.picScroll-left .bd ul li .pic img{display:block; width: 100%;  padding:2px; border:1px solid #ccc; }
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picScroll-left .bd ul li .title{ line-height:24px;   }

.picList dl{
	width: 420px;
	overflow: hidden;
}
.picList dl dd{
	width: 187px;
	height: 107px;
	border: 1px solid #d9d9d9;
	margin-right: 20px;
	float: left;
	margin-bottom: 15px;
	position: relative;
	overflow: hidden;
}
.picList dl dd img{
	width: 188px;
	height: 108px;
}
.picList dl dd a{
	display: block;
	width: 190px;
	height: 110px;
	line-height: 110px;
	background: rgba(0,0,0,0.6);
	color: #FFFFFF;
	text-align: center;
	position: absolute;
	top: 110px;
	left: 0px;
	
}


/* 二级页面main  */
.er-main{width: 1200px;	margin: 40px auto; overflow:hidden}
.er-main .er-m-l,
.er-main .er-m-r{display: inline-block;vertical-align: top;}
.er-main .er-m-l{width: 250px; border:1px solid #ddd; background:#f6f6f6; position:relative; margin-top:25px; padding-bottom:30px;}
.er-m-l .title{width: 240px;height: 50px; line-height:50px;background:#3054b8; border:1px solid #ddd; border-radius:3px; position:relative; margin-left:5px; top:-25px;text-align: center;color: #f7b61a;}
.er-m-l .title span{font-size: 18px;color: #FFFFFF;}


.er-m-l ul{width:230px; padding:0 10px;}
.er-m-l ul li{border-top: 1px solid #ddd;line-height: 38px;background: url(../images/er_l_rsj.png) no-repeat right 16px;}
.er-m-l  ul li a{display: block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding-right:10px;font-size: 16px;text-indent: 10px;line-height: 38px;}
.er-m-l  ul li a.xz{color: #3054b8;}


.pro-nav ul{width:250px; padding:0; padding-bottom:20px;}
.pro-nav ul li{ float:left; width:100%;background: url(../images/nav_link.png) no-repeat left 15px; border-top:0; }
.pro-nav ul li:hover{background: url(../images/nav_hover.png) no-repeat left 15px;}
.pro-nav ul li.on{background: url(../images/nav_hover.png) no-repeat left 15px;}
.pro-nav  ul li h2{font-size: 16px;text-indent:20px;line-height:39px; float:left; margin-left:15px;width:220px; border-bottom:1px solid #ddd;}

.pro-nav  ul li h2 a{color: #1f2021;}
.pro-nav ul li.on h2 a{ color:#3054b8}
.pro-nav ul li:hover h2 a{ color:#3054b8}
.pro-nav  ul li dl{ float:left;margin-left: 15px; display:none;}
.pro-nav  ul li dl.on{ display:block;}
.pro-nav  ul li dl dd{position: relative;}
.pro-nav  ul li dl dt{ float:left;width:220px;line-height:38px;overflow:hidden; font-size:14px;text-overflow: ellipsis;white-space: nowrap;text-indent: 30px;border-bottom: 1px dashed #dedede;}
.pro-nav  ul li dl dt a{ font-size:14px;}
.pro-nav ul li dl dt a:hover{color: #3054b8;}
.pro-nav ul li dl dt a.hover{color: #3054b8;}
.pro-nav ul li dl dd { float:left;border-bottom: 1px dashed #dedede; display:none;}
.pro-nav ul li dl dd a{float:left;width:220px;line-height: 38px;text-indent: 22px; font-size:13px;}
.pro-nav ul li dl dd a:hover{ background:url(../images/n_bg.png) no-repeat left center; color:#fff;}
.pro-nav ul li dl dd a.hover{ background:url(../images/n_bg.png) no-repeat left center; color:#fff;}


.pro-nav ul li dl dd.on{
	display: block;
}
.er-m-r{width: 900px; float:right}
.position{width: 100%; height:50px;line-height:50px;border-bottom: 1px solid #ddd;text-indent: 2px;}

.position span{ float:right;color:#888; font-size:13px;}
.position h2{color:#1f2021;line-height:50px; font-weight:normal; font-size:21px;float:left;border-bottom: 2px solid #3054b8;}	
.er-main .position a{ color:#888;}
.er-main .position a:hover{color: #3054b8;}
.er-m-r .cpzx-list{
	margin-top: 30px;
}
.cpzx-list ul a{ float:left;width: 187px;height:220px; margin:5px 18px 20px;color:#1f2021;}
.cpzx-list ul a img{width: 184px;height:184px; padding:2px; border:1px solid #ddd;}

.cpzx-list ul a span{ display:block;width:100%; height:30px; line-height:30px;text-align:center;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cpzx-list ul a:hover span{color: #3054b8;}

.er-m-r .fy{
	width: 100%;
	height: 40px;
	text-align: center;
	margin-top: 30px;
}
.er-m-r .fy a{
	padding: 7px 11px;
	border: 1px solid #CCCCCC;
	
}
.er-m-r .fy a.hover{
	border:1px solid #FFFFFF;
	color: #CE3121;
}


.er-m-l .about-us-title ul li{
	padding-bottom: 0px;
}
.er-m-l .about-us-title ul li a.a-u-a{
	display: block;
	font-size: 16px;
	text-indent: 20px;
	line-height: 38px;
	background: url(../img/er_l_rsj.png) no-repeat 200px 15px;
}
.er-m-l .about-us-title ul li a.xz{
	border-left: 2px solid #CE3121;
	font-weight: bolder;
	color: #CE3121;
	margin-left: -1px;
}
.er-m-r .about-us-nr{
	padding: 30px 5px;
}
.er-m-r .about-us-nr{line-height: 1.8em; color:#1f2021}
.about-us-nr p{ margin-bottom:15px;}
.hzhb-nr ul{
	overflow: hidden;
	margin: 10px 1px;
}

.hzhb-nr ul li{ float:left; width:150px; height:80px;	border: 1px solid #d9d9d9;margin: 10px 12px;border-radius: 5px;display:table; text-align:center}
.hzhb-nr ul li span{display:table-cell; width:150px; text-align:center; vertical-align:middle; overflow:hidden}
.hzhb-nr ul li span img{ display:table-cell; text-align:center; max-width:150px; max-height:80px; margin:0 auto}

/*常见问题*/
.faq_list{padding: 0px 10px;}
.faq_list li{ float:left; width:100%; clear:both; padding-bottom:30px; margin-top:30px; border-bottom:1px solid #ddd;}

.faq_list li .date { float:left;}
.faq_list li .date span{ display:block; width:80px; height:26px; text-align:center; line-height:26px; background:#eee; font-family:Arial, Helvetica, sans-serif;}
.faq_list li .date .daynb{  height:60px; margin-bottom:2px; line-height:60px; font-size:36px; font-weight:bold; }
.faq_list li dl{ width:750px; margin-right:12px; float:right;}
.faq_list li dl dt{ padding:8px 0; font-size:18px;}
.faq_list li dl dt a{ color:#000;}
.faq_list li dl dt a:hover{ color:#a97c53;}
.faq_list li dl dd{ color:#777;}
.faq_list li dl dd .btn2{ display:inline-block; width:30px; height:10px; background:url(../images/news_more_03.png) center center no-repeat;}
.faq_list li dl dd .btn2:hover{ background:url(../images/news_more_on_03.png) center center no-repeat;}




/*产品详细页*/
.pro_head{ margin:30px auto;width:100%; height:140px; margin-bottom:10px;}
.pro_head dt{ float:left; width:135px; height:135px; border:1px solid #ddd; padding:2px;}
.pro_head dt img{ width:135px; height:135px;}
.pro_head dd{ float:right; width:700px; height:150px;color:#1f2021; }
.pro_head dd h2{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #3054b8; font-size:28px; padding-bottom:10px;}
.pro_head dd p{ padding:10px 0; line-height:30px;}

.service-nr{
	padding: 30px 10px;
}
.service-nr ul{
	overflow: hidden;
}
.service-nr ul li{
	width: 400px;
	line-height: 40px;
	float: left;
	margin: 0px 20px;
	border-bottom: 1px dashed #CCCCCC;
	background: url(../images/li_list_bj.png) no-repeat left center;
}
.service-nr ul li p{
	width: 340px;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	text-indent: 20px;
}
.service-nr ul li a{
	width: 21px;
	height: 20px;
	float: right;
	background: url(../images/xz_an.png) no-repeat left top;
	margin-right: 5px;
	margin-top: 8px;
}
.new-list{
	padding: 0px 10px;
}
.new-list li{
	border-bottom: 1px dashed #ddd;
	padding: 20px 0px;
	overflow: hidden;
	 width:100%;
}
.new-list li .img-left{
	width: 172px;
	height: 142px;
	float: left;
	padding: 4px;
	border: 1px solid #CCCCCC;
}
.new-list li .img-left img{
	width: 100%;
	height: 100%;
}
.new-list li .wz-right{
	width: 660px;
	float: right;
}
.new-list li .wz-right h1{
	line-height: 40px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.new-list li .wz-right h1 a{
	font-family: "微软雅黑";
	font-size: 20px;
}
.new-list li .wz-right h1 a:hover{
	color: #3054b8;
}
.new-list li .wz-right p{
	line-height: 1.8em;
	text-indent: 2em;
	height: 80px;
	overflow: hidden;
}
.new-list li .wz-right span{
	display: block;
	width: 90px;
	height: 20px;
	line-height: 20px;
	text-indent: 10px;
	background: #eee;
	color: #666666;
	border-left: 3px #3054b8 solid;
	margin-top: 5px;
}
.new-list li.w-img .wz-right{
	width: 100%;
	margin-left: 0px;
}
.ryzz-list{
	padding: 10px;
}
.ryzz-list ul{
	overflow: hidden;
}
.ryzz-list ul li{
	width: 256px;
	float: left;
	margin: 20px 16px;
}
.ryzz-list ul li .img-left{
	width: 100%;
	height: 348px;
}
.ryzz-list ul li .img-left img{
	width: 100%;
	height: 100%;
}
.ryzz-list ul li p{
	width: 100%;
	text-align: center;
	line-height: 30px;
}
.er-main .xqy-nr{
	padding: 0px 50px 30px 50px;
}
.xqy-nr h1{
	font-family: "微软雅黑";
	font-size: 20px;
	line-height: 2em;
	color: #3054b8;
	border-bottom: 1px dashed #CCCCCC;
	text-align: center;
	margin-top: 30px;
}
.xqy-nr h3{
	font-family: "微软雅黑";
	font-size: 14px;
	color: #999999;
	text-align: center;
	line-height: 1.8em;
}
.xqy-nr h3 span{
	font-family: "微软雅黑";
	font-size: 14px;
	color: #999999;
}
.xqy-nr .xqy-sm{margin-top: 20px;line-height: 1.8em;}
..xqy-nr .xqy-sm p{ margin-bottom:15px;}
/*问题反馈*/
.mail_cont table{ margin:0 auto; margin-bottom:20px; align:center; cellpadding:5; cellspacing:0; width:560px;}
.mail_cont table input{ width:450px; height:30px; padding:0 5px; margin:4px 5px; border:1px solid #ddd; color:#767676;}
.input1{ width:460px; height:30px; padding-left:5px; margin:4px 5px; border:1px solid #ddd; color:#767676;}
.mail_cont table input.btn2{width:210px; height:50px; margin-left:10px; font-size:16px; margin-top:12px; font-weight:bold; border-radius:5px; line-height:50px; color:#79491d; background:#f0dbbd; cursor:pointer; }
.mail_cont table input.btn2:hover{ background:#e7c799;}
.mail_cont table textarea{ display:inline-block; width:450px; height:102px;  padding:5px; margin:4px 5px;  border:1px solid #ddd; color:#767676;}
.mail_cont table .tit{ width:70px; padding-top:10px; height:32px; vertical-align:top;}
.mail_cont table font{ color:red; vertical-align:top;}


/*  foot  */
.foot{width: 100%;background: #3a3a3a;padding-top: 40px;}
.foot .foot-t{
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 20px;
	background:url(../images/b_bg.png) no-repeat center bottom;
}
.foot-t .foot-t-l{
	float: left; width:1030px; padding-bottom:20px;
}
.foot-t .foot-t-l ul{
	overflow: hidden;
}
.foot-t .foot-t-l ul li{float: left;margin-right: 50px;line-height: 2em;color: #bbb;}
.foot-t .foot-t-l ul li dt a{font-family: "微软雅黑";font-size: 16px;	color: #e9e9e9; line-height:40px;}
.foot-t-l ul li dd a{color: #bbb; line-height:30px;}
.foot-t-l ul li dd a:hover{color: #fff;}


.foot-t-r{width: 130px;float: right; padding-top:50px;}
.foot-t-r img{ width:130px; height:130px;}

.foot .foot-b{
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	color: #bbb;
	
}
.foot .foot-b p{
	width: 1200px;
	height: 60px;
	margin: 0 auto;
}