/**网站全局css**/
* 
{
	margin: 0;
	padding: 0;
	word-break: break-word;
	font-family:"Arial",sans-serif;
	appearance:none;
}
body 
{	
	color: #333;
	background: white;
	margin:auto;  
	min-width:1200px;
	margin:auto;
	overflow-x:hidden;
}
p 
{
	color: #333;
}
a 
{
	text-decoration: none;
	color: #333;
}
li 
{
	list-style: none;
}
img 
{
	border: none;
	display:block;
}
.clear 
{
	clear: both;
}
.fl
{
	float:left;
}
.fr
{
	float:right;
}
.m_hide
{
	display:block;
}
.pc_hide
{
	display:none;
}
/**网站全局css end**/
/**网站头部**/
.headbg
{
	width:100%;
	height:80px;
	transition:500ms;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10000;
	box-sizing:border-box;
	background:#fff;
}
.headbg .head
{
	width:90%;
	height:100%;
	min-width:1200px;
	max-width:1600px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:auto;
}
.headbg .head .left
{
	height:100%;
	width:220px;
}
.headbg .head .logo
{
	height:100%;
	width:100%;
}
.headbg .head .logo .link
{
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content: center;
}
.headbg .head .logo .link .image
{
	max-width:100%;
	height:auto;
}

