/**网站全局css**/
* 
{
	margin: 0;
	padding: 0;
	word-break: break-word;
	font-family:"微软雅黑";
	appearance:none;
}
body 
{	
	color: #252525;
	background: white;
	margin:auto;  
	min-width:1200px;
	margin:auto;
}
p 
{
	color: #252525;
}
a 
{
	text-decoration: none;
	color: #252525;
}
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;
}
.light_yellow
{
	background-color: rgb(245, 244, 237);
}
/**网站全局css end**/
/**网站头部**/
.pc_head_bg
{
	width:100%;
	height:60px;
	background:#fff;
}
.pc_head
{
	width:87.5%;
	height:100%;
	max-width:1680px;
	margin:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.pc_head .pc_nav_search
{
	display:flex;
	flex-wrap:wrap;
	height:100%;
}
.pc_head .logo
{
	width:200px;
	height:100%;
	overflow:hidden;
}
.pc_head .logo a
{
	display:flex;
	height:100%;
	flex-wrap:wrap;
	align-content:center;
}
.pc_head .logo a img
{
	width:100%;
	height:auto;
}
.pc_head .pc_head_nav
{
	display:flex;
	height:100%;
	flex-shrink: unset;
}
.pc_head .pc_head_nav .grid
{
	height:100%;
	position:relative;
}
.pc_head .pc_head_nav .grid a.firstlink
{
	display:block;
	height:100%;
	padding-left:30px;
	padding-right:30px;
	font-size:14px;
	color:#1d1d1d;
	line-height:60px;
	transition:1s;	
}
.pc_head .pc_head_nav .grid:hover a.firstlink
{
	color:#aaa;
}
.pc_head .pc_head_nav .grid .subnavbg
{
	width:150%;
	height:auto;
	position:absolute;
	top:60px;
	left:50%;
	transform:translate(-50%,0px);
	z-index:100;
	background:rgba(255,255,255,0.9);
	box-sizing: border-box;
	border:1px solid #ddd;
	display:none;
}
.pc_head .pc_head_nav .grid .subnavbg .subnav
{
	width:100%;
	height:auto;
}
.pc_head .pc_head_nav .grid .subnavbg .subnav .record
{
	width:100%;
	height:auto;
	border-bottom:1px solid #ddd;
}
.pc_head .pc_head_nav .grid .subnavbg .subnav .record a.secondlink
{
	width:100%;
	height:auto;
	font-size:14px;
	line-height:20px;
	display:block;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	transition:1s;	
}
.pc_head .pc_head_nav .grid .subnavbg .subnav .record:hover a.secondlink
{
	color:#aaa;
}
.pc_head .search_frame
{
	width:30px;
	height:30px;
	cursor: pointer;
	margin-top:15px;
	background:url('../images/searchbtn.png') no-repeat center center;
	margin-left:40px;
	position: relative;
}
.pc_head .search_frame .search
{
	width:0px;
	height:100%;
	position:absolute;
	right:0px;
	top:0px;
	box-sizing:border-box;
	border:1px solid #ddd;
	border-radius:5px;
	display:flex;
	flex-wrap:wrap;
	background:#fff;
	opacity:0;
	overflow:hidden;
	transition:1s;
}
.pc_head .search_frame:hover .search
{
	width:200px;
	opacity:1;
}
.pc_head .search_frame .search .input
{
	width:calc(100% - 30px);
	height:100%;
	overflow:hidden;
}
.pc_head .search_frame .search .input input
{
	width:100%;
	height:100%;
	border:none;
	outline:none;
	box-sizing: border-box;
	font-size:14px;
	padding-left:15px;
	padding-right:15px;
}
.pc_head .search_frame .search .head_search_btn
{
	width:30px;
	height:100%;
	cursor: pointer;
	background:url('../images/seach1.png') no-repeat center center;
}

@media screen and (max-width:1500px)
{
	.pc_head .pc_head_nav .grid a.firstlink
	{
		padding-left:15px;
		padding-right:15px;
	}
	.pc_head .search_frame
	{
		margin-left:25px;
	}
}
/**导航 end**/
/**网站头部 end**/
/**网站底部**/
.footbg
{
	background:#313131;
	padding-top:120px;
	padding-bottom:80px;
	overflow:hidden;
}
.foot-first
{
	width:87.5%;
	height:auto;
	margin:auto;
	max-width:1680px;
}
.foot-first .footlogo
{
	width:360px;
	height:auto;
}
.foot-first .footlogo img
{
	width:100%;
	height:auto;
}
.foot-second
{
	width:87.5%;
	height:auto;
	margin:auto;
	max-width:1680px;
	margin-top:80px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}
.foot-second .footinfo
{
	max-width:380px;
	height:auto;
}
.foot-second .footinfo p
{
	color:#f1f1f1;
	font-size:14px;
	line-height:22px;
	margin-bottom:20px;
}
.foot-second .footinfo p:last-child
{
	margin-bottom:0px;
}
.foot-second .foothotsearch
{
	font-size:14px;
	line-height:22px;
	color:#f1f1f1;
	max-width:330px;
	font-size:0px;
}
.foot-second .foothotsearch a
{
	font-size:14px;
	line-height:22px;
	color:#f1f1f1;
	margin-bottom:20px;
	display:inline-block;
	vertical-align: middle;
}
.foot-second .foothotsearch span
{
	font-size:14px;
	line-height:22px;
	color:#f1f1f1;
	margin-bottom:20px;
	display:inline-block;
	vertical-align: middle;
	margin-left:5px;
	margin-right:5px;
}
.foot-second .footnav
{
	max-width:280px;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	align-content: flex-start;
}
.foot-second .footnav .grid
{
	width:50%;
	margin-bottom:20px;
}
.foot-second .footnav .grid a
{
	display:block;
	font-size:14px;
	line-height:22px;
	color:#f1f1f1;
	transition:1s;
}
.foot-second .footnav .grid:hover a
{
	color:#fff;
}
.foot-third
{
	width:87.5%;
	height:auto;
	margin:auto;
	max-width:1680px;
	margin-top:80px;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;
}
.foot-third .copyright
{
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.foot-third .copyright p
{
	font-size:14px;
	line-height:22px;
	color:#f1f1f1;
	margin-right:10px;
}
.foot-third .copyright p:last-child
{
	margin-right:0px;
}
.foot-third .copyright p a
{
	font-size:14px;
	line-height:22px;
	color:#f1f1f1;
}
.foot-third .codelist
{
	height:auto;
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
}
.foot-third .codelist .grid
{
	width:60px;
	height:auto;
	position:relative;
	cursor: pointer;
	margin-right:0px;
}
.foot-third .codelist .grid:last-child
{
	margin-right:0px;
}
.foot-third .codelist .grid .codetb
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.foot-third .codelist .grid .codetb img
{
	width:60%;
	height:auto;
}
.foot-third .codelist .grid .code
{
	width:100px;
	height:100px;
	position:absolute;
	z-index:10;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%) scale(0);
	transition:500ms;
	border-radius:5px;
	overflow:hidden;
}
.foot-third .codelist .douyin .code
{
	width:180px;
	height:180px;
}
.foot-third .codelist .grid:hover .code
{
	transform:translate(-50%,-50%) scale(1);
}
.foot-third .codelist .grid .code img
{
	width:100%;
	height:100%;
}
/**网站底部 end**/
/**网站banner**/
.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/leftarr_ca.png') no-repeat center center;
	background-size:50%;
	background-color:rgba(0,0,0,0.3);
	left:30px;
}
.banner .rightbtn-next
{
	background:url('../images/rightarr_ca.png') no-repeat center center;
	background-size:50%;
	background-color:rgba(0,0,0,0.3);
	right:30px;
}
.banner a
{
	display:block;
	width:100%;
	height:auto;
	min-height:100px;
}
.banner a img
{
	width:100%;
	height:auto;
}
.banner .swiperpages
{
	position:absolute;
	bottom:15px;
	left:0px;
	z-index:10;
	cursor:pointer;
}
.swiperpages
{
	width:100%;
	height:auto;
	text-align:center;

}
.swiperpages .swiper-pagination-bullet-active
{
	background:#fff;
}
/**网站banner end**/
/**网站首页**/
.indexblockbg
{
	width:100%;
	height:auto;
	padding-top:100px;
	padding-bottom:100px;
	overflow:hidden;
}
.indexblock
{
	width:87.5%;
	max-width:1680px;
	margin:auto;
}
/**网站首首页模块1三大导航**/
.indexblockbg1
{
	padding-top:0px;
	padding-bottom:0px;
	overflow:visible;
}
.pc_threecatenav
{
	width:100%;
	height:auto;
	z-index:1000;
	position:relative;
	transform: translate(0px,-80px);
	display:flex;
	flex-wrap:wrap;
}
.pc_threecatenav .grid
{
	width:33.33%;
	height:auto;
} 
.pc_threecatenav .grid a
{
	display:block;
	height:auto;
	position:relative;
}
.pc_threecatenav .grid a .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.pc_threecatenav .grid a .pic img
{
	width:100%;
	height:auto;
}
.pc_threecatenav .grid a .bigtitle
{
	position:absolute;
	z-index:10;
	font-family:'Mongolian Baiti';
	font-size:30px;
	line-height:35px;
	text-align:center;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	box-sizing: border-box;
	padding-top:40px;
	text-transform: uppercase;
	transition:1s;
}
.pc_threecatenav .sgrid
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	display:none;
}
.pc_threecatenav .sgrid a
{
	display:block;
	width:100%;
	height:100%;
}
.pc_threecatenav .sgrid a .bigpic
{
	width:100%;
	height:100%;
	overflow:hidden;
}
.pc_threecatenav .sgrid a .bigpic img
{
	width:100%;
	height:100%;
	object-fit:cover;
}
.pc_threecatenav .sgrid a .titledes
{
	position:absolute;
	z-index:30;
	width:33.33%;
	height:100%;
	top:0px;
	left:0px;
	box-sizing: border-box;
	overflow:hidden;
	z-index:200;
	
}
.pc_threecatenav .sgrid1 a .titledes
{
	left:0px;
}
.pc_threecatenav .sgrid2 a .titledes
{
	left:33.33%;
}
.pc_threecatenav .sgrid3 a .titledes
{
	left:66.66%;
}
.pc_threecatenav .sgrid a .titledes .title
{
	width:100%;
	height:70px;
	overflow:hidden;
	font-family:'Mongolian Baiti';
	font-size:30px;
	line-height:35px;
	text-align:center;
	text-transform: uppercase;
	margin-top:40px;
}
.pc_threecatenav .sgrid a .titledes .des
{
	width:100%;
	padding:20px;
	overflow:auto;
	font-size:16px;
	line-height:28px;
	height:calc(100% - 110px);
	box-sizing: border-box;
}
/**网站首首页模块1三大导航 end**/
/**网站首首页模块2产品**/
.indexblockbg2
{
	padding-top:50px;
	padding-bottom:70px;
}
.indexblockbg2 .catetitle
{
	width:100%;
	height:auto;
}
.indexblockbg2 .catetitle .entitle
{
	font-size:30px;
	line-height:35px;
	text-align:center;
	font-family:'Mongolian Baiti';
	color:#252525;
}
.indexblockbg2 .catetitle .cntitle
{
	font-size:18px;
	line-height:25px;
	color:#252525;
	margin-top:15px;
	text-align:center;
}
.indexblockbg2 .indexproduct
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:30px;
}
.indexblockbg2 .indexproduct a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.indexblockbg2 .indexproduct a .outpic
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
	padding-bottom:70%;
}
.indexblockbg2 .indexproduct a .outpic .pic
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
}
.indexblockbg2 .indexproduct a .pic img
{
	width:80%;
	height:80%;
	object-fit: cover;
	transition:1s;
}
.indexblockbg2 .indexproduct a:hover .pic img
{
	transform: scale(1.1);
}
.indexblockbg2 .indexproduct a .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:16px;
	line-height:25px;
	text-align:center;
	box-sizing: border-box;
	position:absolute;
	bottom:8%;
	left:0px;
	z-index:10;
	font-weight:300;
	color:252525;
	transition:1s;
}
.indexblockbg2 .indexproduct a:hover .title
{
	color:#aaa;
}
.indexblockbg2 .indexproduct .swiperpage
{
	margin-top:40px;
	text-align:center;
}
.indexblockbg2 .indexproduct .swiperpage .swiper-pagination-bullet
{
	width:10px;
	height:10px;
}
.indexblockbg2 .indexproduct .swiperpage .swiper-pagination-bullet-active
{
	background:#000;
}
/**网站首首页模块2产品 end**/
/**网站首首页模块3产品系列**/
.indexblockbg3
{
	padding-bottom:50px;
	position:relative;
	padding-top:0px;
}
.indexblockbg3 .catealldes
{
	width:100%;
	height:auto;
}
.indexblockbg3 .catealldes p
{
	font-size:16px;
	line-height:35px;
	color:#252525;
	font-weight:300;
	text-align:center;
}
.indexblockbg3 .catelist
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	align-items: flex-start;
	align-content:flex-start;
	margin-top:120px;
}
.indexblockbg3 .catelist .grid
{
	width:49%;
	height:auto;
	overflow:hidden;
	margin-right:2%;
}
.indexblockbg3 .catelist .grid:nth-child(2n)
{
	margin-right:0px;
	padding-top:120px;
}
.indexblockbg3 .catelist .grid a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.indexblockbg3 .catelist .grid a .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.indexblockbg3 .catelist .grid a .pic img
{
	width:100%;
	height:auto;
}
.indexblockbg3 .catelist .grid a .des
{
	width:100%;
	height:auto;
	padding:45px;
	overflow:hidden;
	box-sizing:border-box;
	font-size:15px;
	line-height:28px;
	font-weight:300;
}
.indexblockbg3 .catelist .grid a .des p
{
	width:100%;
	height:auto;
	font-size:15px;
	line-height:28px;
	font-weight:300;
}
/**网站首首页模块3产品系列 end**/
/**网站首首页模块4新闻**/
.indexblockbg4
{
	padding-top:0px;
}
.indexblockbg4 .indexnews
{
	width:100%;
	height:auto;
	position:relative;
	overflow:hidden;
}
.indexblockbg4 .indexnews .catetitle
{
	width:80%;
	height:auto;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:50%;
	transform: translate(-50%,0px);
	z-index:10;
}
.indexblockbg4 .indexnews .catetitle .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.indexblockbg4 .indexnews .catetitle .pic img
{
	width:100%;
	height:auto;
}
.indexblockbg4 .indexnews .catetitle .text
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	align-content: center;
}
.indexblockbg4 .indexnews .catetitle .text .entitle
{
	width:100%;
	height:auto;
	font-size:30px;
	color:#fff;
	line-height:35px;
	font-family: 'Mongolian Baiti';
	text-align:center;
	text-transform: uppercase;
}
.indexblockbg4 .indexnews .catetitle .text .cntitle
{
	width:100%;
	height:auto;
	font-size:25px;
	color:#fff;
	line-height:30px;
	text-align:center;
	font-weight:300;
	margin-top:10px;
}
.indexblockbg4 .indnewslistbg
{
	width:100%;
	position:relative;
	background:#313131;
	margin-top:100px;
	padding-top:340px;
	box-sizing: border-box;
	padding-left:50px;
	padding-right:50px;
	padding-bottom:120px;

}
.indexblockbg4 .indnewslist 
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.indexblockbg4 .indnewslist .grid
{
	width:32%;
	height:auto;
	overflow:hidden;
	margin-right:2%;
}
.indexblockbg4 .indnewslist .grid:nth-child(3n)
{
	margin-right:0px;
}
.indexblockbg4 .indnewslist .grid a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.indexblockbg4 .indnewslist .grid a .pic
{
	width:100%;
	height:auto;
	padding-bottom:60%;
	position:relative;
	overflow:hidden;
}
.indexblockbg4 .indnewslist .grid a .pic img
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
	transition:1s;
}
.indexblockbg4 .indnewslist .grid:hover a .pic img
{
	transform:scale(1.1);
}
.indexblockbg4 .indnewslist .grid a .title
{
	font-size:17px;
	line-height:25px;
	font-weight:300;
	color:#e7e7e7;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
	margin-top:40px;
	transition:1s;
}
.indexblockbg4 .indnewslist .grid:hover a .title
{
	color:#fff;
}
.indexblockbg4 .indnewslist .grid a .des
{
	width:100%;
	height:50px;
	overflow:hidden;
	color:#e7e7e7;
	font-size:14px;
	line-height:25px;
	font-weight:300;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient: vertical;
	text-overflow:ellipsis;
	margin-top:20px;
	transition:1s;
}
.indexblockbg4 .indnewslist .grid:hover a .des
{
	color:#fff;
}

