*{margin:0px; padding:0px;}
body{  color:#444;font-family:'微软雅黑'; font-size:14px; padding:0px; margin:0;  }
ul, ol, li, dl, dd, dt, p, h1, h2,h3, h4, h5, h6, form, input,table,tr,td { margin:0px; padding:0px; }
img{ border:none;}
ul, li{ list-style:none;}
a{ text-decoration:none; color:#444; font-size:14px;}
a:hover{ color:#2191b7;}
.clear{ clear:both; padding:0px; padding:0px; font-size:0px; line-height:0px;}
.clearfix:after {content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;width: 0;}
.clearfix:after {clear: both;}

.container{width:96%; max-width:1200px; margin:0 auto;}
.swiper-slide img{max-width:100%}
.top{width:100%; height:90px;}
.top .container{border-bottom:1px solid #e3e3e3}
.top .logo{float:left; height:90px;}
.top .logo img{padding-top:15px;}
.top .nav{float:right;}
.top .nav ul li{float:left; width:100px; line-height:90px;}
.top .nav ul li a{display: block; text-align: center; font-size:16px;}
.top .nav ul li:hover,.top .nav ul li.act{background: #2191b7}
.top .nav ul li:hover a,.top .nav ul li.act a{color:#fff;}

.key{width:100%;}
.key .keys{float:left; line-height:36px;}
.key .keys span{color:#2191b7;}
.key .keys a{padding-right:10px;}
.key .tel{float:right; color:#2191b7; font-size:18px; line-height:36px; font-weight:bolder; padding-right:12px;}
.key .tel em{display:block; width:30px; height:30px; float:left; margin-top:3px; margin-right:6px; background:url(../images/tel.png) no-repeat; background-size:30px;}

.banner{width:100%; background: #f2f2f2}

.indexpro{margin-top: 24px;}
.indextit{width:100%;border-bottom:1px solid #e3e3e3; margin-top:12px;}
.indextitleft{float:left;}
.indextitleft .indextitwz{font-size:16px; color:#484848; font-weight:bold}
.indextitleft .indextitwz span{color:#2191b7; font-weight: bold; padding-left:8px;}
.indextitleft .indextitinfo{font-size:10px; color:#909090; margin-bottom:6px}
.indextitmore{float:right; margin-top:18px;}
.indextitmore .indextitmorelist{float:left; margin-right:10px;}
.indextitmore .indextitmorelist a{padding:0px 6px; border-right:1px solid #727272; display: block; float:left; height:16px; line-height:16px;}
.indextitmore .indextitmorelist a:last-child{border-right:0px;}
.indextitmore a.more{font-weight:bold; color:#484848; display: block; float:right;}

.indexprolist{margin-top:20px;}
.indexprolist ul li{width:285px; float:left; margin-right:20px; margin-bottom:12px;} 
.indexprolist ul li:nth-child(4n){margin-right:0px;}
.indexprolist ul li .pimg{width:100%; border:1px solid #e3e3e3;}
.indexprolist img{max-width:100%; display: block;}
.indexprolist ul li .ptit{line-height:32px; color:#727272; text-align: center;}


.indexlist{margin-top:20px;}
.indexlist ul li{width:285px; float:left; margin-right:20px; margin-bottom:24px;} 
.indexlist ul li:nth-child(4n){margin-right:0px;}
.indexlist ul li .pimg{width:100%; height:180px; border:1px solid #e3e3e3;}
.indexlist ul li .ptit{line-height:32px; color:#727272; text-align: center;}

.indexabout{margin-top: 20px;}
.indexaboutleft{float:left; width:580px; height:280px; background: #f2f2f2}
.indexaboutright{float:right; width:580px;}
.indexaboutright .ctit{width:100%; background: #2191b7;color:#fff; line-height:32px; padding-left:12px; font-size:18px; font-weight: bold}
.indexaboutright .aboutcon{}
.indexaboutright .aboutcon p{line-height:32px; text-indent: 2em}

.indexnews{margin-top:20px;}
.indexnewsitem{float:left; width:590px; margin-right:20px; border:4px dotted #e3e3e3;box-sizing: border-box; padding:12px 16px; margin-bottom:20px;}
.indexnewsitem:nth-child(2n){margin-right:0px;}
.indexnewsitem .nimg{float:left; width:140px;}
.indexnewsitem .ncon{width:396px; float:right;}
.indexnewsitem .ncon h2{font-size:14px; height:14px; display: block; line-height:14px; overflow: hidden; color:#060606;}
.indexnewsitem .ncon span{font-size:12px; color:#ababab;}
.indexnewsitem .ncon .zy{font-size:14px; line-height:20px; height:60px; overflow: hidden; color:#757575;}


.footer{border-top:9px solid #2191b7; background:#121212}
.footer .footerbox{float:left; margin:40px 0px; color:#fff; line-height:28px;}
.footer .footerbox:nth-child(1){width:240px; padding-left:60px; border-right:1px solid #1e1e1e;box-sizing: border-box;max-height: 200px;
    overflow: hidden;}
.footer .footerbox:nth-child(2){width:240px; padding-left:60px; border-right:1px solid #1e1e1e;box-sizing: border-box;}
.footer .footerbox:nth-child(3){width:480px; padding-left:60px;}
.footer .footerbox:nth-child(4){width:180px; padding-left:0px;}
.footer .footerbox:nth-child(4) img{max-width:100%}
.footer .footerbox a{color:#fff;}
.footer .footerbox dt{font-size: 16px; font-weight: bold;}

.copyright{line-height:40px; border-top:1px solid #1e1e1e; text-align:center;}






.nybanner img{max-width:100%}
.nybanner span{background-position: center center; background-repeat:no-repeat; background-size:cover; height:400px; display:block;}
.nybanner img{ display:none;}
@media (max-width: 1000px){
	.nybanner span{ height:auto; background:none; height:auto;}
	.nybanner img{ display:block;}
}



.demo{
	padding-top: 30px;
	padding-bottom: 20px;
}
.nav-demo{
	width: 250px;
	float: left;
	border-bottom: 4px solid #eaeaea;
	margin-right: 30px;
}
.nav-demo .nav-top{
	width: 250px;
	height: 102px;
	background: url(../images/bg5.jpg) no-repeat;

}
.nav-demo .nav-top p{
	font-weight: 600;
	font-size: 24px;
	color: #fff;
	padding-left: 35px;
	padding-top: 40px;
}
.nav-demo .nav-top p span{ font-size:14px; font-weight:normal;}


.nav-demo .nav-top p img{
	padding-top: 7px;
	padding-left: 5px;
}

.nav-list ul li{
	height: 61px;
	line-height: 61px;
	border-bottom: 1px solid #eaeaea;
	background: #f7f7f7;
	width: 250px;float: left;
	
}
.nav-list ul li a{
	display: block;
	padding-left: 39px;
	font-size: 14px;
	background: url(../images/tb9.png) no-repeat 216px 25px;
	color: #7f7f7f;
}
.nav-list ul li:hover a{
	background: url(../images/tb10.png) no-repeat 216px 25px;
}
.nav-list ul li:hover{
	background: #fff;
}
.nav-list ul li.hover a{
	background: url(../images/tb10.png) no-repeat 216px 25px;
}
.nav-list ul li.hover{
	background: #fff;
}
.nav-list ul ul li{
	height: 30px;
	line-height: 30px;
	border-bottom:none;
	background: #fff;
	width: 250px;float: left;
	
}
.nav-list ul ul li a{
	display: block;
	padding-left: 60px;
	font-size: 12px;
	
		background: url(../images/ds.jpg) no-repeat 40px center;
	color: #7f7f7f;
}
.nav-list ul ul li a:hover{ display: block;
	padding-left: 60px;
	font-size: 12px;
	
		background: url(../images/hd.jpg) no-repeat 40px center;
	color: #7f7f7f;}


.nav-list ul ul li a.actt{ display: block;
	padding-left: 60px;
	font-size: 12px;
	
		background: url(../images/hd.jpg) no-repeat 40px center;
	color: #7f7f7f;}





.demo-right{
	width: 920px;
	float: right;
	min-height: 300px;
	margin-bottom: 40px;
}
.demo-tit{ border-bottom:#EDEDED 1px solid;text-align: right;}
.demo-tit h3{ height:26px; font-size:24px;  line-height:26px; color:#333; font-family:"微软雅黑"; font-weight:bold; padding-left:3px; text-align: left;}
.demo-tit p{ font-size:16px; font-weight:bold; text-align:center; line-height:40px; height:40px; margin-top:-10px; }
.demo-tit img{}


.crumbs-about p{
	text-align: right;
}
.crumbs-about{
	padding-bottom: 20px;
	border-bottom: 1px solid #ececec;
	margin-bottom: 20px;
}	
.crumbs-about p img{
	padding-top: 0px;
	padding-right: 6px;
}
.crumbs-about p span{
	color: #2191b7;
}

.about .content .con h3{padding-left:28px;padding-top: 20px; font-size:20px; color:#2191b7;}
.about .content .con p{
	text-indent: 2em;
	font-size: 14px;
    line-height: 30px;
	padding-top:20px;
}


.new-list{
	padding: 35px 0px;
	padding-bottom: 0px;
}
.new-list ul{
	border-top:none;
}
.new-list ul li{
	height: 43px;
	background: url(../images/tb11.jpg) no-repeat 10px 20px;
	border-bottom: 1px dashed #d9d9d9;
}
.new-list ul li a{
	display: block;
	color: #545454;
	font-size: 14px;
	line-height: 43px;
	padding-left: 20px; 
}

.new-list ul li a:hover{	color: #2191b7;}


.new-list ul li a span{
	color:#999;
	float: right;
}

.new-info .top{height: 96px;border-top: 0px solid #f0efef;border-bottom: 1px solid #f0efef;margin-bottom: 0px;}

.new-info .top  h3{ height:26px; font-size:24px;   color:#333; font-family:"微软雅黑"; font-weight:bold; padding-left:3px; }


.new-info .top .p1{text-align: center;font-size: 20px;color: #666;}
.new-info .top .p2{text-align: right;font-size: 12px;color: #666;padding-top: 10px;}
.new-info .top .p2 span{padding-right: 15px;}
.new-info .text{
	padding: 30px 0;
}
.new-info .text p{
	line-height: 30px;
	font-size: 14px;
}

.newspage{line-height:32px;}

.products .content .cpzxlist{ width:920px; overflow:hidden; padding-top:35px;}
.products .content .cpzxlist ul li{ width:219.5px; height:280px; margin:0px 0px; margin-right:14px; float:left;}
.products .content .cpzxlist ul li:nth-child(4n){margin-right:0px;}
.products .content .cpzxlist ul li p.cp{width:218px; height:218px; border:#e3e3e3 1px solid;
position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.products .content .cpzxlist ul li img{ max-width: 218px;
    display: block;
    margin: 0px auto;
    max-height: 218px;}


.products .content .cpzxlist ul li p.cpname{ padding-top:10px; text-align:center; }





/* 分页 */
.pagination {
	float:left;
	text-align:center;
	width:744px;
	margin:20px 0;
	position:relative;
	overflow:hidden;}
.page {
	display:inline-block;
	font: 16px/28px "微软雅黑", Tahoma, "宋体";
	*display:inline;
	:1;
	*zoom:1;}
.page span {
	float:left;}
.page a,
.page strong,.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#333;
	float:left;
	font: 16px/24px "微软雅黑", Tahoma, "宋体";
	height:24px;
	margin-right:5px;
	min-width:15px;
	padding:4px 8px;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	_width:15px;}
.page strong,.page a:hover {
	border:1px solid #2191b7;
	color:#2191b7;
	text-decoration:none;}
.page span.disabled {
	background:#FFF;
	border:1px solid #CCC;
	color:#CCC;}
.page span.ellipsis {
	float:left;
	font: 16px/24px "微软雅黑", Tahoma, "宋体";
	line-height:22x;
	margin-right:5px;}
.page .page_txt {
	line-height:20px;
	float:right;
	width:auto;}
.page a.page-curpage {
	background:#B50D0C;
	border:1px solid #B50D0C;
	color:#FFF;
	font-weight:bold;}
.page input {
	font: 14px Verdana;
	padding:0 0 0 1px;
	width:40px;
	height:14px;}


.indexlist.workshop ul li{margin-bottom:0px;}
.indexlist.workshop ul li .pimg{height:auto;}
.indexlist.workshop ul li .pimg img{max-width:100%; display: block;}

.workshop .content .cpzxlist ul li{height:210px}
.workshop .content .cpzxlist ul li p.cp{height:164px}
.workshop .content .cpzxlist ul li img{height:auto}


.indexlist.shebei ul li{margin-bottom:0px; width:220px; margin-right:22px;}
.indexlist.shebei ul li:nth-child(5){margin-right: 0px;}
.indexlist.shebei ul li .pimg{height:auto;}
.indexlist.shebei ul li .pimg img{max-width:100%; display: block; padding:10px;box-sizing: border-box;}

.shebei .content .cpzxlist ul li{height:210px}
.shebei .content .cpzxlist ul li p.cp{height:160px}
.shebei .content .cpzxlist ul li img{height:auto; max-width:200px; padding:9px; display: block;}


.web_nav { display: none; width: 10%; height: 60px; line-height: 50px; color: #fff; font-size: 16px; margin: 0 auto; font-weight: bold; }
.btn-menu { display: block; float: right; position: relative; background: transparent; cursor: pointer; padding: 25px 0; width: 26px; height: 16px; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
.btn-menu:before, .btn-menu:after, .btn-menu span { background-color: #2191b7; -webkit-transition: all ease .238s; -moz-transition: all ease .238s; transition: all ease .238s; }
.btn-menu:before, .btn-menu:after { content: ''; position: absolute; top: 0; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; }
.btn-menu span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; overflow: hidden; text-indent: 200%; }
.btn-menu:before { -webkit-transform: translate3d(0, -7px, 0); transform: translate3d(0, -7px, 0); }
.btn-menu:after { -webkit-transform: translate3d(0, 7px, 0); transform: translate3d(0, 7px, 0); }
.btn-menu.active span { opacity: 0; }
.btn-menu.active:before { background-color: #2191b7; -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); }
.btn-menu.active:after { background-color: #2191b7; -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); }

@media (max-width:767px) {
	.web_nav{display: block; float:right;}
	.top{height:60px;}
	.top .logo{height:48px;}
	.top .logo img{max-height:100%;padding-top:12px;}

	.top .nav{display:none;}
		.top .nav ul li{width:100%; line-height:48px;}


	.banner{width:100%; height:auto}
	.banner img{max-width:100%;}
	.key{display: none;}

	.indextitmore{display:none;}

	.indexprolist ul li{width:48%; margin-right:4%;}
	.indexprolist ul li:nth-child(2n){margin-right:0px;}

	.indexlist ul li{width:48%; margin-right:4%;}
	.indexlist ul li:nth-child(2n){margin-right:0px;}
	
	.indexaboutleft{width:100%; height:auto}
	.indexaboutleft img{max-width:100%;}

	.indexaboutright{width:100%;}
	.indexaboutright .ctit{box-sizing: border-box;}


	.indexlist.shebei ul li{width:48%; margin-right:4%;}
	.indexlist.shebei ul li:nth-child(2n){margin-right:0px;}

	.indexnewsitem{width:100%; padding:4px 6px; margin-right: 0px;}
	.indexnewsitem .nimg{width:40%;}
	.indexnewsitem .nimg img{max-width:100%}

	.indexnewsitem .ncon{width:58%;}

	.footer .footerbox{display:none}

	.nav-demo{display:none;}
	.demo-right{width:100%;}
	.demo-tit h3{margin-bottom:20px;}
	.demo-tit img{max-width:100%; display: none;}


	.products .content .cpzxlist{width:100%;}
	.products .content .cpzxlist ul li{width:48%; margin-right:4%;}
	.products .content .cpzxlist ul li:nth-child(2n){margin-right:0px;}

	.new-info img{max-width:100%;}
	.new-info .top .p2{text-align: center;}


	.products .content .cpzxlist ul li p.cp{width:100%; height:100%}
	.products .content .cpzxlist ul li img{width:100%;}
	.products .content .cpzxlist ul li{height:auto; margin-bottom:10px;}
}