.headbg .head .nav
{
	height:100%;
	display:flex;
}
.headbg .head .nav .grid1
{
	
	height:100%;
	margin-right:40px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
}
.headbg .head .nav .grid1 .link1
{
	display:flex;
	align-items:center;
	position:relative;
}
.headbg .head .nav .grid1 .link1 .cnname
{
	width:100%;
	text-align:center;
	font-size:15px;
	line-height:25px;
	height:25px;
	color:#000;
	letter-spacing:1px;
	transition:500ms;
}
.headbg .head .nav .grid1 .link1 .arr
{
	width:20px;
	height:20px;
	overflow:hidden;
}
.headbg .head .nav .grid1 .link1 .arr .image
{
	width:100%;
	height:100%;
	transition:500ms;
}
.headbg .head .nav .grid1:hover .link1 .arr .image
{
	transform:rotateX(180deg);
}
.headbg .head .nav .grid1 .subnav
{
	height:auto;
	position:absolute;
	top:80px;
	left:50%;
	transform:translate(-50%,0);
	box-sizing: border-box;
	z-index:10000;
	min-width:200px;
	display:none;
}
.headbg .head .nav .grid1 .subnav .subnavin
{
	width:100%;
}
.headbg .head .nav .grid1 .subnav .grid2
{
	width:100%;
}
.headbg .head .nav .grid1 .subnav .grid2 .link2
{
	display:block;
	padding:0px 25px;
	box-sizing:border-box; 
	position:relative;
}
.headbg .head .nav .grid1 .subnav .grid2 .link2 .cnname
{
	color:#000;
	font-size:15px;
	line-height:25px;
	height:25px;
	background:#fff;
	white-space:nowrap;
	text-align:center;
	padding:8px 20px;
	transition:500ms;
}
.headbg .head .nav .grid1 .subnav .grid2:hover .link2 .cnname
{
	background:#eee;
}
.headbg .head .right
{
	 width:calc(100% - 240px);
	 display:flex;
	 height:100%;
	 justify-content:flex-end
}
.headbg .head .right .tbnav
{
	height:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:flex-end;
}
.headbg .head .right .tbnav .grid
{
	width:20px;
	height:100%;
	margin-right:20px;	
}
.headbg .head .right .tbnav .grid:last-child
{
	margin-right:0px;
}
.headbg .head .right .tbnav .grid .link
{
	width:100%;
	height:100%;
	display:flex;
	align-items:center;
}
.headbg .head .right .tbnav .grid .link .pic
{
	width:100%;
	height:auto;
}
.headbg .head .right .tbnav .grid .link .pic .image
{
	width:100%;
	height:auto;
}
.headbg .head .right .tbnav .grid.searchgrid .link
{
	position:relative;
}
.headbg .searchbg
{
	width:0px;
	height:30px;
	box-sizing:border-box;
	position:absolute;
	top: 50%;
	left:-140px;
	transform:translate(0,-50%);
	transition:200ms;
	overflow:hidden;
}
.headbg .head .right .tbnav .grid.searchgrid .link:hover .searchbg
{
	width:170px;
}
.headbg .searchbg .headsearch
{
	width:100%;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	height:30px;
	border:1px solid #999;
	background:#fff;
	border-radius:15px;
	padding:4px 15px;
	box-sizing:border-box;
}
.headbg .searchbg .headsearch .input
{
	width:calc(100% - 20px);
	height:100%;
}
.headbg .searchbg .headsearch .input input
{
	width:100%;
	height:100%;
	line-height:20px;
	color:#666;
	background:none;
	box-sizing:border-box;
	border:none;
	outline:none;
}
.headbg .searchbg .headsearch .input input::-webkit-input-placeholder
{
	color:#666;
}
.headbg .searchbg .headsearch .headsearchbtn
{
	width:20px;
	height:20px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
	cursor:pointer;
}
.headbg .searchbg .headsearch .headsearchbtn .image
{
	width:15px;
	height:auto;
}
.headsupport
{
	width:100%;
	height:80px;
}
/**网站头部 end**/
/**网站底部**/
.footbg
{
	background:#f1f1f1;
	padding-top:90px;
	padding-bottom:90px;
}
.footbg .foot
{
	width:90%;
	height:auto;
	margin:auto;
	max-width:1600px;
	min-width:1200px;
	display:flex;
	flex-wrap:wrap;
}
.footbg .foot .grid
{
	box-sizing: border-box;
	padding-right:20px;
}
.footbg .foot .grid:last-child
{
	margin-right:0px;
}
.footbg .foot .grid .footbigtit
{
	font-size:17px;
	line-height:25px;
	margin-bottom:15px;
	color:#000;
}
.footbg .foot .grid1
{
	width:20%;
}
.footbg .foot .grid1 .footnav
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.footbg .foot .grid1 .footnav .fgrid
{
	width:100%;
	height:auto;
	margin-bottom:15px;
}
.footbg .foot .grid1 .footnav .fgrid:last-child
{
	margin-bottom:0px;
}
.footbg .foot .grid1 .footnav .fgrid .link
{
	width:100%;
	font-size:17px;
	line-height:25px;
	color:#000;
	transition:500ms;
}
.footbg .foot .grid1 .footnav .fgrid:hover .link
{
	color:#999;
}
.footbg .foot .grid2
{
	width:20%;
}
.footbg .foot .grid2 .productnav
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.footbg .foot .grid2 .productnav .fgrid
{
	width:100%;
	height:auto;
	margin-bottom:4px;
}
.footbg .foot .grid2 .productnav .fgrid:last-child
{
	margin-bottom:0px;
}
.footbg .foot .grid2 .productnav .fgrid .link
{
	width:100%;
	font-size:15px;
	line-height:22px;
	color:#000;
	transition:500ms;
}
.footbg .foot .grid2 .productnav .fgrid:hover .link
{
	color:#999;
}
.footbg .foot .grid3
{
	width:30%;
	padding-right:8%;
}
.footbg .foot .grid3 .footinfo
{
	width:100%;
	height:auto;
	font-size:15px;
	line-height:22px;
	color:#000;
}
.footbg .foot .grid3 .footinfo p
{
	font-size:15px;
	line-height:22px;
	color:#000;
	margin-bottom:4px;
}
.footbg .foot .grid3 .footinfo p:last-child
{
	margin-bottom:0px;
}
.footbg .foot .grid3 .footinfo p a
{
	font-size:15px;
	line-height:22px;
	color:#000;
	transition:500ms;
}
.footbg .foot .grid3 .footinfo p a:hover
{
	color:#999;
}
.footbg .foot .grid4
{
	width:30%;
}
.footbg .foot .grid4 .shejiaop
{
	width:100%;
	height:auto;
	font-size:0px;
	margin-bottom:100px;
}
.footbg .foot .grid4 .shejiaop .sgrid
{
	display:inline-block;
	vertical-align:top;
	width:30px;
	height:auto;
	margin-right:15px;
}
.footbg .foot .grid4 .shejiaop .sgrid:last-child
{
	margin-right:0px;
}
.footbg .foot .grid4 .shejiaop .sgrid .link
{
	display:block;
	width:100%;
	position:relative;
	cursor:pointer;
}
.footbg .foot .grid4 .shejiaop .sgrid .link .pic
{
	width:100%;
	height:auto;
}
.footbg .foot .grid4 .shejiaop .sgrid .link .pic .image
{
	width:100%;
	height:auto;
}
.footbg .foot .grid4 .shejiaop .sgrid .link .twocode
{
	width:100px;
	height:auto;
	overflow:hidden;
	position:absolute;
	z-index:100;
	bottom:30px;
	left:50%;
	transform:translate(-50%,0);
	display:none;
}
.footbg .foot .grid4 .shejiaop .sgrid .link .twocode .image
{
	width:100%;
	height:auto;
}
.footbg .foot .grid4 .shejiaop .sgrid:hover .link .twocode
{
	display:block;
}
.footbg .foot .grid4 .flogo
{
	width:100%;
	height:auto;
}
.footbg .foot .grid4 .flogo .image
{
	max-width:100%;
}
/**网站底部 end**/
/**网站banner**/
.swiperpages
{
	width:100%;
	height:auto;
	text-align:center;
	
}
.swiperpages .swiper-pagination-bullet-active
{
	background:#333;
}
.banner
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.banner .bannerarr
{
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	transform: translate(0px,-50%);
	z-index:100;
	cursor: pointer;
	opacity:0;
	border-radius:50%;
	transition:1s;
}
.banner:hover .bannerarr
{
	opacity:1;
}
.banner .leftbtn-prev
{
	background:url('../images/index/bannerleftarr.png') no-repeat center center;
	background-size:50%;
	background-color:rgba(0,0,0,0.3);
	left:60px;
	z-index:30;
}
.banner .rightbtn-next
{
	background:url('../images/index/bannerrightarr.png') no-repeat center center;
	background-size:50%;
	background-color:rgba(0,0,0,0.3);
	right:60px;
	z-index:30;
}
.banner a.bannerlink
{
	display:block;
	width:100%;
	height:auto;
	min-height:100px;
	position:relative;
}
.banner a.bannerlink img
{
	width:100%;
	height:auto;
}
.banner a.bannerlink .wenzi
{
	 position:absolute;
	 top:0px;
	 left:0px;
	 z-index:10;
	 width:100%;
	 height:100%;
	 display:flex;
	 flex-wrap:wrap;
	 align-items:flex-start;
	 align-content:flex-start;
	 overflow:hidden;
}
.banner a.bannerlink .wenzi .bannertit
{
	width:100%;
	height:auto;
	font-size:28px;
	line-height:1.5;
	text-align:center;
	color:#fff;
	font-weight:600;
	margin-top:15%;
}
.banner a.bannerlink .wenzi .bannercontent
{
	width:100%;
	height:auto;
	font-size:18px;
	line-height:1.5;
	text-align:center;
	color:#fff;
	max-width:600px;
	margin:auto;
	margin-top:25px;
}
.banner .swiperpages
{
	margin-top:20px;
}
.banner .swiperpages .swiper-pagination-bullet
{
	width:10px;
	height:10px;
	box-sizing:border-box;
	border:1px solid #000;
	background:none;
	opacity:0.7;
	margin-left:5px;
	margin-right:5px;
}
.banner .swiperpages .swiper-pagination-bullet-active
{
	background:#000;
}
/**网站banner end**/
/**网站模块大小**/
.webblockbg
{
	width:100%;
	height:auto;
	padding-top:80px;
	padding-bottom:80px;
	background:#fff;
	overflow:hidden;
}
.webblockbg .webblock
{
	width:90%;
	max-width:1600px;
	min-width:1200px;
	height:auto;
	margin:auto;
}
.weblistblockbg
{
	padding-top:40px;
}
/**网站模块大小 end**/
/**网站首页**/
/**首页标题**/
.indbigtit
{
	width:100%;
	height:auto;
	font-size:25px;
	text-align:center;
	line-height:30px;
	margin-bottom:15px;
	color:#000;
}
/**首页标题 end**/
/**首页描述**/
.indbigdes
{
	width:100%;
	height:auto;
	font-size:16px;
	line-height:25px;
	text-align:center;
	max-width:1200px;
	margin:auto;
	margin-bottom:70px;
}
.indbigdes p
{
	font-size:16px;
	line-height:25px;
	text-align:center;
}
/**首页描述 end**/
/**首页1-project系列-**/
.ind1list
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	max-width:1200px;
	margin:auto;
}
.ind1list .grid
{
	width:32%;
	margin-right:2%;
}
.ind1list .grid:nth-child(3n)
{
	margin-right:0px;
}
.ind1list .grid .link
{
	display:block;
	width:100%;
	height:auto;
}
.ind1list .grid .link .pic
{
	position:relative;
	padding-bottom:100%;
	height:auto;
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
.ind1list .grid .link .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
	transition:500ms;
}
.ind1list .grid:hover .link .pic .image
{
	transform:scale(1.1);
}
.ind1list .grid .link .tit
{
	width:100%;
	font-size:16px;
	text-align:center;
	line-height:25px;
	transition:500ms;
}
.ind1list .grid:hover .link .tit
{
	color:#999;
}
/**首页1-project系列 end-**/
/**首页大图背景跟文字**/
.indblockbg2
{
	padding-top:0px;
	padding-bottom:0px;
}
.indblockbg4
{
	padding-top:0px;
	padding-bottom:0px;
}
.indpictext
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.indpictext .pic
{
	width:100%;
	height:auto;
}
.indpictext .pic .image
{
	width:100%;
	height:auto;
}
.indpictext .wenzi
{
	width:100%;
	height:auto;
	top:12%;
	left:0px;
	position:absolute;
	z-index:10;
}
.indpictext .indbigdes
{
	margin-bottom:40px;
}
.indpictext .wenzi .btn
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.indpictext .wenzi .btn .link
{
	display:block;
	width:120px;
	height:35px;
	line-height:35px;
	font-size:15px;
	text-align:center;
	background:#fff;
	border:1px solid #c1d3de;
	transition:500ms;
}
.indpictext .wenzi .btn .link:hover
{
	border:1px solid #333;
}
/**首页大图背景跟文字 end**/
/**首页3-**/
.indblockbg3 .indblock3 .indbigtit
{
	margin-bottom:0px;
}
/**首页3 end-**/
/**首页5**/
.indjoin
{
	max-width:1200px;
	margin:auto;
}
.indjoin .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:40px;
}
.indjoin .pic .image
{
	width:100%;
	height:auto;
}
.indjoin .btn
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.indjoin .btn .link
{
	display:block;
	width:120px;
	height:35px;
	line-height:35px;
	font-size:15px;
	text-align:center;
	background:#fff;
	border:1px solid #c1d3de;
	transition:500ms;
}
.indjoin .btn .link:hover
{
	border:1px solid #333;
}
/**首页5 end**/
/**首页6**/
.indblockbg6
{
	padding-top:0px;
	padding-bottom:0px;
}
.indblockbg6 .indbigdes
{
	margin-bottom:0px;
}
/**首页6 end**/
/**首页7**/
.indblockbg7 .indbigtit
{
	margin-bottom:70px;
}
.ind7list
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	max-width:1200px;
	margin:auto;
}
.ind7list .grid
{
	width:32%;
	margin-right:2%;
}
.ind7list .grid:nth-child(3n)
{
	margin-right:0px;
}
.ind7list .grid .link
{
	display:block;
	width:100%;
	height:auto;
}
.ind7list .grid .link .pic
{
	position:relative;
	padding-bottom:100%;
	height:auto;
	width:100%;
	margin-bottom:20px;
	overflow:hidden;
}
.ind7list .grid .link .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
	transition:500ms;
}
.ind7list .grid:hover .link .pic .image
{
	transform:scale(1.1);
}
.ind7list .grid .link .tit
{
	width:100%;
	font-size:18px;
	text-align:left;
	line-height:25px;
	transition:500ms;
	color:#000;
	margin-bottom:10px;
}
.ind7list .grid:hover .link .tit
{
	color:#999;
}
.ind7list .grid .link .des
{
	width:100%;
	font-size:15px;
	text-align:left;
	line-height:20px;
	transition:500ms;
	color:#000;
	height:40px;
	overflow:hidden;
}
.ind7list .grid:hover .link .des
{
	color:#666;
}
.ind7list .grid .link .des p
{
	font-size:15px;
	line-height:20px;
	transition:500ms;
}
.ind7list .grid:hover .link .des p
{
	color:#666;
}
/**首页7 end**/
/**首页8**/
.indblockbg8
{
	padding-top:0px;
	padding-bottom:0px;
}
.ind8list
{
	overflow:hidden;
	position:relative;
	width:100%;
}
.ind8list .link
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.ind8list .link .pic
{
	width:100%;
	padding-bottom:100%;
	position:relative;
	height:auto;
	overflow:hidden;
}
.ind8list .link .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
	transition:500ms;
}
.ind8list .link:hover .pic .image
{
	transform:scale(1.1);
}
.ind8list .link .wenzi
{
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	box-sizing:border-box;
	padding:30px;
	background:rgba(0,0,0,0);
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	transition:500ms;
	opacity:0;
}
.ind8list .link:hover .wenzi
{
	opacity:1;
}
.ind8list .link .wenzi .tit
{
	width:100%;
	font-size:20px;
	line-height:25px;
	text-align:center;
	color:#fff;
}
.ind8list .ournetworkarr
{
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	transform: translate(0px,-50%);
	z-index:100;
	cursor: pointer;
	opacity:0;
	transition:1s;
}
.ind8list:hover .ournetworkarr
{
	opacity:1;
}
.ind8list .leftbtn-prev
{
	background:url('../images/leftarr.png') no-repeat center center;
	background-size:50% 50%;
	background-color:rgba(255,255,255,0.8);
	left:calc(5% + 0px);
	z-index:30;
}
.ind8list .rightbtn-next
{
	background:url('../images/rightarr.png') no-repeat center center;
	background-size:50% 50%;
	background-color:rgba(255,255,255,0.8);
	right:calc(5% + 0px);
	z-index:30;
}
/**首页8 end**/
/**网站首页 end**/
/**网站内页**/
/**网站内页整体部分**/
/**锚点**/
.maodian
{
	width:100%;
	height:80px;
	margin-top:-80px;
	overflow:hidden;
}
/**锚点 end**/
/**没有banner时**/
.none-banner
{
	width:100%;
	height:auto;
}
/**没有banner时 end**/
/**网站内页banner**/
.inside_banner
{
	width:100%;
	height:auto;
}
.inside_banner a
{
	display:block;
	width:100%;
	height:auto;
	position:relative;
}
.inside_banner a .pic
{
	width:100%;
	height:auto;
}
.inside_banner a .pic img
{
	width:100%;
	height:auto;
}
.inside_banner a .wenzi
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	align-content:center;
}
.inside_banner a .wenzi .bannertit
{
	width:100%;
	height:auto;
	font-size:40px;
	line-height:1.5;
	text-align:center;
	color:#fff;
	font-weight:600;
	text-shadow:2px 2px 2px #333;
}
.inside_banner a .wenzi .bannercontent
{
	width:100%;
	height:auto;
	font-size:20px;
	line-height:1.5;
	text-align:center;
	color:#fff;
	max-width:600px;
	margin:auto;
	margin-top:15px;
}
/**网站内页banner end**/
/**内页内容区**/
.insidecontent
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:16px;
	line-height:25px;
	margin:auto;
} 
.insidecontent p
{
	font-size:16px;
	line-height:25px;
}
.insidecontent ul li
{
	 list-style:disc;
}
.insidecontent img
{
	display:inline;
	max-width:100%;
	vertical-align:middle;
}
.inside_bigtit
{
	width:100%;
	height:auto;
	font-weight:bold;
	font-size:20px;
	overflow:hidden;
	line-height:25px;
	text-align:center;
}
/**内页内容区 end**/
/**上一篇下一篇**/
.prevnext
{
	width:100%;
	height:auto;
	overflow:hidden;
	display: flex;
	flex-wrap:wrap;
	margin-top:30px;
}
.prevnext .grid
{
	width:50%;
	height:auto;
	overflow:hidden;
	font-size:15px;
	line-height:25px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#666;
}
.prevnext .grid:nth-child(2n)
{
	text-align:right;
}
.prevnext .grid a
{
	color:#666;
	transition:1s;
}
.prevnext .grid a:hover
{
	color:#000;
}
/**上一篇下一篇 end**/
/**发布时间**/
.create_time
{
	width:100%;
	height:auto;
	font-size:15px;
	margin-top:15px;
	line-height:25px;
	color:#999;
	text-align:center;
	margin-bottom:30px;
}
/**发布时间 end**/
/**网站内页整体部分 end**/
/**栏目信息**/
.cateinfo
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:40px;
}
.cateinfo .catename
{
	font-size:32px;
	overflow:hidden;
}
.cateinfo .summary
{
	font-size:15px;
	line-height:28px;
	margin-top:15px;
}
.cateinfo .summary p
{
	font-size:15px;
	line-height:28px;
}
/**栏目信息 end**/
/**当前位置**/
.pathblockbg
{
	background:#f0f0f0;
}
.pathblock
{
    width:90%;
	margin:auto;
	max-width:1600px;
	min-width:1200px;
    height:auto;
    overflow:hidden;
}
.pathblock .path
{
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap;
    padding-top:30px;
    padding-bottom:10px;
}
.pathblock .path .websitename
{
    height:auto;
    overflow:hidden;
    font-size:16px;
    line-height:25px;
	color:#999;
}
.pathblock .path .nlist
{
    width:calc(100% - 100px);
    height:auto;
    display:flex;
    flex-wrap:wrap;
}
.pathblock .path .nlist .link
{
    display:block;
    font-size:16px;
    line-height:25px;
    transition:1s;
	color:#999;
}
.pathblock .path .nlist .link:hover
{
    color:#666;
}
.pathblock .path .nlist .arr
{
    display:block;
    font-size:14px;
    line-height:25px;
}
.pathblock .path .nlist .arr:last-child
{
   display:none;
}
/**当前位置 end**/
/**关于我们**/
/**about1**/
.aboutbigtit
{
	width:100%;
	height:auto;
	font-size:25px;
	line-height:30px;
	margin-bottom:30px;
	color:#000;
}
.aboutbg1
{
	background:#e9e8df;
}
.about1 
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin-bottom:80px;
}
.about1 .pic
{
	width:48%;
}
.about1 .pic .image
{
	width:100%;
	height:auto;
}
.about1 .right
{
	width:46%;
	height:auto;
}
.about1down
{
	max-width:900px;
	margin:auto;
	position:relative;
	padding:15px 0px;
}
.about1down .cont
{
	max-width:600px;
	margin:auto;
}
.about1down .cont p
{
	font-size:25px;
	line-height:30px;
	font-style:italic;
	margin-bottom:20px;
}
.about1down .cont p:last-child
{
	margin-bottom:0px;
	text-align:right;
}
.about1down .yinhao
{
	width:55px;
	position:absolute;
}
.about1down .yinhao .image
{
	width:100%;
	height:auto;
}
.about1down .yinhao1
{
	left:0px;
	top:0px;
}
.about1down .yinhao2
{
	right:0px;
	bottom:0px;
}
/**about1 end**/
/**about2**/
.aboutbg2
{
	background:#efefe9;
}
.about2 
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
.about2 .pic
{
	width:48%;
}
.about2 .pic .image
{
	width:100%;
	height:auto;
}
.about2 .left
{
	width:48%;
	height:auto;
}
/**about2 end**/
/**about3**/
.aboutbg3
{
	background:#e9e8df;
}
.about3 
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin:auto;
	max-width:1400px;
	margin-bottom:80px;
}
.about3 .pic
{
	width:48%;
}
.about3 .pic .image
{
	width:100%;
	height:auto;
}
.about3 .right
{
	width:46%;
	height:auto;
}
.about3down
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.about3down .grid
{
	width:30.66%;
	margin-right:4%;
}
.about3down .grid:nth-child(3n)
{
	margin-right:0px;
}
.about3down .grid .tit
{
	font-size:18px;
	line-height:25px;
	margin-bottom:20px;
	text-align:center;
}
/**about3 end**/
/**about4**/
.aboutbg4
{
	background:#efefe9;
}
.about4 
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
.about4 .pic
{
	width:48%;
}
.about4 .pic .image
{
	width:100%;
	height:auto;
}
.about4 .left
{
	width:48%;
	height:auto;
}
/**about4 end**/
/**about5**/
.aboutbg5
{
	background:#e9e8df;
}
.about5 .titlist
{
	width:100%;
	height:auto;
	display:flex;
	justify-content:space-between;
	margin-bottom:30px;
}
.about5 .titlist .aboutbigtit
{
	margin-bottom:0px;
	width:auto;
}
.about5 .piclist
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	margin-bottom:50px;
}
.about5 .piclist .grid
{
	width:23.5%;
	margin-right:2%;
	height:auto;
}
.about5 .piclist .grid:nth-child(4n)
{
	margin-right:0px;
}
.about5 .piclist .grid .pic
{
	width:100%;
	height:auto;
	padding-bottom:100%;
	position:relative;
}
.about5 .piclist .grid .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	object-fit:cover;
}
.about5 .cont
{
	max-width:1200px;
	margin:auto;
	text-align:center;
}
/**about5 end**/
/**关于我们 end**/
/**materail**/
.materailbigtit
{
	width:100%;
	height:auto;
	font-size:25px;
	line-height:30px;
	margin-bottom:30px;
	color:#000;
}
.materailbigextit
{
	width:100%;
	height:auto;
	font-size:18px;
	line-height:25px;
	margin-bottom:15px;
	color:#000;
}
.materailbg1
{
	background:#efefef;
}
.materailbg1 .materailbigextit1
{
	text-align:center;
}
.materailbg1 .materailbigtit1
{
	text-align:center;
	margin-bottom:80px;
}
.materaillist
{
	max-width:1400px;
	margin:auto;
}
.materaillist .grid
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	margin-bottom:60px;
}
.materaillist .grid:last-child
{
	margin-bottom:0px;
}
.materaillist .grid .pic
{
	width:54%;
	height:auto;
}
.materaillist .grid .pic .image
{
	width:100%;
	height:auto;
}
.materaillist .grid .wenzi
{
	width:42%;
	height:auto;
}
.materaillist.materaillist1 .grid:nth-child(2n)
{
	flex-direction:row-reverse;
}
.materaillist1
{
	margin-bottom:80px;
}
.materailblock1 .m2down
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	max-width:1400px;
	margin:auto;
}
.materailblock1 .m2down .grid
{
	width:30.66%;
	margin-right:4%;
}
.materailblock1 .m2down .grid:nth-child(3n)
{
	margin-right:0px;
}
.materailblock1 .m2down .grid .tit
{
	font-size:18px;
	line-height:25px;
	margin-bottom:20px;
	text-align:center;
}
.materailbg2
{
	border-top:1px solid #d4d4d4;
	background:#efefef;
}
.materaillist2
{
	margin-bottom:80px;
}
.m2piclist
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	max-width:1400px;
	margin:auto;
}
.m2piclist .left
{
	width:66.4%;
}
.m2piclist .right
{
	width:32%;
	display:flex;
	flex-wrap:wrap;
	align-content:space-between;
}
.m2piclist .pic
{
	width:100%;
	height:auto;
}
.m2piclist .pic .image
{
	width:100%;
	height:auto;
}