/**网站首首页模块4新闻 end**/
/**网站首页 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;
}
/**网站内页banner end**/
/**内页内容区**/
.insideblock
{
	width:1180px;
	height:auto;
	margin:auto;
}
.insidecontent
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:15px;
	line-height:25px;
	margin:auto;
} 
.insidecontent p
{
	font-size:15px;
	line-height:25px;
}
.insidecontent ul li
{
	 list-style:disc;
}
.insidecontent img
{
	display:inline;
	max-width:100%;
}
.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:#aaa;
}
/**上一篇下一篇 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**/
/**关于我们**/
.aboutallbg
{
	width:100%;
	height:auto;
	background:#ebe9e6;
}
.aboutblockbg
{
	width:100%;
	height:auto;
}
.aboutblock
{
	width:80%;
	max-width:1370px;
	margin:auto;
}
.blackbox
{
	box-sizing: border-box;
	padding:10% 8%;
	background:#222;
	width:100%;
}
.blackbox .cntitle
{
	font-size:42px;
	line-height:50px;
	color:#fff;
	font-weight:300;
	margin-bottom:15px;
}
.blackbox .boldtitle
{
	font-size:36px;
	line-height:40px;
	color:#fff;
	font-weight:bold;
	margin-bottom:15px;
}
.blackbox .entitle
{
	font-size:30px;
	font-family: 'Mongolian Baiti';
	color:#fff;
	line-height:35px;
	text-transform: uppercase;
	margin-bottom:40px;
}
.blackbox .number
{
	font-size:42px;
	color:#fff;
	line-height:50px;
	font-weight: bold;
	margin-bottom:10px;
}
.blackbox .content
{
	font-size:14px;
	line-height:30px;
	color:#fff !important;
}
.blackbox .content p
{
	font-size:14px;
	line-height:30px;
	color:#fff !important;
}
/**公司简介**/
.aboutblock1{
	display:flex;
	justify-content: flex-end;
	flex-wrap:wrap;
}
.aboutblock1 .outblackbox
{
	width:46%;
	position:relative;
	z-index:10;
	transform: translate(0px,-30%);
}
/**公司简介 end**/
/**公司文化**/
.aboutblock2
{
	position:relative;
	padding-bottom:8%;
	margin-bottom:120px;
}
.aboutblock2 .pic
{
	width:77%;
	height:auto;
}
.aboutblock2 .pic img
{
	width:100%;
	height:auto;
}
.aboutblock2 .outblackbox
{
	width:46%;
	position:absolute;
	z-index:10;
	right:0px;
	bottom:0px;
}
/**公司文化 end**/
/**企业历程**/
.aboutblock3 .developbigtitle
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
	margin-bottom:120px;
}
.aboutblock3 .developbigtitle .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.aboutblock3 .developbigtitle .pic img
{
	width:100%;
	height:auto;
}
.aboutblock3 .developbigtitle .text
{
     position:absolute;
	 top:0px;
	 left:0px;
	 z-index:10;
	 width:100%;
	 height:100%;
	 display:flex;
	 flex-wrap:wrap;
	 align-content:center;
}
.aboutblock3 .developbigtitle .text .cntitle
{
	width:100%;
	height:auto;
	color:#fff;
	font-size:50px;
	font-weight:bold;
	text-align:center;
}
.aboutblock3 .developbigtitle .text .entitle
{
	width:100%;
	font-family:'Mongolian Baiti';
	font-size:35px;
	color:#fff;
	line-height:40px;
	text-align:center;
	text-transform: uppercase;
	margin-top:10px;
}
.aboutblock3 .developlist
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.aboutblock3 .developlist .grid
{
	width:100%;
	height:auto;
	margin-bottom:120px;
}
.aboutblock3 .developlist .grid a
{
	display:flex;
	position:relative;
	flex-wrap:wrap;
}
.aboutblock3 .developlist .grid a .pic img
{
	width:100%;
	height:auto;
}
.aboutblock3 .developlist .grid a .outblackbox
{
	position:absolute;
	z-index:10;
}
.aboutblock3 .developlist .grid0 a
{
	justify-content: flex-end;
	padding-top:13%;
}
.aboutblock3 .developlist .grid0 a .pic
{
	width:76%;
}
.aboutblock3 .developlist .grid0 a .outblackbox
{
	width:35%;
	top:0px;
	left:0px;
}
.aboutblock3 .developlist .grid0 a .outblackbox .blackbox
{
	padding:30% 15%;
}
.aboutblock3 .developlist .grid1 a
{
	padding-bottom:8%;
}
.aboutblock3 .developlist .grid1 a .pic
{
	width:100%;
}
.aboutblock3 .developlist .grid1 a .outblackbox
{
	width:46%;
	right:3%;
	bottom:0px;
}
.aboutblock3 .developlist .grid1 a .outblackbox .blackbox
{
	padding:15%;
}
.aboutblock3 .developlist .grid2 a
{
	justify-content: flex-end;
}
.aboutblock3 .developlist .grid2 a .pic
{
	width:77%;
}
.aboutblock3 .developlist .grid2 a .outblackbox
{
	width:46%;
	left:0%;
	bottom:9%;
}
.aboutblock3 .developlist .grid2 a .outblackbox .blackbox
{
	padding:15%;
}
.aboutblock3 .developlist .grid3 a .pic
{
	width:76%;
}
.aboutblock3 .developlist .grid3 a .outblackbox
{
	width:46%;
	right:0px;
	bottom:9%;
}
.aboutblock3 .developlist .grid3 a .outblackbox .blackbox
{
	padding:20%;
}
.aboutblock3 .developlist .grid4 a
{
	justify-content: flex-end;
}
.aboutblock3 .developlist .grid4 a .pic
{
	width:71%;
}
.aboutblock3 .developlist .grid4 a .outblackbox
{
	width:46%;
	left:0%;
	bottom:9%;
}
.aboutblock3 .developlist .grid4 a .outblackbox .blackbox
{
	padding:15%;
}
.aboutblock3 .developlist .grid5 a
{
	padding-bottom:8%;
}
.aboutblock3 .developlist .grid5 a .pic
{
	width:100%;
}
.aboutblock3 .developlist .grid5 a .outblackbox
{
	width:65%;
	left:50%;
	transform: translate(-50%,0px);
	bottom:0px;
}
.aboutblock3 .developlist .grid5 a .outblackbox .blackbox
{
	padding:15% 30%;
}
/**企业历程 end**/
/**关于我们 end**/
/**招商加盟**/
.joinallbg
{
	width:100%;
	height:auto;
	background:#ebe9e6;
}
.joinblockbg
{
	width:100%;
	height:auto;
}
.joinblock
{
	width:80%;
	max-width:1290px;
	margin:auto;
}
.joinblockbg1
{
	padding-top:100px;
	padding-bottom:80px;
}
.joinblockbg1 .supportbigtitle
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:60px;
}
.joinblockbg1 .supportbigtitle .text
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.joinblockbg1 .supportbigtitle .text .cntitle
{
	width:100%;
	height:auto;
	font-size:36px;
	font-weight:bold;
	line-height:40px;
	margin-bottom:10px;
}
.joinblockbg1 .supportbigtitle .text .entitle
{
	width:100%;
	height:auto;
	font-size:24px;
	font-family: 'Mongolian Baiti';
	line-height:30px;
	text-transform: uppercase;
}
.joinblock1 .supportlist
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.joinblock1 .supportlist .grid
{
	width:100%;
	height:auto;
	margin-bottom:30px;
}
.joinblock1 .supportlist .grid a
{
	display:flex;
	position:relative;
	flex-wrap:wrap;
}
.joinblock1 .supportlist .grid:nth-child(2n) a
{
	justify-content:flex-end;
}
.joinblock1 .supportlist .grid a .pic
{
	width:50%;
}
.joinblock1 .supportlist .grid a .pic img
{
	width:100%;
	height:auto;
}
.joinblock1 .supportlist .grid a .outblackbox
{
	position:absolute;
	z-index:10;
	width:58%;
	top:50%;
	transform:translate(0px,-50%);
}
.joinblock1 .supportlist .grid:nth-child(2n-1) a .outblackbox
{
	right:0px;
}
.joinblock1 .supportlist .grid:nth-child(2n) a .outblackbox
{
	left:0px;
}
.joinblock2
{
	position:relative;
	padding-top:100px;
	padding-bottom:120px;
}
.joinblock2 .conditionbigtitle
{
	width:56%;
	position:absolute;
	top:0px;
	left:50%;
	transform: translate(-50%,0px);
	z-index:10;
}
.joinblock2 .conditionbigtitle .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.joinblock2 .conditionbigtitle .pic img
{
	width:100%;
	height:auto;
}
.joinblock2 .conditionbigtitle .text
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:15;
	display:flex;
	flex-wrap:wrap;
	align-content: center;
}
.joinblock2 .conditionbigtitle .text .cntitle
{
	width:100%;
	height:auto;
	font-size:36px;
	font-weight:bold;
	line-height:40px;
	margin-bottom:10px;
	color:#fff;
	text-align:center;
}
.joinblock2 .conditionbigtitle .text .entitle
{
	width:100%;
	height:auto;
	font-size:24px;
	font-family: 'Mongolian Baiti';
	line-height:30px;
	text-transform: uppercase;
	text-align:center;
	color:#fff;
}
.joinblock2 .condition
{
	width:100%;
	height:auto;
	padding-top:200px;
	padding-bottom:100px;
	background:url('../images/join/join8.jpg') no-repeat center center;
	background-size:cover !important;
	background-attachment: fixed;
	padding-left:30px;
	padding-right:30px;
	box-sizing: border-box;
}
.joinblock2 .condition .content
{
	width:100%;
	height:auto;
	overflow:hidden;
	color:#ececec !important;
	font-size:14px;
	line-height:30px;
}
.joinblock2 .condition .content p
{
	color:#ececec !important;
	font-size:14px;
	line-height:30px;
}
/**招商加盟 end**/
/**联系我们**/
.contactblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:120px;
	padding-bottom:120px;
}
.contactblockbg .contactblock
{
	width:1100px;
	margin:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .componylogo
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:80px;
}
.contactblockbg .contactblock .componylogo img
{
	width:280px;
	height:auto;
}
.contactblockbg .contactblock .contactmsg
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.contactblockbg .contactblock .contactmsg .grid
{
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .contactmsg .grid:nth-child(1)
{
	width:50%;
}
.contactblockbg .contactblock .contactmsg .grid:nth-child(2)
{
	width:44%;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo
{
	width:100%;
	height:auto;
	overflow:hidden;
	
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .componytitle
{
	font-size:18px;
	line-height:25px;
	font-weight:bold;
	margin-bottom:40px;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .infolist
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:40px;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .infolist .record
{
	font-size:14px;
	line-height:24px;
	font-weight:300;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .logolist
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .logolist .bigtitle
{
	font-size:18px;
	line-height:25px;
	font-weight:bold;
	margin-bottom:40px;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .logolist .list
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .logolist .list .pic
{
	overflow:hidden;
	margin-right:40px;
}
.contactblockbg .contactblock .contactmsg .grid .contactinfo .logolist .list .pic:last-child
{
	margin-right:0px;
}
.contactblockbg .contactblock .grid .msg
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .msgtitle
{
	width:100%;
	font-size:20px;
	line-height:25px;
	font-weight:300;
	margin-bottom:25px;
}
.contactblockbg .contactblock .grid .msg .inputlist
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .msg .inputlist .inputbox
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:15px;
}
.contactblockbg .contactblock .grid .msg .inputlist .inputbox .input
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .msg .inputlist .inputbox .input input
{
	width:100%;
	height:35px;
	border:1px solid #f8f8f8;
	background:#f8f8f8;
	padding-left:15px;
	padding-right:15px;
	box-sizing:border-box;
	outline:none;
	border-radius:5px;
	color:#333;
}
.contactblockbg .contactblock .grid .msg .inputlist .inputbox .input input::-webkit-input-placeholder
{
	color:#333;
}
.contactblockbg .contactblock .grid .msg .textareabox
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:15px;
}
.contactblockbg .contactblock .grid .msg .textareabox .textarea
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactblockbg .contactblock .grid .msg .textareabox .textarea textarea
{
	width:100%;
	height:80px;
	border:1px solid #f8f8f8;
	background:#f8f8f8;
	padding:10px 15px;
	box-sizing:border-box;
	outline:none;
	border-radius:5px;
	color:#333;
}
.contactblockbg .contactblock .grid .msg .textareabox .textarea textarea::-webkit-input-placeholder
{
	color:#333;
}
.contactblockbg .contactblock .grid .msg .submit
{
	width:100%;
	height:35px;
	overflow:hidden;
	box-sizing: border-box;
	cursor: pointer;
	position:relative;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.contactblockbg .contactblock .grid .msg .submit .line
{
	width:65px;
	height:1px;
	background:#999;
	margin-right:25px;
	transition:1s;
}
.contactblockbg .contactblock .grid .msg .submit:hover .line
{
	background:#000;
}
.contactblockbg .contactblock .grid .msg .submit .text
{
	font-size:16px;
	height:30px;
	line-height:30px;
	color:#999;
	transition:1s;
}
.contactblockbg .contactblock .grid .msg .submit:hover .text
{
	color:#000;
}
/**联系我们 end**/
/**分类导航**/
.catenav
{
	width:80%;
	margin:auto;
	overflow:hidden;
	max-width:1300px;
	padding-top:30px;
	padding-bottom:30px;
	box-sizing: border-box;
	overflow-x:auto;
	display:flex;
	flex-shrink:unset;
}
.catenav .grid
{
	margin-right:20px;
}
.catenav .grid a
{
	display:block;
	font-size:16px;
	line-height:25px;
	padding-left:25px;
	box-sizing: border-box;
	position:relative;
	white-space: nowrap;
}
.catenav .grid a::after
{
	width:14px;
	left:0px;
	height:14px;
	content:'';
	border:1px solid #333;
	border-radius:2px;
	top:5px;
	position:absolute;
	transition:1s;
}
.catenav .grid:hover a::after
{
	background:#333;
}
.catenav .grid .hover::after
{
	background:#333;
}
/**分类导航 end**/
/**产品列表**/
.productblockbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#ebe9e6;
	padding-top:100px;
	padding-bottom:100px;
}
.productblockbg .productdes
{
	width:80%;
	max-width:1300px;
	height:auto;
	overflow:hidden;
	margin:auto;
	margin-bottom:80px;
}
.productblockbg .productdes .bigtitle
{
	font-size:24px;
	line-height:30px;
	overflow:hidden;
	text-align:center;
	font-weight: lighter;
}
.productblockbg .productdes .des
{
	margin-top:30px;
	height:auto;
	overflow:hidden;
	width:100%;
	font-size:14px;
	line-height:30px;
	text-align:center;
}
.productblockbg .productdes .des p
{
	font-size:14px;
	line-height:30px;
	text-align:center;
}
.productblockbg .catesearchbg
{
	width:100%;
	height:auto;
	overflow:hidden;
	background:#e6e4e0;
	padding-top:20px;
	padding-bottom:20px;
}
.productblockbg .catesearchbg .catesearch
{
	width:80%;
	margin:auto;
	max-width:1300px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.productblockbg .catesearchbg .catesearch .cateselect
{
	overflow:hidden;
}
.productblockbg .catesearchbg .catesearch .cateselect select
{
	width:230px;
	height:40px;
	margin-right:40px;
	border:1px solid #edece9;
	box-sizing: border-box;
	outline:none;
	font-size:15px;
	padding-left:15px;
	padding-right:15px;
	cursor:pointer;
	background:url('../images/downarr.png') no-repeat 190px center;
	background-color:#edece9;
	border-radius:5px;
	color:#333;
}

.productblockbg .catesearchbg .catesearch .search
{
	width:230px;
	height:40px;
	border:1px solid #edece9;
	background-color:#edece9;
	border-radius:5px;
	box-sizing: border-box;
	overflow:hidden;
}
.productblockbg .catesearchbg .catesearch .search .form
{
	 display:flex;
	 flex-wrap:wrap;
	 width:100%;
	 height:38px;
}
.productblockbg .catesearchbg .catesearch .search .form .input
{
	width:calc(100% - 50px);
	height:100%;
	overflow:hidden;
}
.productblockbg .catesearchbg .catesearch .search .form .input input
{
	width:100%;
	height:100%;
	border:none;
	outline:none;
	box-sizing: border-box;
	font-size:15px;
	padding-left:15px;
	padding-right:15px;
	background:none;
}
.productblockbg .catesearchbg .catesearch .search .form .submit
{
	width:50px;
	height:100%;
	
}
.productblockbg .catesearchbg .catesearch .search .form .submit input
{
	cursor: pointer;
	background:url('../images/seach1.png') no-repeat center center;
	border:none;
	font-size:0px;
	width:100%;
	height:100%;
}
.prolistblock
{
	max-width:1300px;
	overflow:hidden;
	margin:auto;
	margin-top:100px;
	box-sizing: border-box;
	width:80%;
}
.prolistblock .prolist
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.prolistblock .prolist .grid
{
	width:32%;
	height:auto;
	overflow:hidden;
	margin-right:2%;
	margin-bottom:20px;
}
.prolistblock .prolist .grid:nth-child(3n)
{
	margin-right:0px;	
}
.prolistblock .prolist .grid a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.prolistblock .prolist .grid a .outpic
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:70%;
	position:relative;
	background:#fff;
}
.prolistblock .prolist .grid a .outpic .pic
{
	width:100%;
	height:100%;
	overflow:hidden;
	box-sizing: border-box;
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	transition:1s;
}
.prolistblock .prolist .grid a .outpic .pic img
{
	width:80%;
	height:80%;
	object-fit: cover;
	transition:1s;
}
.prolistblock .prolist .grid:hover a .outpic .pic img
{
	transform: scale(1.1);
}
.prolistblock .prolist .grid a .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:15px;
	line-height:25px;
	text-align:center;
	margin-top:10px;
	transition:1s;
}
.prolistblock .prolist .grid:hover a .title
{
	color:#aaa;
}
/**产品列表 end**/
/**产品展示页**/
.proview
{
	background:#fff;
	padding:30px;
	box-sizing: border-box;
	overflow:hidden;
	width:80%;
	max-width:1300px;
	margin:auto;
}
.proview .picarr
{
	margin-top:30px;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-items:center;
	margin-bottom:30px;
}
.proview .picarr .arr
{
	width:50px;
	height:50px;
	cursor: pointer;
}
.proview .picarr .leftbtn-prev
{
	background:url('../images/leftarr.png') no-repeat center center;
}
.proview .picarr .rightbtn-next
{
	background:url('../images/rightarr.png') no-repeat center center;
}
.proview .picarr .picarrlist
{
	width:60%;
	height:auto;
	overflow:hidden;
	margin-left:30px;
	margin-right:30px;
}
.proview .picarr .picarrlist .outpic
{
	width:100%;
	padding-bottom:70%;
	overflow:hidden;
	position:relative;
}
.proview .picarr .picarrlist .outpic .pic
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;	
}
.proview .picarr .picarrlist .outpic .pic img
{
	max-width:100%;
	max-height:100%;
	object-fit:cover;
}
.proview .picarr .picarrlist .swiperpage
{
	margin-top:20px;
	text-align:center;
}
.proview .picarr .picarrlist .swiperpage .swiper-pagination-bullet-active
{
	background:#000;
}
.proview .productcontent
{
	margin-bottom:30px;
	overflow:hidden;
}
.proview .productcontent .title
{
	font-size:16px;
	line-height:30px;
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
	margin-bottom:10px;
}
/**产品展示页 end**/
/**新闻资讯**/

.newblock
{
	max-width:1300px;
	margin:auto;
	width:80%;
	height:auto;
	box-sizing: border-box;
}
.newslist
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
}
.newslist .grid
{
	width:49%;
	margin-right:2%;
	margin-bottom:30px;
	height:auto;
	overflow:hidden;
}
.newslist .grid:nth-child(2n)
{
	margin-right:0px;
}
.newslist .grid a
{
	display:block;
	width:100%;
	height:auto;
}
.newslist .grid a .outpic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.newslist .grid a .outpic .pic
{
	width:100%;
	height:auto;
	padding-bottom:60%;
	overflow:hidden;
	position:relative;
}
.newslist .grid a .outpic .pic img
{
	width:100%;
	height:100%;
	object-fit: cover;
	position:absolute;
	top:0px;
	left:0px;
	transition:1s;
}
.newslist .grid a:hover .outpic .pic img
{
	transform: scale(1.1);
}
.newslist .grid a .text
{
	width:100%;
}
.newslist .grid a .text .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-size:17px;
	line-height:25px;
	margin-top:20px;
	margin-bottom:10px;
	transition:1s;
}
.newslist .grid:hover a .text .title
{
	color:#aaa;
}
.newslist .grid a .text .time
{
	width:100%;
	height:auto;
	overflow:hidden;
	color:#999;
	font-size:14px;
	line-height:25px;
	margin-top:10px;
	margin-bottom:10px;
	transition:1s;
}
.newslist .grid a .text .des
{
	width:100%;
	height:auto;
	overflow:hidden;
	color:#666;
	font-size:14px;
	line-height:30px;
	display:-webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient:vertical;
	transition:1s;
}
.newslist .grid:hover a .text .des
{
	color:#aaa;
}
/**新闻资讯 end**/
/**案例分享**/
.prolistblock .caselist
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.prolistblock .caselist .grid
{
	width:32%;
	height:auto;
	overflow:hidden;
	margin-right:2%;
	margin-bottom:30px;
}
.prolistblock .caselist .grid:nth-child(3n)
{
	margin-right:0px;	
}
.prolistblock .caselist .grid a
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.prolistblock .caselist .grid a .outpic
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:70%;
	position:relative;
}
.prolistblock .caselist .grid a .outpic .pic
{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-content:center;
	transition:1s;
	z-index:10;
}
.prolistblock .caselist .grid a .outpic .pic img
{
	width:100%;
	height:100%;
	object-fit:cover;
	transition:1s;
}
.prolistblock .caselist .grid:hover a .outpic .pic img
{
	transform: scale(1.1);
}
.prolistblock .caselist .grid a .outpic .outscalebig
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:15;
	background:rgba(0,0,0,0.6);
	padding:20px;
	box-sizing: border-box;
	transition:1s;
	opacity:0;
}
.prolistblock .caselist .grid:hover a .outpic .outscalebig
{
	opacity:1;
}
.prolistblock .caselist .grid a .outpic .outscalebig .insidescalebig
{
	width:100%;
	height:100%;
	overflow:hidden;
	border:1px solid #fff;
	box-sizing: border-box;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-content:center;
}
.prolistblock .caselist .grid a .outpic .outscalebig .insidescalebig img
{
	width:40px;
	height:auto;
}
.prolistblock .caselist .grid a .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:15px;
	line-height:25px;
	text-align:center;
	margin-top:10px;
	transition:1s;
}
.prolistblock .caselist .grid:hover a .title
{
	color:#aaa;
}
/**案例分享 end**/
/**企业宣传**/
.videolistblock
{
	width:100%;
}
.trailerlist
{
	width:80%;
	margin:auto;
	max-width:1600px;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	margin:auto;
}
.trailerlist .grid
{
	width:32%;
	height:auto;
	overflow:hidden;
	margin-right:2%;	
	margin-bottom:30px;
	cursor: pointer;
	position:relative;
}
.trailerlist .grid:nth-child(3n)
{
	margin-right:0px;
}
.trailerlist .grid .outvideo
{
	width:100%;
	height:auto;
	padding-bottom:56.25%;
	position:relative;
}
.trailerlist .grid .video
{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	background:#000;
	left:0px;
	top:0px;
	display:flex;
	flex-wrap:wrap;
	align-content: center;
	justify-content: center;
}
.trailerlist .grid .video video
{
	margin:auto;
	height:100%;
	display:block;
	background:#000;
	object-fit:fill;
	transition:1s;
}
/* .trailerlist .grid .video::after
{
	content:'';
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	background:url('../image/videoplay.png') no-repeat center center;
	background-size:70px;
	width:100%;
	height:100%;
}
.trailerlist .videoplaying .video::after
{
	display:none;
	background:url('../image/videopause.png') no-repeat center center;
	background-size:70px;
}
.trailerlist .videoplaying:hover .video::after
{
	display:block;
} */
.trailerlist .grid .title
{
	font-size:16px;
	line-height:30px;
	text-align:center;
	margin-top:10px;
	overflow:hidden;
	transition:1s;
}
.trailerlist .grid:hover .title
{
	color:#999;
}

