* {
	margin: 0px;
	padding: 0px;
	
	list-style-type: none;
	font-size: 12px;
	-webkit-font-smoothing: antialiased;
	font-family:'Microsoft YaHei' ;
}

ul,
li {
	margin: 0px;
	padding: 0px;
}

a {
	color: #1D1D1D;
	text-decoration: none;
	cursor: pointer;
}

a:hover {
	color: #16B07C;
}
.blod {
	font-weight:bold;
}

.container {
	min-width: 1100px;
	width: 1100px;
	margin: 0px auto;
	clear: both;
}

/*********************public*******************/
.left {
	float: left;
}

.right {
	float: right;
}


.top {height: 40px; background: #1D232A;}
.topcontent{padding-top: 10px; line-height: 20px; display: flex;color: #fff;}
.topcontent *{margin-right: 10px;}
.menu{display: flex; padding-top: 20px;}
.menu .menulist{margin-top: 30px; margin-left: 50px; }
.menu .menulist a{font-size: 15px; width: 120px; text-align: center; display: block; float: left; }
.menu .menulist a:hover{color: #888;}
.menu .menulist .cur{font-size: 15px; width: 120px; text-align: center; font-weight: bold; color: #3EC16D;}
.menu .menulist a:hover{color: #888;}

/**************************首页*****************************/
.banner{
	height: 550px;
	margin-top: 20px;
	position:relative;
	overflow:hidden;
	
}
.paneltitle{ height: 120px; padding-top: 60px;}
.paneltitle .en{width: 200px; text-align: center; margin: 0px auto; color: #B2B2B2; font-size: 14px; }
.paneltitle .cn{width: 300px; text-align: center; margin: 0px auto; color: #1D1D1D; font-size: 26px;  font-weight: bold; line-height: 40px; }
.paneltitle .line{width: 50px;margin: 0px auto; border-bottom: solid 2px #3EC16D; height: 15px; }


.catalogpanel{
	 height: 1000px; background: url(../img/bg.png) no-repeat center bottom;
}

.catalog {
	column-count: 3;
	column-gap: 0;
}
.catalog a{width:355px; float: left;break-inside: avoid; margin-bottom: 10px; position: relative;break-inside: avoid; }
.catalog a img{width: 355px;}
.catalog a:hover img{t-webkit-filter: grayscale(1); /* Webkit */
         filter: gray; /* IE6-9 */  
         filter: grayscale(10); /* W3C */
}
.catalog  a div{position:absolute;  left: auto;  bottom: 50px;   z-index:999;   }
.catalog a div b{width: 160px;height: 45px;background: #3EC16D;color: #fff; font-size: 18px; text-indent: 20px; line-height: 45px;  display:block ; }
.catalog a div span{ text-indent: 20px; color: #fff; font-size: 15px;font-weight: bold; display: block; line-height: 50px; width: 100%;  } 

.prolist{  }
.prolist a{width: 255px; height: 350px; display: block;break-inside: avoid; float:left;margin-right:25px }
	.prolist a:nth-child(4n) {
		width: 255px;
		height: 350px;
		display: block;
		break-inside: avoid;
		float: left;
		margin-right: 0px
	}
.prolist a img{display:block; width: 255px; height: 255px;float:left}
.prolist a span{width: 255px; text-align: center; line-height: 50px; height:50px; overflow:hidden;  display:inline-block; font-size: 14px ; color: #1D1D1D; float:left } 
.prolist a:hover span{font-weight: bold;}
.prolist a:hover img{
	box-shadow:1px 1px 3px 3px #efefef;
	
}
.newproinfo {
	width:1125px; margin:0px auto;
}
	.newproinfo img {
	width:1100px;
	margin-top:10px
	}

	.cominfo {
		height: 540px;
		background: #F4F3F1 url(../img/infobg.png) no-repeat right bottom;
	}
	.cominfo .container img {
		margin:0px; padding:0px
	}
.cominfo .container .left{float: left; margin-left: 0px; margin-top: 40px; width:640px }
.cominfo .container .inforight{ float: right; margin-top:80px; margin-right: 0px; width: 400px;}
.cominfo .container .inforight div{font-size: 28px; color: #292929; line-height: 100px;}
.cominfo .container .inforight p{font-size: 13px; color: #292929 ; line-height: 30px;}
.cominfo .container .inforight a{width: 150px; height: 40px; color: #fff; text-align: center;line-height: 40px;  display: block; background: #3EC16D;  margin-top: 20px; font-size: 16px; font-weight: bold; }
.cominfo .container .inforight a:hover{color: #f0f0f0;}



.bottom{
	height:206px;
	background:#2b2b2b;
}
.bottom .lianxi{ }
.bottom .lianxi li{  float: left; margin-top: 50px; width: 300px;  margin-left: 0px; margin-right: 100px; }
.bottom .lianxi li:last-child{margin-right: 0px; }
.bottom .lianxi li img{ margin-right: 10px; width: auto; float: left; }
.bottom .lianxi li div{ float: left; display: block; line-height: 25px;color: #ccc; font-size: 13px ;}
.btm{ padding-top: 30px;}
.btm img{ float: left; margin-left: 0px; }
.btm .cname{ float: left; font-size:20px;font-weight:bold;line-height:40px;color:#535353;margin-left: 10px;}
	.btm .cname span {
	line-height:20px;font-weight:normal}
	.btm .cright {
		font-size: 14px;
		color: #535353;
		float: right;
		margin-top: 10px;
	}

/*********************************************关于我们*************************************************/
.aboutbanner{height:260px; background: url(../img/aboutbanner.png) center no-repeat; margin-top: 20px; }
.aboutbanner div{width:400px ; margin: 0px auto; display:block; position: relative; top: 50px; }
.aboutbanner div h1{font-size: 40px; width: 100%; text-align: center; color: #fff; line-height: 80px;}
.aboutbanner div p{text-align: center; font-size: 15px; color: fff; line-height: 25px; color: #fff;}


.aboutinfo{height:559px; background:#F9F9F9;}
.aboutinfo .container img{float: right; margin-right: 10px; margin-top: 80px; }
.aboutinfo .container .infoleft{ float: left; margin-top:100px;  width: 550px;}
.aboutinfo .container .infoleft .line{width: 30px; border-bottom: solid 3px #3EC16D;}
.aboutinfo .container .infoleft .linesign{font-size: 18px; color: #3EC16D; font-weight: bold;line-height: 40px;}
.aboutinfo .container .infoleft h3{font-size: 18px; color: #292929; font-weight: bold; line-height: 40px;}
.aboutinfo .container .infoleft div{font-size: 28px; color: #292929; line-height: 100px;}
.aboutinfo .container .infoleft p{font-size: 14px; color: #646B73 ; line-height: 30px;}
.aboutinfo .container .infoleft a{width: 150px; height: 40px; color: #fff; text-align: center;line-height: 40px;  display: block; background: #3EC16D;  margin-top: 20px; font-size: 16px; font-weight: bold; }
.aboutinfo .container .infoleft a:hover{color: #f0f0f0;}
	.aboutinfo .container .viright {
		float: left;
		margin-top: 155px;
		margin-left:50px
	}
	/*****播放器*****/
		.aboutinfo .container .viright img {
		margin:0px
		}
		.aboutinfo .container .viright .jp-video-360p {
			width:480px;
			height:270px;
			
		}
		.aboutinfo .container .viright .jp-gui {
			position:absolute;
		}
		.aboutinfo .container .viright .jp-video-play {
			height: 270px;
			width:480px;
		}
		.aboutinfo .container .viright .jp-video {
			border:solid 5px #eee;
		}
		/**********/
		element.style {
			display: block;
		}
.jp-video-360p .jp-video-play {
    margin-top: -270px;
    height: 270px;
}
.jp-video-play
		.flow {
			height: 700px;
		}
.flow p{color: #808080 ; font-size: 12px; line-height: 30px; text-align: center; padding-bottom: 20px;}
.flow div{column-count: 6;column-gap: 0; width: 100%;}
.flow div a{width: 160px; height: 200px; display: block; text-align: center; line-height: 30px; padding-top: 50px; }
.flow div a span{font-size: 15px; }
.flow div a:hover img{t-webkit-filter: grayscale(1); /* Webkit */
         filter: gray; /* IE6-9 */  
         filter: grayscale(10);  }
.flow div a:hover {color: #888;}
.quality{
	background:#F9F9F9;
}
.quality .qlist{column-count: 3; column-gap: 0; height: 600px; }
.quality .qlist div{width: 345px; height: 500px; background: #fff; position: relative;}
.quality .qlist div img{width: 345px; height: 252px; }
.quality .qlist div span{position: absolute;  left: 55px;  top: 225px;   z-index:999; width: 230px;height: 52px; display: block; text-align: center; font-size: 18px;font-weight: bold; line-height: 52px; color: #fff; }
.quality .qlist div p{padding: 40px 35px;font-size: 14px; line-height: 22px; color: #999999;}

/*****************************************资质认证*****************************************************/

.zizhibanner{height:260px; background: url(../img/zizhibanner.png) center no-repeat; margin-top: 20px; }
.zizhibanner div{width:400px ; margin: 0px auto; display:block; position: relative; top: 50px; }
.zizhibanner div h1{font-size: 40px; width: 100%; text-align: center; color: #fff; line-height: 80px; }
.zizhibanner div p{text-align: center; font-size: 15px; color: fff; line-height: 25px; color: #fff;}


.casebanner {
	height: 260px;
	background: url(../img/case.jpg) center no-repeat;
	margin-top: 20px;
}
	.casebanner div {
		width: 400px;
		margin: 0px auto;
		display: block;
		position: relative;
		top: 50px;
	}
		.casebanner div h1 {
			font-size: 40px;
			width: 100%;
			text-align: center;
			color: #fff;
			line-height: 80px;
		}
		.casebanner div p {
			text-align: center;
			font-size: 15px;
			color: fff;
			line-height: 25px;
			color: #fff;
		}


.zizhi {
	column-count: 7;
	column-gap: 0;
	margin: 50px auto;
}
.zizhi a {width:145px; height:160px; display:block;border:solid 1px #F1EEEE; text-align:center; break-inside:avoid;  margin:0px 20px;}
	.zizhi a:hover {
	background:#f8f8f8;
	}
	.zizhi a i {
		width: 65px;
		height: 65px;
		display: block;
		background-size: 100%;
		background-repeat: no-repeat;
		position: relative;
		top: 20px;
		left: 40px;
	}

	.zizhi a span {
		width: 145px;
		font-size: 15px;
		color: #000;
		line-height: 20px;
		display: inline-block;
		position: relative;
		top: 30px;
		left: 0px;
		font-style:normal;
	}
	.zizhi .cur {
		width:145px;
		background:url('/img/zsbg.png') center top no-repeat;
		background-size:cover;
		height:170px;
		display:block;
		border:solid 1px #fff;
	}
		.zizhi .cur:hover {
			width: 145px;
			background: url('/img/zsbg.png') center top no-repeat;
			background-size: cover;
			height: 170px;
			display: block;
			border: solid 1px #fff;
		}
		.zizhi .cur i {
		}
		.zizhi .cur span {
			color:#fff;
		}
.pictures {
	padding: 100px auto;
	min-height: 500px;
	margin-bottom:50px;
	display:block;


}



pre {
	overflow-x: scroll;
	background: #ffffff;
	border: 1px solid #cecece;
	padding: 10px;
}

.clear {
	clear: both;
}

.zoomed > .container {
	-webkit-filter: blur(3px);
	filter: blur(3px);
}



.gallery {
	
	display:inline-block;
}

.gallery li {
	width: 220px;
	
	text-align: center;
	font-style: normal;
	font-size: 12px;
	color: #666;
	background: #f8f8f8;
	border: solid 1px #f0f0f0;
	padding-bottom: 20px;
	margin: 10px 20px;
	box-shadow: 0px 0px 5px #eee;
	float: left;
}

.gallery li:nth-child(4n) {
	padding-right: 0;
}
.gallery li a {
	float: left;
	width: 200px;
	height: auto;
	padding: 10px;
}
.gallery li a:hover img {
	t-webkit-filter: grayscale(1); /* Webkit */
	filter: gray; /* IE6-9 */
	filter: grayscale(10); /* W3C */
}

.gallery li a img {
	width: 200px;
	height: auto;
	max-height:278px;
}
.galleryCase {
	overflow: auto;
	height:auto;
	margin-top:60px;
	margin-bottom:50px
}
	.galleryCase .gallery {
		column-count: 3;
		column-gap: 0;
		/*display: flex;
	flex-flow: column wrap;
	height: 100vh;
	width:1100px;*/
		overflow: auto;
		height: auto;
	}

		.galleryCase .gallery li {
			float: right;
			break-inside: avoid;
			position: relative;
			break-inside: avoid;
			background: none;
			border: none;
			padding-bottom: 0px;
			padding: 0px;
			margin: 0px 3px 30px 0px;
			box-shadow: none;
			width: 340px;
			background: #f8f8f8;
			
			border-radius:3px
		}
		.galleryCase .gallery li a {
			padding:0px;
			width:100%;
		}
		.galleryCase .gallery li:hover {
			box-shadow: 0px 0px 5px #666;
		}

			.galleryCase .gallery li a img {
				width: 340px;
				margin: 0px;
				border-radius: 3px 3px 0px 0px;
			}

	.galleryCase .gallery li a:hover img {
		t-webkit-filter: grayscale(1); /* Webkit */
		filter: none; /* IE6-9 */
		filter: grayscale(0); /* W3C */
	}

	.galleryCase .gallery li a span {
		width:300px;
		margin:15px auto;
		display:block;
		font-size:13px;
		color:#666;
		text-align:left


	}

.caselist {
	margin-bottom:50px;
	overflow:auto
}
	.caselist .casetitle {
		line-height:100px;
		font-size:24px;
		text-align:center;
		font-weight:bold;
	}

	.caselist ul {
		margin:0px
	}
		.caselist ul li {
			list-style: decimal;
			width: 510px;
			float: left;
			height: 30px;
			line-height: 30px;
			font-size: 16px;
			color: #666;
			background: #f8f8f8;
			margin: 10px 5px;
			padding: 5px;
			list-style-position: inside;
			border-radius: 5px;
			text-indent: 15px;
			box-shadow: 0px 0px 3px #ccc;
			white-space: nowrap;
			text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			overflow: hidden;
			overflow: hidden
		}
			.caselist ul li:hover {
				box-shadow: 0px 0px 3px #999;
			}
			.caselist ul li span {
				margin-left: 10px;
				font-size: 15px;
				
				height:30px; line-height:30px;
			
				
			}
			.caselist ul li:nth-child(4n), .caselist ul li:nth-child(4n-1) {
				background: #fff;
			}
			/*******************************************联系我们************************************************/
			.lianxibanner {
				height: 260px;
				background: url(../img/contactbanner.png) center no-repeat;
				margin-top: 20px;
			}
.lianxibanner div{width:400px ; margin: 0px auto; display:block; position: relative; top: 50px; }
.lianxibanner div h1{font-size: 40px; width: 100%; text-align: center; color: #fff; line-height: 80px; }
.lianxibanner div p{text-align: center; font-size: 15px; color: fff; line-height: 25px; color: #fff;}
.contact{padding: 80px 0px; clear: right; height: 400px; }
.contact .left li{height: 80px; width: 280px;}
.contact .left li img { float: left; margin: 0px;}
.contact .left li div{ float: left; margin-left: 20px; line-height: 25px;}
.contact .right{width: 780px;  }
.contact .right ul li{ padding: 5px; width: 380px; float: left;color: #151515; font-size: 14px;  }
.contact .right ul li input{width: 92%; padding: 10px; border: solid 1px #E9E9E9;margin-bottom: 10px; float: left;  color: #999; font-size: 12px;  }
.contact .right ul li:last-child{width: 760px;}
.contact .right ul li textarea{width: 750px; height: 100px;border: solid 1px #E9E9E9;padding: 5px;  color: #999; font-size: 12px;  }
.contact .right a{width: 200px;height: 55px; text-align: center; line-height: 55px; font-size: 15px; background: #E39E45; color: #fff; font-weight: bold;display: block; float: left; margin-left: 5px; margin-top: 10px; }
.contact .right a:hover{color: #151515;}

/*********************************************新闻*************************************************/

.newsbanner{height:260px; background: url(../img/newsbanner.png) center no-repeat; margin-top: 20px; margin-bottom: 80px; }
.newsbanner div{width:400px ; margin: 0px auto; display:block; position: relative; top: 50px; }
.newsbanner div h1{font-size: 40px; width: 100%; text-align: center; color: #fff; line-height: 80px; }
.newsbanner div p{text-align: center; font-size: 15px; color: fff; line-height: 25px; color: #fff;}

.news{ column-count: 3;column-gap: 0 ;  }
.news div{width: 347px; display: inline-block; height: 480px; float: left; break-inside: avoid; }
.news div h4{font-size: 18px; color: #666666; width: 347px; overflow:hidden; height: 40px; line-height: 40px;}
.news div span{color: #999; font-size:12px; line-height: 40px ;}
.news div p{color: #999999; line-height: 20px; height:60px; overflow:hidden; display:block }
.news div a{width:180px;
height:45px;
background:rgba(62,193,109,1);
opacity:1;
border-radius:5px; display: block; color: #fff; text-align: center;font-size: 14px;  line-height: 45px; margin-top: 30px;} 
.news div a:hover{color: #F0F0F0;}
.newsshow{ min-height: 500px; padding-top: 0px; padding-bottom: 100px; }
.newsshow .title{width:800px; margin: 0px auto; text-align: center;font-size: 25px; line-height: 35px; font-weight: bold;}
.newsshow .viewtime{width:800px; margin: 0px auto; line-height: 50px; text-align: center ;color: #646B73;font-size: 13px; }
.newsshow .newspic{width:750px; margin: 50px auto; text-align: center;}
.newsshow .newspic img{max-width: 750px;}
.newsshow .content{width:800px; margin: 0px auto; line-height: 30px;font-size: 16px; color: #646B73; }
.newsshow .content div,.newsshow .content p{ padding: 20px 0px;font-size: 16px; color: #646B73;}
.newsshow .content img{margin: 20px auto; max-width: 750px;   }
/*********************************************产品*************************************************/
.productbanner{height:260px; background: url(../img/productbanner.png) center no-repeat; margin-top: 20px; }
.productbanner div{width:400px ; margin: 0px auto; display:block; position: relative; top: 50px; }
.productbanner div h1{font-size: 40px; width: 100%; text-align: center; color: #fff; line-height: 80px; }
.productbanner div p{text-align: center; font-size: 15px; color: fff; line-height: 25px; color: #fff;}
.classlist{margin-top: 30px; height: 100px; }
.classlist a{margin: 5px 8px; color:#333; padding: 6px 15px; font-size: 14px; float: left; border: solid 1px #F1EEEE; width:100px; display:block; text-align:center; border-radius:3px }
	.classlist a:hover {
		background:#f2f8f4
	}
	.classlist .cur {
		background: #3EC16D;
		color: #fff;
		border: solid 1px #3EC16D;
	}
	.classlist .cur:hover {
		background: #3EC18b;
		color: #fff;
		border: solid 1px #3EC16D;
	}

.pager{ padding: 20px; text-align: center; height: 100px; }
.pages a{padding: 10px 15px; border: solid 1px #E8E8E8; border-radius: 5px; width: auto; float: left; margin: 5px; font-size: 14px;  }
.pages a .current{color: #ff3300;}
.current { color:#ff3300;
}
.map {
	background:url("../img/map.jpg") no-repeat center; height:366px;
}
.proshow {
	padding: 20px 0px;
	margin-bottom: 10px;
	display:flex
}
.proinfo{width:650px;  margin-left:20px }
.proinfo h1{line-height: 50px; width: 100%; font-size: 18px; padding-bottom: 20px; }
.proinfo ul{padding: 0px;margin: 0px;width: 100%;border: solid 1px #efefef; }
.proinfo ul li{width: 100%; display: flex; border-bottom: solid 1px #efefef;   min-height: 30px; line-height: 40px; min-height: 40px ; text-indent: 10px;  }
.proinfo ul li:first-child{background: #f7f7f7; font-size: 16px; line-height: 40px;  }
.proinfo ul li:last-child{border-bottom: none}
.proinfo ul li span{font-size: 14px; font-weight: bold;}
.proinfo ul li span:first-child{width: 180px;display: block; font-weight: normal; color: #666666;text-indent: 20px; }
.protitle{height: 40px; text-align: center;  font-size: 16px; background: #f8f8f8;line-height: 40px; margin-top:20px }
.procontent{ line-height: 30px;font-size: 16px; color: #646B73; padding-bottom: 100px; width: 1050px; margin: 20px auto; }
.procontent div,.newsshow .procontent p{ padding: 20px 0px;font-size: 16px; color: #646B73;}
.procontent img{margin: 20px auto; max-width: 750px;}