.materailbg3
{
	border-top:1px solid #d4d4d4;
	background:#efefef;
}

.materailbg4
{
	padding-top:0px;
	padding-bottom:0px;
}
.materailbg4 .pic
{
	width:100%;
	height:auto;
}
.materailbg4 .pic .image
{
	width:100%;
	height:auto;
}
.materailbg5
{
	background:#efefef;
}
.materailbigtit5
{
	text-align:center;
	margin-bottom:15px;
}
.materailbigextit5
{
	text-align:center;
	margin-bottom:50px;
}
.materailblock5 .cont
{
	max-width:1200px;
	text-align:center;
	margin:auto;
	margin-bottom:50px;
}
.materailbg5 .materail5down
{
	max-width:900px;
	margin:auto;
	position:relative;
	padding:15px 0px;
}
.materailbg5 .materail5down .downcont
{
	max-width:600px;
	margin:auto;
}
.materailbg5 .materail5down .downcont p
{
	font-size:25px;
	line-height:30px;
	font-style:italic;
	margin-bottom:20px;
}
.materailbg5 .materail5down .downcont p:last-child
{
	margin-bottom:0px;
	text-align:right;
}
/**materail end**/
/**产品搜索**/
.pronavsearch
{
	width:100%;
	height:40px;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin-bottom:50px;
}
.pronavsearch .grid
{
	width:20%;
	margin-right:4%;
	position:relative;
	height:40px;
	border-bottom:1px solid #000;
	box-sizing:border-box;
}
.pronavsearch .grid1
{
	width:28%;
}
.pronavsearch .grid2
{
	width:50%;
	border-bottom:0px;
}
.pronavsearch .grid2 .producttopnav
{
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
}
.pronavsearch .grid2 .producttopnav .ptopgrid
{
	
}
.pronavsearch .grid2 .producttopnav .ptopgrid .link
{
	display:block;
	border:1px solid #999;
	color:#999;
	height:100%;
	box-sizing:border-box;
	font-size:15px;
	line-height:38px;
	padding-left:20px;
	padding-right:20px;
	transition:500ms;
}
.pronavsearch .grid2 .producttopnav .ptopgrid:hover .link
{
	border:1px solid #000;
	color:#000;
}
.pronavsearch .grid2 .producttopnav .ptopgrid.hover .link
{
	border:1px solid #000;
	color:#000;
}
.pronavsearch .grid:last-child
{
	margin-right:0px;
}
.pronavsearch .grid .text
{
	width:100%;
	height:100%;
	box-sizing:border-box;
	padding-right:25px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	color:#000;
	font-size:15px;
	line-height:40px;
	background:url(../images/downarr_black.png) no-repeat calc(100% - 10px) center;
	cursor:pointer;
}
.pronavsearch .grid .pronav
{
	width:100%;
	position:absolute;
	top:40px;
	left:0px;
	z-index:100;
	background:#f0f0f0;
	display:none;
}
.pronavsearch .grid:hover .pronav
{
	display:block;
}
.pronavsearch .grid .pronav .grid1
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.pronavsearch .grid .pronav .grid1 .link
{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing:border-box;
	padding:5px 15px;
	font-size:15px;
	line-height:22px;
	color:#000;
	display:block;
	transition:1s;
}
.pronavsearch .grid .pronav .grid1:hover .link
{
	background:#fff;
}
.pronavsearch .grid .prosearchform
{
	width:100%;
	height:100%;
}
.pronavsearch .grid .prosearch
{
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
}
.pronavsearch .grid .prosearch .btn
{
	width:40px;
	height:100%;
	background:url('../images/seach1.png') no-repeat center center;
	background-size:50% 50%;
	cursor:pointer;
}
.pronavsearch .grid .prosearch .btn .submitbtn
{
	width:100%;
	height:100%;
	display:block;
	cursor:pointer;
	opacity:0;
}
.pronavsearch .grid .prosearch .inputblock
{
	width:calc(100% - 40px);
	height:100%;
}
.pronavsearch .grid .prosearch .inputblock .input
{
	width:100%;
	height:100%;
	box-sizing: border-box;
	border:none;
	background:none;
	outline:none;
	color:#000;
}
.pronavsearch .grid .prosearch .inputblock .input::-webkit-input-placeholder
{
	color:#000;
}
/**产品搜索 end**/
/**产品列表**/
.productlistbg
{
	overflow:visible;
}
.prolist
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.prolist .grid
{
	width:22%;
	height:auto;
	margin-right:4%;
	margin-bottom:60px;
}
.prolist .grid:nth-child(4n)
{
	margin-right:0px;
}
.prolist .grid .link
{
	display:block;
	width:100%;
}
.prolist .grid .link .outpic
{
	width:100%;
	height:auto;
	padding-bottom:100%;
	overflow:hidden;
	position:relative;
}
.prolist .grid .link .outpic .pic
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:100%;
	height:100%;
	border:1px solid #dfdfdf;
	box-sizing:border-box;
	overflow:hidden;
}
.prolist .grid .link .outpic .pic .image
{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:1s;
}
.prolist .grid:hover .link .outpic .pic .image
{
	transform:scale(1.1);
}
.prolist .grid .link .time
{
	width:100%;
	font-size:14px;
	line-height:20px;
	margin-top:20px;
	color:#777;
	transition:500ms;
}
.prolist .grid:hover .link .time
{
	color:#000;
}
.prolist .grid .link .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:16px;
	color:#000;
	line-height:25px;
	margin-top:15px;
	text-align:center;
}
.prolist .grid .link .des
{
	height:40px;
	overflow:hidden;
	font-size:15px;
	line-height:20px;
	color:#777;
	transition:500ms;
}
.prolist .grid:hover .link .des
{
	color:#000;
}
.prolist .grid .link .des p
{
	font-size:15px;
	line-height:20px;
	color:#777;
	transition:500ms;
}
.prolist .grid:hover .link .des p
{
	color:#000;
}
.prolist .grid .link .btn
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-top:30px;
}
.prolist .grid .link .btn .btnlink
{
	display:block;
	width:180px;
	box-sizing:border-box;
	border:1px solid #000;
	font-size:18px;
	height:40px;
	text-align:center;
	line-height:38px;
	background:#e2dbd1;
	transition:500ms;
	cursor:pointer;
}
.prolist .grid:hover .link .btn .btnlink
{
	background:#000;
	color:#fff;
}
/**产品列表 end**/
/**产品详情**/
.productviewblockbg1
{
	background:url('../images/product/productshowbg.jpg') no-repeat center center;
	background-size:cover;
}
.proviewbigtitle
{
	width:100%;
	height:auto;
	font-size:25px;
	line-height:30px;
	margin-bottom:50px;
	color:#000;
	text-align:center;
}
.productpicarr {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	overflow:hidden;
}