.trailerlist .outpic
{
	width:100%;
	height:auto;
	padding-bottom:56.25%;
	position:relative;
}
.trailerlist .outpic .pic
{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	background:#000;
	left:0px;
	top:0px;
	display:flex;
	flex-wrap:wrap;
	align-content: center;
	justify-content: center;
}
.trailerlist .outpic .pic img
{
	width:100%;
	height:100%;
	object-fit:cover;
}
.trailerlist .grid .playbtn
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	background:url('../images/videoplay.png') no-repeat center center;
	background-size:70px;
	width:100%;
	height:100%;
}
/**企业宣传 end**/
/**全屏视频**/
.fullscreenvideobg .close
{
	width:80px;
	height:80px;
	font-size:75px;
	color:#fff;
	line-height:50px;
	text-align:center;
	position:absolute;
	right:0px;
	top:0px;
	z-index:100;
	cursor:pointer;
}
.fullscreenvideobg
{
	width:100%;
	height:100vh;
	z-index:10000;
	background:rgba(0,0,0,0.5);
	top:0px;
	left:0px;
	position:fixed;
	display:none;
}
.fullscreenvideo
{
	justify-content: center;
	align-content:center;
	display:flex;
	flex-wrap:wrap;
	width:100%;
	height:100%;
}
.fullscreenvideo .fsvideo
{
	width:80%;
	max-width:1200px;
	overflow:hidden;
}
.fullscreenvideo .outvideoblock
{
	width:100%;
	height:auto;
	padding-bottom:56.25%;
	position:relative;
}
.fullscreenvideo .outvideoblock .videoblock
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	align-content:center;
	overflow:hidden;
}
.fullscreenvideo .outvideoblock .videoblock video
{
	height:100%;
	display:block;
}
/**全屏视频 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**/
/**网站内页 end**/