.productpicarr  .swiper-slide {

	width:700px;
	background: #fff;
}
.productpicarr  .swiper-slide .outpic
{
	width:100%;
	height:auto;
	padding-bottom:75%;
	position:relative;
	overflow:hidden;

}
.productpicarr  .swiper-slide .outpic .pic
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	opacity:0.5;
	transition:500ms;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	box-sizing:border-box;
	border:1px solid #fff;
}
.productpicarr  .swiper-slide.swiper-slide-active .outpic .pic
{
	opacity:1;
	border:1px solid #ccc;
}
.productpicarr .swiper-slide .outpic .pic img
{
	max-width:100%;
	max-height:100%;
}
.productpicarr .arr
{
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	transform: translate(0px,-50%);
	z-index:100;
	cursor: pointer;
}
.productpicarr .leftbtn-prev
{
	background:url('../images/leftarr.png') no-repeat center center;
	background-size:50% 50%;
	background-color:rgba(255,255,255,0.8);
	left:calc(5% + 0px);
	z-index:30;
}
.productpicarr .rightbtn-next
{
	background:url('../images/rightarr.png') no-repeat center center;
	background-size:50% 50%;
	background-color:rgba(255,255,255,0.8);
	right:calc(5% + 0px);
	z-index:30;
}
.productviewblock2 .productdes
{
	max-width:800px;
	margin:auto;
}
.productviewblockbg3
{
	padding-top:0px;
	padding-bottom:0px;
}
.propath1
{
	overflow:hidden;
	position:relative;
	width:100%;
}
.propath1 .link
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.propath1 .link .pic
{
	width:100%;
	padding-bottom:150%;
	position:relative;
	height:auto;
	overflow:hidden;
}
.propath1 .link .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
	transition:500ms;
}
.propath1 .link:hover .pic .image
{
	transform:scale(1.1);
}
.propath1 .ournetworkarr
{
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	transform: translate(0px,-50%);
	z-index:100;
	cursor: pointer;
	opacity:0;
	transition:1s;
}
.propath1:hover .ournetworkarr
{
	opacity:1;
}
.propath1 .leftbtn-prev
{
	background:url('../images/leftarr.png') no-repeat center center;
	background-size:50% 50%;
	background-color:rgba(255,255,255,0.8);
	left:calc(5% + 0px);
	z-index:30;
}
.propath1 .rightbtn-next
{
	background:url('../images/rightarr.png') no-repeat center center;
	background-size:50% 50%;
	background-color:rgba(255,255,255,0.8);
	right:calc(5% + 0px);
	z-index:30;
}
.propath1 .swiperpages
{
	position:absolute;
	bottom:10px;
	z-index:10;
}
.productviewblockbg5
{
	background:#e9e8df;
}
.productviewblockbg5 .proviewbigtitle
{
	margin-bottom:20px;
}
.productviewblockbg5 .protjdes
{
	text-align:center;
	margin-bottom:50px;
}
.protjlist
{
	overflow:hidden;
	position:relative;
	width:100%;
}
.protjlist .link
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.protjlist .link .pic
{
	width:100%;
	padding-bottom:100%;
	position:relative;
	height:auto;
	overflow:hidden;
}
.protjlist .link .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
	transition:500ms;
}
.protjlist .link:hover .pic .image
{
	transform:scale(1.1);
}
.protjlist .link .title
{
	width:100%;
	height:auto;
	font-size:16px;
	line-height:25px;
	text-align:center;
	margin-top:10px;
}
.protjlist .ournetworkarr
{
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	transform: translate(0px,-50%);
	z-index:100;
	cursor: pointer;
	opacity:0;
	transition:1s;
}
.protjlist:hover .ournetworkarr
{
	opacity:1;
}
.protjlist .leftbtn-prev
{
	background:url('../images/leftarr.png') no-repeat center center;
	background-size:50% 50%;
	background-color:rgba(255,255,255,0.8);
	left:calc(5% + 0px);
	z-index:30;
}
.protjlist .rightbtn-next
{
	background:url('../images/rightarr.png') no-repeat center center;
	background-size:50% 50%;
	background-color:rgba(255,255,255,0.8);
	right:calc(5% + 0px);
	z-index:30;
}
.protjlist .swiperpages
{
	margin-top:10px;
}
.productviewblock6 .promsgdes
{
	max-width:1400px;
	margin:auto;
	margin-bottom:50px;
}
.productviewblock6 .promsg
{
	display:flex;
	flex-wrap:wrap;
	background:#e9e8df;
	max-width:1400px;
	margin:auto;
	align-items:center;
}
.productviewblock6 .promsg .left
{
	width:50%;
	height:auto;
	position:relative;
}
.productviewblock6 .promsg .left .pic
{
	width:100%;
	height:auto;
}
.productviewblock6 .promsg .left .pic .image
{
	width:100%;
	height:auto;
}
.productviewblock6 .promsg .left .wenzi
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	box-sizing:border-box;
	padding:8%;
}
.productviewblock6 .promsg .left .wenzi .grid
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:30px;
}
.productviewblock6 .promsg .left .wenzi .grid:last-child
{
	margin-bottom:0px;
}
.productviewblock6 .promsg .left .wenzi .grid .tit
{
	width:100%;
	font-size:20px;
	color:#fff;
	line-height:25px;
	margin-bottom:10px;	
}
.productviewblock6 .promsg .left .wenzi .grid .des
{
	width:100%;
	font-size:16px;
	color:#fff;
	line-height:25px;	
}
.productviewblock6 .promsg .right
{
	width:50%;
	box-sizing:border-box;
	padding:0px 8%;
}
.productviewblock6 .promsg .right .promsg .first
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:stretch;
}
.productviewblock6 .promsg .right .promsg .first .mgrid
{
	width:100%;
	margin-bottom:20px;
}

.productviewblock6 .promsg .right .promsg .first .mgrid:last-child
{
	margin-bottom:0px;
}
.productviewblock6 .promsg .right .promsg .first .mgrid .tit
{
	font-size:16px;
	line-height:25px;
	margin-bottom:10px;
}
.productviewblock6 .promsg .right .promsg .first .mgrid .inputb
{
	width:100%;
	font-size:15px;
}
.productviewblock6 .promsg .right .promsg .first .mgrid .inputb .input
{
	width:100%;
	background:#fff;
	outline:none;
	height:35px;
	border:none;
	border:1px solid #4d4d4d;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
}
.productviewblock6 .promsg .right .promsg .first .mgrid .inputb .input::-webkit-input-placeholder
{
	font-size:16px;
	color:#8f8f8e;
}
.productviewblock6 .promsg .right .promsg .first .mgrid .inputb .textarea
{
	width:100%;
	height:100px;
	background:#fff;
	outline:none;
	border:none;
	border:1px solid #4d4d4d;
	padding:15px;
	box-sizing:border-box;
}
.productviewblock6 .promsg .right .promsg .first .mgrid .inputb .textarea::-webkit-input-placeholder
{
	font-size:16px;
	color:#8f8f8e;
}
.productviewblock6 .promsg .right .promsg .submitblock
{
	width:100%;
	height:auto;
}
.productviewblock6 .promsg .right .promsg .submit
{
	display:block;
	width:120px;
	height:35px;
	line-height:35px;
	font-size:15px;
	text-align:center;
	background:#fff;
	border:1px solid #c1d3de;
	margin-top:30px;
	transition:500ms;
}
.productviewblock6 .promsg .right .promsg .submit:hover
{
	border:1px solid #333;
}
.productviewblock1 .picarr
{
    width:100%;
    height:auto;
	position:relative;
}
.productviewblock1 .picarr .arr
{
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	transform: translate(0px,-50%);
	z-index:10;
	cursor: pointer;
}
.productviewblock1 .picarr .leftbtn-prev
{
	left:20px;
	background:url(../images/leftarr_ca.png) no-repeat center center;
	background-size:100% 100%;
}
.productviewblock1 .picarr .rightbtn-next
{
	right:20px;
	background:url(../images/rightarr_ca.png) no-repeat center center;
	background-size:100% 100%;
}
.productviewblock1 .picarr .picarrlist
{
    width:100%;
    height:auto;
    overflow:hidden;
    position:relative;
}
.productviewblock1 .picarr .picarrlist .outpic
{
    width:100%;
    height:auto;
    position:relative;
    padding-bottom:75%;
}
.productviewblock1 .picarr .picarrlist .outpic .pic
{
    width:100%;
    height:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
    border:1px solid #ccc;
    box-sizing:border-box;
}
.productviewblock1 .picarr .picarrlist .outpic .pic .image
{
    max-width:100%;
    max-height:100%;
    display:block;
}
.productviewblock1 .picarr .picarrlist .swiperpages
{
	position:absolute;
	bottom:10px;
	left:0px;
	z-index:10;
	cursor:pointer;
}
.productviewblock1 .picarr .picarrlist .swiperpages .swiper-pagination-bullet-active
{
	background:#999;
}
/**产品详情 end**/
/**案例列表**/
.casetitdes
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:80px;
}
.casetitdes .tit
{
	width:100%;
	height:auto;
	font-size:25px;
	line-height:30px;
	color:#000;
	text-align:center;
}
.casetitdes .cont
{
	max-width:1400px;
	margin:auto;
	margin-top:30px;
	text-align:center;
}
.caselist
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.caselist .grid
{
	width:32%;
	height:auto;
	margin-right:2%;
	margin-bottom:40px;
}
.caselist .grid:nth-child(3n)
{
	margin-right:0px;
}
.caselist .grid .link
{
	display:block;
	width:100%;
}
.caselist .grid .link .outpic
{
	width:100%;
	height:auto;
	padding-bottom:100%;
	overflow:hidden;
	position:relative;
}
.caselist .grid .link .outpic .pic
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:100%;
	height:100%;
}
.caselist .grid .link .outpic .pic .image
{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:1s;
}
.caselist .grid:hover .link .outpic .pic .image
{
	transform:scale(1.1);
}
.caselist .grid .link .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:16px;
	color:#000;
	line-height:25px;
	margin-top:20px;
}
.caselist .grid .link .extitle
{
	width:100%;
	height:auto;
	overflow:hidden;
	text-align:center;
	font-size:16px;
	color:#000;
	line-height:25px;
}
.caselist .grid .link .btn
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-top:30px;
}
.caselist .grid .link .btn .btnlink
{
	display:block;
	width:120px;
	height:35px;
	line-height:35px;
	font-size:15px;
	text-align:center;
	background:#fff;
	border:1px solid #c1d3de;
	transition:500ms;
}
.caselist .grid:hover .link .btn .btnlink
{
	border:1px solid #333;
}
.caselistbg2
{
	padding-top:0px;
}
.casemsg
{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
	max-width:1200px;
	margin:auto;
}
.casemsg .left
{
	width:48%;
	height:auto;
}
.casemsg .left .pic
{
	width:100%;
	padding-bottom:110%;
	height:auto;
	position:relative;
}
.casemsg .left .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	object-fit:cover;
}
.casemsg .right
{
	width:48%;
	height:auto;
}
.casemsg .right .up
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.casemsg .right .up .mgrid
{
	width:47%;
	height:auto;
	margin-right:6%;
	margin-bottom:30px;
}
.casemsg .right .up .mgrid:nth-child(2n)
{
	margin-right:0px;
}
.casemsg .right .tit
{
	font-size:16px;
	line-height:25px;
	margin-bottom:10px;
}
.casemsg .right .up .mgrid .inputb
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.casemsg .right .up .mgrid .inputb .input
{
	width:100%;
	background:none;
	outline:none;
	height:35px;
	border:1px solid #e1e1e1;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
}
.casemsg .right .down
{
	width:100%;
	height:auto;
	margin-bottom:30px;
}
.casemsg .right .down .inputb
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.casemsg .right .down .inputb .textarea
{
	width:100%;
	background:none;
	outline:none;
	height:150px;
	border:1px solid #e1e1e1;
	box-sizing:border-box;
	padding:15px;
}
.casemsg .right .submit
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.casemsg .right .submit .submitbtn
{
	display:block;
	width:120px;
	height:35px;
	line-height:35px;
	font-size:15px;
	text-align:center;
	background:#fff;
	border:1px solid #c1d3de;
	cursor:pointer;
	transition:500ms;
}
.casemsg .right .submit .submitbtn:hover
{
	border:1px solid #333;
}
/**案例列表 end**/
/**案例展示**/
.caseshowfir
{
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom:30px;
    align-items:flex-start;    
}
.caseshowfir .picarr
{
    width:48%;
    height:auto;
	position:relative;
}
.caseshowfir .picarr .arr
{
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	transform: translate(0px,-50%);
	z-index:10;
	cursor: pointer;
}
.caseshowfir .picarr .leftbtn-prev
{
	left:20px;
	background:url(../images/leftarr_ca.png) no-repeat center center;
	background-size:100% 100%;
}
.caseshowfir .picarr .rightbtn-next
{
	right:20px;
	background:url(../images/rightarr_ca.png) no-repeat center center;
	background-size:100% 100%;
}
.caseshowfir .picarr .picarrlist
{
    width:100%;
    height:auto;
    overflow:hidden;
    position:relative;
}
.caseshowfir .picarr .picarrlist .outpic
{
    width:100%;
    height:auto;
    position:relative;
    padding-bottom:75%;
}
.caseshowfir .picarr .picarrlist .outpic .pic
{
    width:100%;
    height:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:0px;
    left:0px;
    z-index:10;
    border:1px solid #ccc;
    box-sizing:border-box;    
}
.caseshowfir .picarr .picarrlist .outpic .pic .image
{
    max-width:100%;
    max-height:100%;
    display:block;
}
.caseshowfir .picarr .picarrlist .swiperpages
{
	position:absolute;
	bottom:10px;
	left:0px;
	z-index:10;
	cursor:pointer;
}
.caseshowfir .picarr .picarrlist .swiperpages .swiper-pagination-bullet-active
{
	background:#999;
}
.caseshowfir .caserightcont
{
    width:48%;
    padding:30px 50px;
    box-sizing:border-box;
}
.caseshowfir .caserightcont .casetitle
{
    width: 100%;
    font-size: 24px;
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.caseshowfir .caserightcont .des
{
	font-size:15px;
	line-height:25px;
}
.caseshowfir .caserightcont .des p
{
	font-size:15px;
	line-height:25px;
}
.caseshowcontent
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.caseshowcontent .title
{
	width:100%;
	font-size:16px;
	line-height:25px;
	border-bottom:1px solid #ddd;
	padding-top:15px;
	padding-bottom:15px;
	margin-bottom:25px;
	color:#666;
}
/**案例展示 end**/
/**新闻列表**/
.newslist
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
}
.newslist .grid
{
	background:#e9e8df;
	width:32%;
	height:auto;
	margin-right:2%;
	margin-bottom:30px;
}
.newslist .grid:nth-child(3n)
{
	margin-right:0px;
}
.newslist .grid .link
{
	width:100%;
	display:block;
	height:auto;
}
.newslist .grid .link .pic
{
	width:100%;
	height:auto;
	padding-bottom:100%;
	overflow:hidden;
	position:relative;
}
.newslist .grid .link .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
	transition:500ms;
}
.newslist .grid:hover .link .pic .image
{
	transform:scale(1.1);
}
.newslist .grid .link .wenzi
{
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:30px;
}
.newslist .grid .link .wenzi .title
{
	width:100%;
	height:auto;
	font-size:18px;
	text-overflow:ellipsis;
	white-space:nowrap;
	overflow:hidden;
	line-height:25px;
	margin-bottom:10px;
	color:#000;
}
.newslist .grid .link .wenzi .des
{
	width:100%;
	height:40px;
	font-size:15px;
	color:#666;
	line-height:20px;
	overflow:hidden;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	text-overflow:ellipsis;
	margin-bottom:15px;
	transition:500ms;
}
.newslist .grid:hover .link .wenzi .des
{
	color:#000;
}
.newslist .grid .link .wenzi .more
{
	width:100%;
	height:auto;

}
.newslist .grid .link .wenzi .more .btn
{
	display:block;
	width:120px;
	height:35px;
	line-height:35px;
	font-size:15px;
	text-align:center;
	background:#fff;
	border:1px solid #c1d3de;
	transition:500ms;
}
.newslist .grid:hover .link .wenzi .more .btn
{
	border:1px solid #333;
}
/**新闻列表 end**/
/**联系我们**/
.contactfir
{
	max-width:1400px;
	margin:auto;
}
.contactbigtit
{
	width:100%;
	height:auto;
	font-size:25px;
	line-height:30px;
	margin-bottom:30px;
	color:#000;
}
.contactbigdes
{
	width:100%;
	margin-bottom:30px;
}
.contactfir .info
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.contactfir .info .igrid
{
	width:48%;
	margin-right:4%;
	margin-bottom:10px;
	font-size:16px;
	line-height:25px;
}
.contactfir .info .igrid span
{
	font-weight:600;
}
.contactfir .info .igrid:nth-child(2n)
{
	margin-right:0px;
}
.contactbg2
{
	background:#e9e8df;
}
.contactbg2 .msgbgblock
{
	width:100%;
	max-width:1400px;
	margin:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:space-between;
}
.contactbg2 .msgbgblock .left
{
	width:56%;
	height:auto;
}
.contactbg2 .msgbgblock .left .list
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactbg2 .msgbgblock .left .list .grid
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}
.contactbg2 .msgbgblock .left .list .grid:last-child
{
	margin-bottom:0px;
}
.contactbg2 .msgbgblock .left .list .grid .tit
{
	width:100%;
	font-size:16px;
	line-height:25px;
	font-weight:600;
}
.contactbg2 .msgbgblock .left .list .grid .des
{
	width:100%;
	font-size:16px;
	line-height:25px;
}
.contactbg2 .msg
{
	width:42%;
	height:auto;
	overflow:hidden;
	background:#f1f1f1;
	box-sizing:border-box;
	padding:5%;
}
.contactbg2 .msg .contactbigtit
{
	margin-bottom:10px;
}
.contactbg2 .msg .first
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:stretch;
}
.contactbg2 .msg .first .mgrid
{
	width:100%;
	margin-bottom:30px;
}

.contactbg2 .msg .first .mgrid:last-child
{
	margin-bottom:0px;
}
.contactbg2 .msg .first .mgrid .tit
{
	font-size:16px;
	line-height:25px;	
}
.contactbg2 .msg .first .mgrid .inputb
{
	width:100%;
	font-size:15px;
}
.contactbg2 .msg .first .mgrid .inputb .input
{
	width:100%;
	height:100%;
	background:none;
	outline:none;
	height:40px;
	border:none;
	border-bottom:1px solid #4d4d4d;
	box-sizing:border-box;
	padding-left:0px;
	padding-right:0px;
}
.contactbg2 .msg .first .mgrid .inputb .input::-webkit-input-placeholder
{
	font-size:16px;
	color:#8f8f8e;
}
.contactbg2 .msg .first .mgrid .inputb .textarea
{
	width:100%;
	height:260px;
	background:none;
	outline:none;
	border:none;
	border-bottom:1px solid #4d4d4d;
	padding:0px;
	box-sizing:border-box;
}
.contactbg2 .msg .first .mgrid .inputb .textarea::-webkit-input-placeholder
{
	font-size:16px;
	color:#8f8f8e;
}
.contactbg2 .msg .submitblock
{
	width:100%;
	height:auto;
}
.contactbg2 .msg .submit
{
	display:block;
	width:120px;
	height:35px;
	line-height:35px;
	font-size:15px;
	text-align:center;
	background:#fff;
	border:1px solid #c1d3de;
	margin-top:40px;
	transition:500ms;
}
.contactbg2 .msg .submit:hover
{
	border:1px solid #333;
}
/**联系我们 end**/
/**全屏视频**/
.fullscreenvideobg
{
	width:100%;
	height:100vh;
	z-index:20000;
	background:rgba(0,0,0,0.5);
	top:0px;
	left:0px;
	position:fixed;
	display:none;
}
.fullscreenvideobg .closebtn
{
	width:80px;
	height:80px;
	font-size:75px;
	color:#fff;
	line-height:75px;
	text-align:center;
	position:absolute;
	right:0px;
	top:0px;
	z-index:100;
	cursor:pointer;
}
.fullscreenvideo
{
    position:absolute;
    top:0px;
    left:0px;
	width:100%;
	height:100%;
    z-index:10;
}
.fullscreenvideobg .videoblock
{
	width:80%;
    height:80%;
	overflow:hidden;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    z-index:30;
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
}
.fullscreenvideobg .videoblock .video_1
{
    display:block;
    max-height:100%;
    max-width:100%;
}
/**全屏视频 end**/
/**分页**/
.pages
{
	width:100%;
}
.Pagination__Nav {
    text-align: center;
    margin: 20px 0;
	margin-bottom:80px;
}

.Pagination__Nav span {
    padding: 5px 10px;
    background: #eee;
    color: #333;
    transition: all 0.3s;
    font-size: 14px;
}

.Pagination__Nav a {
    padding: 5px 10px;
    background: #eee;
    color: #333;
    transition: all 0.3s;
    font-size: 14px;
}

.Pagination__Nav .is-active {
    background: #333;
	color:#fff;

}

.Pagination__Nav span:hover {
    background: #333;
	color:#fff;
}

.Pagination__Nav a:hover {
    background: #333;
	color:#fff;
}
/**分页 end**/
/**右侧菜单**/
.rightnav
{
	width:40px;
	position:fixed;
	top:50%;
	transform:translate(0,-50%);
	right:0px;
	z-index:2000;
}
.rightnav .sgrid
{
	width:100%;
	height:40px;
	background:#fff;
	margin-bottom:5px;
}
.rightnav .sgrid:last-child
{
	margin-bottom:0px;
}
.rightnav .sgrid .link
{
	display:block;
	position:relative;
	cursor:pointer;
}
.rightnav .sgrid .link .pic
{
	width:100%;
	height:auto;
}
.rightnav .sgrid .link .pic .image
{
	width:100%;
	height:auto;
}
.rightnav .sgrid .link .extitle
{
	position:absolute;
	top:0px;
	right:40px;
	height:40px;
	line-height:40px;
	font-size:15px;
	white-space:nowrap;
	background:#fff;
	padding:0px 30px;
	display:none;
	z-index:100;
}
.rightnav .sgrid .link:hover .extitle
{
	display:block;
}
.rightnav .sgrid .link .twocode
{
	position:absolute;
	top:0px;
	right:40px;
	width:120px;
	background:#fff;
	z-index:100;
	display:none;
}
.rightnav .sgrid .link .twocode .image
{
	width:100%;
	height:auto;
}
.rightnav .sgrid .link:hover .twocode
{
	display:block;
}
/**右侧菜单 end**/
/**网站内页 end**/