/**网站全局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:100px;
	transition:500ms;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10000;
	box-sizing:border-box;
}
.headbg.headbgblack
{
	background:#000;	
}
.headbg.headbgnone
{
	background:none;
}
.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 .logo
{
	height:100%;
	width: 220px;
}
.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 .middle
{
	 width:calc(100% - 440px);
	 height:100%;
	 display:flex;
	 justify-content:center;
}
.headbg .head .nav
{
	height:100%;
	display:flex;
}
.headbg .head .nav .grid1
{
	height:100%;
	margin-left:30px;
	margin-right:30px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
}
.headbg .head .nav .grid1 .link1
{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
}
.headbg .head .nav .grid1 .link1 .cnname
{
	font-size:16px;
	line-height:25px;
	height:25px;
	color:#fff;
	letter-spacing:1px;
}
.headbg .head .nav .grid1 .link1 .enname
{
	font-size:15px;
	line-height:25px;
	height:25px;
	color:#666;
	letter-spacing:1px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%,-50%);
	background:#f0f0f0;
	white-space:nowrap;
	text-transform:uppercase;
	transition:500ms;
	opacity:0;
}
.headbg .head .nav .grid1:hover .link1 .enname
{
	opacity:1;
}
.headbg .head .nav .grid1 .link1::after
{
	content:'';
	position:absolute;
	bottom:0px;
	left:0px;
	width:100%;
	height:1px;
	background:#fff;
	z-index:5;
	transition:500ms;
	opacity:0;
}
.headbg .head .nav .grid1:hover .link1::after
{
	opacity:1;
}
.headbg .head .nav .grid1 .subnav
{
	height:auto;
	position:absolute;
	top:100px;
	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:#fff;
	font-size:15px;
	line-height:25px;
	height:25px;
	background:#000;
	white-space:nowrap;
	text-align:center;
	padding:10px 20px;
	transition:500ms;
}
.headbg .head .nav .grid1 .subnav .grid2:hover .link2 .cnname
{
	background:#333;
}
.headbg .head .nav .grid1 .subnav .grid2 .link2 .enname
{
	color:#fff;
	font-size:15px;
	line-height:25px;
	height:25px;
	text-transform:uppercase;
	background:#333;
	white-space:nowrap;
	text-align:center;
	padding:10px 20px;
	position:absolute;
	top:0;
	left:50%;
	transform:translate(-50%,0);
	opacity:0;
	transition:500ms;
}
.headbg .head .nav .grid1 .subnav .grid2:hover .link2 .enname
{
	opacity:1;
}
.headbg .head .right
{
	 width:220px;
	 height:100%;
}
.headbg .head .right .tbnav
{
	width:100%;
	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:100px;
}
/**网站头部 end**/
/**网站底部**/
.footbg
{
	background:#000;
	padding-top:90px;
	padding-bottom:90px;
}
.footbg .foot
{
	width:90%;
	height:auto;
	margin:auto;
	max-width:1600px;
	min-width:1200px;
}
.footbg .foot .fir
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
}
.footbg .foot .fir .fleft
{
	width:25%;
	box-sizing:border-box;
	padding-right:5%;
}
.footbg .foot .fir .fleft .flogo
{
	width:100%;
	height:auto;
}
.footbg .foot .fir .fleft .flogo .link
{
	display:block;
	width:100%;
	max-width:200px;
}
.footbg .foot .fir .fleft .flogo .link .image
{
	width:100%;
	height:auto;
}
.footbg .foot .fir .fright
{
	width:75%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.footbg .foot .fir .fright .grid
{
	
	height:auto;
}
.footbg .foot .fir .fright .grid1
{
	width:55%;
}
.footbg .foot .fir .fright .grid2
{
	width:45%;
}
.footbg .foot .fir .fright .grid .gtit
{
	color:#fff;
	font-size:22px;
	font-weight:600;
	width:100%;
	border-bottom:1px solid #fff;
	line-height:1;
	padding-top:30px;
	padding-bottom:15px;
	margin-bottom:30px;
}
.footbg .foot .fir .fright .grid .footnav
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
}
.footbg .foot .fir .fright .grid .footnav .fgrid
{
	width:100%;
	height:auto;
	margin-bottom:10px;
}
.footbg .foot .fir .fright .grid .footnav .fgrid:last-child
{
	margin-bottom:0px;
}
.footbg .foot .fir .fright .grid .footnav .fgrid .link
{
	font-size:16px;
	color:#fff;
	line-height:1;
	transition:500ms;
}
.footbg .foot .fir .fright .grid .footnav .fgrid .link:hover
{
	color:#ccc;
}
.footbg .foot .fir .fright .grid .next .footsendtit
{
	font-size:16px;
	color:#fff;
	line-height:1.5;
	margin-bottom:10px;
}
.footbg .foot .fir .fright .grid .next .footsend
{
	width:100%;
	height:38px;
	overflow:hidden;
	box-sizing:border-box;
	border:1px solid #bdbdbd;
	display:flex;
	flex-wrap:wrap;
}
.footbg .foot .fir .fright .grid .next .footsend .inputblock
{
	width:calc(100% - 120px);
	height:100%;
	overflow:hidden;
	border-right:1px solid #bdbdbd;
	box-sizing:border-box;
}
.footbg .foot .fir .fright .grid .next .footsend .inputblock .input
{
	width:100%;
	height:100%;
	font-size:16px;
	box-sizing:border-box;
	padding-left:10px;
	padding-right:10px;
	background:none;
	color:#827f7f;
	border:0px solid #bdbdbd;
	outline:none;
}
.footbg .foot .fir .fright .grid .next .footsend .inputblock .input::-webkit-input-placeholder
{
	color:#827f7f;
}
.footbg .foot .fir .fright .grid .next .footsend .btn
{
	width:120px;
	height:100%;
	font-size:16px;
	text-align:center;
	line-height:36px;
	cursor:pointer;
	box-sizing:border-box;
	border:0px solid #bdbdbd;
	transition:500ms;
	color:#fff;
}
.footbg .foot .fir .fright .grid .next .footsend .btn:hover
{
	background:#fff;
	color:#000;
}
.footbg .foot .fir .fright .grid .next .shejiaoptit
{
	color:#fff;
	font-size:22px;
	font-weight:600;
	width:100%;
	border-bottom:1px solid #fff;
	line-height:1;
	padding-top:30px;
	padding-bottom:15px;
	margin-bottom:30px;
}
.footbg .foot .fir .fright .grid .next .shejiaop
{
	width:100%;
	height:auto;
	font-size:0px;
}
.footbg .foot .fir .fright .grid .next .shejiaop .sgrid
{
	display:inline-block;
	vertical-align:top;
	width:30px;
	height:auto;
	margin-right:15px;
}
.footbg .foot .fir .fright .grid .next .shejiaop .sgrid:last-child
{
	margin-right:0px;
}
.footbg .foot .fir .fright .grid .next .shejiaop .sgrid .link
{
	display:block;
	width:100%;
	position:relative;
	cursor:pointer;
}
.footbg .foot .fir .fright .grid .next .shejiaop .sgrid .link .pic
{
	width:100%;
	height:auto;
}
.footbg .foot .fir .fright .grid .next .shejiaop .sgrid .link .pic .image
{
	width:100%;
	height:auto;
}
.footbg .foot .fir .fright .grid .next .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 .fir .fright .grid .next .shejiaop .sgrid .link .twocode .image
{
	width:100%;
	height:auto;
}
.footbg .foot .fir .fright .grid .next .shejiaop .sgrid:hover .link .twocode
{
	display:block;
}
.footbg .foot .sec
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-top:30px;
}
.footbg .foot .sec p
{
	font-size:15px;
	color:#fff;
	line-height:25px;
	margin-right:10px;
}
.footbg .foot .sec p:last-child
{
	margin-right:0px;
}
.footbg .foot .sec p a
{
	color:#fff;
}
/**网站底部 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/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
{
	position:absolute;
	bottom:15px;
	left:0px;
	z-index:10;
	cursor:pointer;
	display:none;
}
.swiperpages
{
	width:100%;
	height:auto;
	text-align:center;
}
.swiperpages .swiper-pagination-bullet-active
{
	background:#eee;
}
.banner .bannernav
{
	width:100%;
	position:absolute;
	bottom:50px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	z-index:10;
}
.banner .bannernav .grid
{
	width:260px;
	height:auto;
	margin-right:40px;
}
.banner .bannernav .grid:nth-child(2n)
{
	margin-right:0px;
}
.banner .bannernav .grid .link
{
	display:block;
	width:100%;
	box-sizing:border-box;
	border:1px solid #000;
	font-size:18px;
	height:40px;
	text-align:center;
	line-height:38px;
	background:#fff;
	/* box-shadow:3px 3px 2px #968e74; */
	transition:500ms;
}
.banner .bannernav .grid:hover .link
{
	background:#000;
	color:#fff;
}
/**网站banner end**/
/**网站模块大小**/
.webblockbg
{
	width:100%;
	height:auto;
	padding-top:100px;
	padding-bottom:100px;
	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:1;
	font-weight:600;
	margin-bottom:70px;
}
/**首页标题 end**/
/**首页描述**/
.indbigdes
{
	width:100%;
	height:auto;
	font-size:16px;
	line-height:25px;
	text-align:center;
	margin-bottom:70px;
}
/**首页描述 end**/
/**首页1-Built On Manufacturing Strength-**/
.indblockbg1
{
	position:relative;
}
.indblockbg1 .indbigtit
{
	position:relative;
	z-index:10;
}
.indblockbg1::after
{
	content:'';
	width:100%;
	height:70%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	background:#e2dbd1;
}
.indblockbg1 .ind1list
{
	width:100%;
	height:auto;
	position:relative;
	z-index:10;
}
.indblockbg1 .ind1list .bg
{
	width:100%;
	height:100%;
	position:absolute;
	z-index:15px;
	box-shadow:5px 5px 8px rgba(138, 138, 138, 0.5);
}
.indblockbg1 .ind1list .bg .image
{
	width:100%;
	height:100%;
	object-fit:cover;
}
.indblockbg1 .ind1list .list
{
	box-sizing:border-box;
	padding:6% 5%;
	position:relative;
	z-index:20;
	display:flex;
	flex-wrap:wrap;
}
.indblockbg1 .ind1list .list .grid
{
	width:32%;
	margin-right:2%;
	margin-bottom:15%;
}
.indblockbg1 .ind1list .list .grid:nth-last-child(-n+3)
{
	margin-bottom:0px;
}
.indblockbg1 .ind1list .list .grid:nth-child(3n)
{
	margin-right:0px;
}
.indblockbg1 .ind1list .list .grid .tit
{
	width:100%;
	height:auto;
	font-size:40px;
	line-height:1;
	color:#fff;
	text-align:center;
	margin-bottom:20px;
}
.indblockbg1 .ind1list .list .grid .cont
{
	width:100%;
	font-size:18px;
	line-height:25px;
	text-align:center;
	color:#fff;
}
.indblockbg1 .ind1list .list .grid .cont p
{
	font-size:18px;
	line-height:25px;
	text-align:center;
	color:#fff;
}
/**首页1-Built On Manufacturing Strength end-**/
/**首页2-WHY CLIENTS CHOOSE US-**/
.indblockbg2
{
	padding-top:0px;
	padding-bottom:0px;
}
.indblockbg2 .ind2list
{
	width:100%;
	height:auto;
	box-sizing:border-box;
	padding:10% 0px 10% 70%;
	position:relative;
}
.indblockbg2 .ind2list .bg
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
}
.indblockbg2 .ind2list .bg .image
{
	width:100%;
	height:100%;
	object-fit:cover;
}
.indblockbg2 .ind2list .list
{
	position:relative;
	width:100%;
	overflow:hidden;
}
.indblockbg2 .ind2list .list .grid
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-bottom:35px;
}
.indblockbg2 .ind2list .list .grid:last-child
{
	margin-bottom:0px;
}
.indblockbg2 .ind2list .list .grid .tit
{
	width:100%;
	height:auto;
	font-size:20px;
	line-height:25px;
	color:#fff;
}
/**首页2-WHY CLIENTS CHOOSE US end-**/
/**首页3-Spaces We Serve**/
.indblockbg3
{
	background:#e2dbd1;
	padding-bottom:50px;
}
.indblockbg3 .ind3list
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
}
.indblockbg3 .ind3list .grid
{
	width:32%;
	margin-right:2%;
	margin-bottom:50px;
}
.indblockbg3 .ind3list .grid:nth-child(3n)
{
	margin-right:0px;
}
.indblockbg3 .ind3list .grid a.link
{
	display:block;
	width:100%;
	height:auto;
}
.indblockbg3 .ind3list .grid a.link .pic
{
	width:100%;
	padding-bottom:70%;
	position:relative;
	overflow:hidden;
}
.indblockbg3 .ind3list .grid a.link .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	object-fit:cover;
	transition:500ms;
}
.indblockbg3 .ind3list .grid:hover a.link .pic .image
{
	transform:scale(1.1);
}
.indblockbg3 .ind3list .grid a.link .tit
{
	width:100%;
	font-size:16px;
	line-height:25px;
	text-decoration:underline;
	text-align:center;
	transition:500ms;
	margin-top:20px;
}
.indblockbg3 .ind3list .grid:hover a.link .tit
{
	text-decoration:none;	
}
/**首页3-Spaces We Serve end**/
/**首页4-A Seamless Sourcing Experience**/
.indblockbg4 .indbigtit
{
	margin-bottom:100px;
}
.experience
{
	position:relative;
	width:100%;
	overflow:hidden;
}
.experience .swiper-wrapper
{
	z-index:10;
}
.experience .cont
{
	position:relative;
	padding-bottom:4px;
}
.experience .cont .kuang
{
	width:60%;
	height:100px;
	display:flex;
	background:linear-gradient(125deg,#f6f6f6,#dedddf);
	border-radius:10px;
	border:1px solid #c8c5c2;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	box-sizing:border-box;
	padding:20px;
	box-shadow:2px 2px 4px #ccc;
}
.experience .cont .kuang .num
{
	font-size:25px;
	font-weight:600;
	width:40px;
	line-height:1;
}
.experience .cont .up
{
	position:relative;
}
.experience .cont .down
{
	position:relative;
}
.experience .cont .kuang .tit
{
	width:calc(100% - 50px);
	font-size:18px;
	line-height:25px;
	color:#000;
}
.experience .cont .down .kuang
{
	margin-left:40%;
}
.experience .cont .line
{
	width:1px;
	height:120px;
	background:#c8c5c2;
}
.experience .cont .up .line 
{
	margin-left:20%;
	margin-top:10px;
}
.experience .cont .down .line 
{
	margin-left:70%;
	margin-bottom:10px;
}
.experience .cont .quan
{
	width:30px;
	height:30px;
	background:url('../images/index/ind4quan.png') no-repeat center center;
	background-size:100% 100%;
	position:absolute;
}
.experience .cont .up .quan
{
	bottom:-15px;
	left:calc(20% - 15px);
}
.experience .cont .down .quan
{
	top:-15px;
	left:calc(70% - 15px);
}
.experience::after
{
	content:'';
	width:95%;
	height:10px;
	background:linear-gradient(#8f8e8e,#909090,#848383);
	z-index:5;
	position:absolute;
	top:calc(50% - 5px);
	border-radius:5px;
}
/**首页4-A Seamless Sourcing Experience end**/
/**首页5-Inside Our Manufacturing Network**/
.indblockbg5
{
	padding-top:0px;
}
.indblockbg5 .indbigtit
{
	margin-bottom:30px;
}
.indblockbg5 .indbigdes
{
	max-width:550px;
	margin:auto;
	margin-bottom:70px;
}
.ournetwork
{
	overflow:hidden;
	position:relative;
	width:120%;
	margin-left:-10%;
}
.ournetwork .link
{
	display:block;
	width:100%;
	height:auto;
	overflow:hidden;
}
.ournetwork .link .pic
{
	width:100%;
	padding-bottom:70%;
	position:relative;
	height:auto;
}
.ournetwork .link .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
}
.ournetwork .ournetworkarr
{
	width:50px;
	height:50px;
	position:absolute;
	top:50%;
	transform: translate(0px,-50%);
	z-index:100;
	cursor: pointer;
	opacity:0;
	transition:1s;
}
.ournetwork:hover .ournetworkarr
{
	opacity:1;
}
.ournetwork .leftbtn-prev
{
	background:url('../images/index/bannerleftarr.png') no-repeat center center;
	left:calc(10% + 0px);
	z-index:30;
}
.ournetwork .rightbtn-next
{
	background:url('../images/index/bannerrightarr.png') no-repeat center center;
	right:calc(10% + 0px);
	z-index:30;
}
/**首页5-Inside Our Manufacturing Network end**/
/**首页6-The Chance Meet Trade Program**/
.indblockbg6
{
	padding-top:0px;
}
.startvip
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.startvip .bg
{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
}
.startvip .bg .image
{
	width:100%;
	height:100%;
	object-fit:cover;
}
.startvip .wenzi
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:8%;
	padding-bottom:5%;
	position:relative;
	z-index:10;
}
.startvip .wenzi .bannertit
{
	width:100%;
	height:auto;
	font-size:28px;
	line-height:1.5;
	text-align:center;
	color:#fff;
	font-weight:600;
}
.startvip .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:10px;
}
.startvip .wenzi .bannercontent p
{
	color:#fff;
}
.startvip .wenzi .btn
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	padding-top:5%;
}
.startvip .wenzi .btn .grid
{
	width:260px;
	height:auto;
	margin-right:40px;
}
.startvip .wenzi .btn .grid:last-child
{
	margin-right:0px;
}
.startvip .wenzi .btn .grid .link
{
	display:block;
	width:100%;
	box-sizing:border-box;
	border:1px solid #000;
	font-size:18px;
	height:40px;
	text-align:center;
	line-height:38px;
	background:#fff;
	/* box-shadow:3px 3px 2px #968e74; */
	transition:500ms;
}
.startvip .wenzi .btn .grid:hover .link
{
	background:#000;
	color:#fff;
}
/**首页6-The Chance Meet Trade Program end**/
/**网站首页 end**/
/**网站内页**/
/**网站内页整体部分**/
/**锚点**/
.maodian
{
	width:100%;
	height:100px;
	margin-top:-100px;
	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:50px;
	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**/
/**关于我们**/
/**About Us**/
.aboutbg1
{
	position:relative;
}
.aboutbg1::after
{
	content:'';
	width:100%;
	height:70%;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
	background:#e2dbd1;
}
.about1
{
	width:100%;
	height:auto;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	position:relative;
	z-index:10;
}
.about1 .pic
{
	width:60%;
	height:auto;
	overflow:hidden;
}
.about1 .pic .image
{
	width:100%;
	height:auto;
}
.about1 .cont
{
	width:40%;
	padding-left:5%;
	padding-right:5%;
	box-sizing: border-box;
}
/**About Us end**/
/**about2 **/
.aboutbigtit
{
	font-size:28px;
	height:auto;
	line-height:35px;
	font-style:italic;
	color:#000;
	margin-bottom:50px;
}
.aboutbigtit p
{
	font-size:28px;
	line-height:35px;
	font-style:italic;
	color:#000;
}
.aboutbg2
{
	padding-top:0px;
}
.about2wenzi
{
	padding-left:5%;
	padding-right:5%;
	margin-bottom:100px;
}
.about2wenzi .cont
{
	width:80%;
}
.about2bannerbg
{
	box-sizing:border-box;
	padding-left:2%;
}
.about2bannerbg .about2banner
{
	width:120%;
	overflow:hidden;
}
.about2bannerbg .about2banner .swiper-slide .link
{
	display:block;
	width:100%;
	height:auto;
	position:relative;
}
.about2bannerbg .about2banner .swiper-slide .link .pic
{
	width:100%;
	padding-bottom:100%;
	height:auto;
	position:relative;
}
.about2bannerbg .about2banner .swiper-slide .link .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	object-fit:cover;
}
.about2bannerbg .about2banner .swiper-slide .link .wenzi
{
	width:100%;
	position:absolute;
	bottom:40px;
	padding-left:30px;
	padding-right:30px;
	box-sizing:border-box;
}
.about2bannerbg .about2banner .swiper-slide .link .wenzi .tit
{
	width:100%;
	height:auto;
	font-size:28px;
	color:#fff;
	line-height:1;
	margin-bottom:5px;
}
.about2bannerbg .about2banner .swiper-slide .link .wenzi .extit
{
	width:100%;
	height:auto;
	font-size:16px;
	color:#fff;
	line-height:25px;
}
.about2bannerbg .about2banner .arrlist
{
	width:100%;
	display:flex;
	justify-content:flex-end;
	box-sizing:border-box;
	padding-right:30%;
	margin-bottom:30px;
}
.about2bannerbg .about2banner .arrlist .arr
{
	width:36px;
	height:36px;
	border-radius:50%;
	background:#e2dbd1;
	padding:8px;
	box-sizing:border-box;
	cursor:pointer;
	margin-right:20px;
}
.about2bannerbg .about2banner .arrlist .arr:last-child
{
	margin-right:0px;
}
.about2bannerbg .about2banner .arrlist .arr .image
{
	width:100%;
	height:auto;
}
/**about2 end**/
/**about3**/
.aboutbg3
{
	padding-top:0px;
	padding-bottom:0px;
}
.aboutbg3 .topwenzi
{
	width:100%;
	height:auto;
	overflow:hidden;
	position:relative;
}
.aboutbg3 .topwenzi .bg
{
	width:100%;
	height:100%;
	overflow:hidden;
	position:absolute;
	top:0px;
	left:0px;
	z-index:5;
}
.aboutbg3 .topwenzi .bg .image
{
	width:100%;
	height:100%;
	object-fit:cover;
}
.aboutbg3 .topwenzi .wenzi
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-top:8%;
	padding-bottom:8%;
	position:relative;
	z-index:10;
}
.aboutbg3 .topwenzi .wenzi .tit
{
	width:100%;
	height:auto;
	font-size:28px;
	line-height:1.5;
	text-align:center;
	color:#fff;
	font-weight:600;
}
.aboutbg3 .about3listbg
{
	background:#e2dbd1;
	padding-top:100px;
	padding-bottom:70px;
}
.aboutbg3 .about3listbg .about3list
{
	box-sizing:border-box;
	padding-left:2%;
	padding-right:2%;
	display:flex;
	flex-wrap:wrap;
}
.aboutbg3 .about3listbg .about3list .grid
{
	width:49%;
	margin-right:2%;
	margin-bottom:30px;
}
.aboutbg3 .about3listbg .about3list .grid:nth-child(2n)
{
	margin-right:0px;
}
.aboutbg3 .about3listbg .about3list .grid .link
{
	display:block;
	width:100%;
	box-shadow:2px 2px 8px #aaa;
	position:relative;
}
.aboutbg3 .about3listbg .about3list .grid .link .pic
{
	width:100%;
	height:auto;
	padding-bottom:100%;
	position:relative;
}
.aboutbg3 .about3listbg .about3list .grid .link .pic .image
{
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10;
	object-fit:cover;
}
.aboutbg3 .about3listbg .about3list .grid .link .wenzi
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	box-sizing:border-box;
	z-index:10;
	display:flex;
	flex-wrap:wrap;
	align-content:space-between;
	padding:8%;
}
.aboutbg3 .about3listbg .about3list .grid .link .wenzi .tit
{
	font-size:28px;
	color:#fff;
	line-height:1;
	width:100%;
}
.aboutbg3 .about3listbg .about3list .grid .link .wenzi .cont
{
	width:100%;
	font-size:16px;
	color:#fff;
	line-height:25px;
}
.aboutbg3 .about3listbg .about3list .grid .link .wenzi .cont p
{
	width:100%;
	font-size:16px;
	color:#fff;
	line-height:25px;
}
/**about3 end**/
/**about4**/
.about4wenzi
{
	padding-left:5%;
	padding-right:5%;
}
.about4wenzi .cont
{
	width:80%;
	margin-bottom:80px;
}
.about4wenzi .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.about4wenzi .pic .image
{
	width:100%;
	height:auto;
}
/**about4 end**/
/**aboutbg5**/
.aboutbg5
{
	padding-top:0px;
	padding-bottom:0px;
}
/**aboutbg5 end**/
/**关于我们 end**/
/**vip**/
/**vip1**/
.vipbg1
{
	background:#e2dbd1;
}
.vip1wenzi
{
	padding-left:5%;
	padding-right:5%;
	margin-bottom:100px;
}
.vip1wenzi .cont
{
	width:80%;
}
.vip1bannerbg
{
	box-sizing:border-box;
	padding-left:2%;
}
.vip1bannerbg .vip1banner
{
	width:120%;
	overflow:hidden;
}
.vip1bannerbg .vip1banner .swiper-slide .link
{
	display:block;
	width:100%;
	height:auto;
	position:relative;
}
.vip1bannerbg .vip1banner .swiper-slide .link .up
{
	width:100%;
	height:auto;
	position:relative;
}
.vip1bannerbg .vip1banner .swiper-slide .link .up .pic
{
	width:100%;
	padding-bottom:80%;
	height:auto;
	position:relative;
}
.vip1bannerbg .vip1banner .swiper-slide .link .up .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	object-fit:cover;
}
.vip1bannerbg .vip1banner .swiper-slide .link .up .wenzi
{
	width:100%;
	position:absolute;
	bottom:40px;
	padding-left:30px;
	padding-right:30px;
	box-sizing:border-box;
}
.vip1bannerbg .vip1banner .swiper-slide .link .up .wenzi .num
{
	font-size:35px;
	height:auto;
	line-height:1;
	color:#fff;
	margin-bottom:10px;
}
.vip1bannerbg .vip1banner .swiper-slide .link .up .wenzi .tit
{
	width:100%;
	height:auto;
	font-size:16px;
	color:#fff;
	line-height:25px;
}
.vip1bannerbg .vip1banner .swiper-slide .link .down
{
	width:100%;
	padding:30px;
	box-sizing:border-box;
}
.vip1bannerbg .vip1banner .swiper-slide .link .down .cont1
{
	border-top:1px solid #333;
	padding-top:20px;
}
.vip1bannerbg .vip1banner .arrlist
{
	width:100%;
	display:flex;
	justify-content:flex-end;
	box-sizing:border-box;
	padding-right:30%;
	margin-bottom:30px;
}
.vip1bannerbg .vip1banner .arrlist .arr
{
	width:36px;
	height:36px;
	border-radius:50%;
	background:#fff;
	padding:8px;
	box-sizing:border-box;
	cursor:pointer;
	margin-right:20px;
}
.vip1bannerbg .vip1banner .arrlist .arr:last-child
{
	margin-right:0px;
}
.vip1bannerbg .vip1banner .arrlist .arr .image
{
	width:100%;
	height:auto;
}
/**vip1 end**/
/**vip2**/
.vip2list
{
	width:100%;
	height:auto;
	box-sizing: border-box;
	max-width:1400px;
	margin:auto;
}
.vip2list .grid
{
	width:100%;
	height:auto;
}
.vip2list .grid .pic
{
	width:100%;
	height:auto;
	box-shadow:2px 2px 10px #ccc;
}
.vip2list .grid .pic .image
{
	width:100%;
	height:auto;
}
.vip2list .grid .wenzi
{
	box-sizing:border-box;
	padding:2% 4% 4% 4%;
	width:100%;
}
.vip2list .grid .wenzi .tit
{
	font-size:30px;
	line-height:1;
	margin-bottom:20px;
	color:#000;
}
.vip2list .grid .wenzi .des
{
	margin-bottom:20px;
}
.vip2list .grid .wenzi .btn
{
	display:flex;
	flex-wrap:wrap;
}
.vip2list .grid .wenzi .btn .link
{
	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;
	box-shadow:3px 3px 2px #968e74;
	transition:500ms;
	cursor:pointer;
}
.vip2list .grid .wenzi .btn .link:hover
{
	color:#fff;
	background:#000;
}
.tobuyblockbg
{
	width:100%;
	height:100vh;
	background:rgba(0,0,0,0.3);
	position:fixed;
	top:0px;
	left:0px;
	z-index:99999;
	display:none;	
}
.tobuyblockbg .tobuyblock
{
	width:100%;
	height:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:center;
}
.tobuyblockbg .tobuyblock .contblock
{
	width:700px;
	padding:30px;
	padding-bottom:40px;
	border-radius:10px;
	background:#fff;
	position:relative;
	box-sizing:border-box;
}
.tobuyblockbg .tobuyblock .contblock .close
{
	font-size:40px;
	line-height:40px;
	position:absolute;
	top:10px;
	right:15px;
	cursor:pointer;
}
.tobuyblockbg .tobuyblock .contblock .cont
{
	margin-top:30px;
	margin-bottom:15px;
	font-size:16px;
	line-height:25px;
	text-align:center;
}
.tobuyblockbg .tobuyblock .contblock .cont p
{
	font-size:16px;
	line-height:25px;
	text-align:center;
}
.tobuyblockbg .tobuyblock .contblock .twocode
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
.tobuyblockbg .tobuyblock .contblock .twocode .image
{
	width:180px;
}
.tobuyblockbg .tobuyblock .contblock .paypol
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	margin-top:15px;
}
.tobuyblockbg .tobuyblock .contblock .paypol .image
{
	width:80px;
}
/**vip2 end**/
/**vip 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:75%;
	overflow:hidden;
	position:relative;
}
.prolist .grid .link .outpic .pic
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:10;
	width:100%;
	height:100%;
}
.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:18px;
	color:#000;
	line-height:25px;
	margin-top:10px;
	margin-bottom:10px;
	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**/
/**产品详情**/
.proshowfir
{
    width:100%;
    height:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    margin-bottom:30px;
    align-items:flex-start;    
}
.proshowfir .picarr
{
    width:48%;
    height:auto;
	position:relative;
}
.proshowfir .picarr .arr
{
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	transform: translate(0px,-50%);
	z-index:10;
	cursor: pointer;
}
.proshowfir .picarr .leftbtn-prev
{
	left:20px;
	background:url(../images/leftarr_ca.png) no-repeat center center;
	background-size:100% 100%;
}
.proshowfir .picarr .rightbtn-next
{
	right:20px;
	background:url(../images/rightarr_ca.png) no-repeat center center;
	background-size:100% 100%;
}
.proshowfir .picarr .picarrlist
{
    width:100%;
    height:auto;
    overflow:hidden;
    position:relative;
}
.proshowfir .picarr .picarrlist .outpic
{
    width:100%;
    height:auto;
    position:relative;
    padding-bottom:75%;
}
.proshowfir .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;
    
}
.proshowfir .picarr .picarrlist .outpic .pic .image
{
    max-width:100%;
    max-height:100%;
    display:block;
}
.proshowfir .picarr .picarrlist .swiperpages
{
	position:absolute;
	bottom:10px;
	left:0px;
	z-index:10;
	cursor:pointer;
}
.proshowfir .picarr .picarrlist .swiperpages .swiper-pagination-bullet-active
{
	background:#999;
}
.proshowfir .prorightcont
{
    width:48%;
    padding:30px 50px;
    box-sizing:border-box;
}
.proshowfir .prorightcont .protitle
{
    width: 100%;
    font-size: 24px;
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px;
}
.proshowfir .prorightcont .des
{
	font-size:15px;
	line-height:25px;
}
.proshowfir .prorightcont .des p
{
	font-size:15px;
	line-height:25px;
}
.productshowcontent
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.productshowcontent .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;
}
.protjtitle
{
    width:100%;
    height:auto;
    overflow:hidden;
    font-size:32px;
    margin-bottom:50px;
    line-height:1.5;
}
.productviewblockbg2
{
	padding-top:0px;
}
/**产品详情 end**/
/**案例列表**/
.caselist
{
	width:100%;
	display:flex;
	flex-wrap:wrap;
}
.caselist .grid
{
	width:32%;
	height:auto;
	margin-right:2%;
	margin-bottom:60px;
}
.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:75%;
	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 .time
{
	width:100%;
	font-size:14px;
	line-height:20px;
	margin-top:20px;
	color:#777;
	transition:500ms;
}
.caselist .grid:hover .link .time
{
	color:#000;
}
.caselist .grid .link .title
{
	width:100%;
	height:auto;
	overflow:hidden;
	font-size:18px;
	color:#000;
	line-height:25px;
	margin-top:10px;
	margin-bottom:10px;
}
.caselist .grid .link .des
{
	height:40px;
	overflow:hidden;
	font-size:15px;
	line-height:20px;
	color:#777;
	transition:500ms;
}
.caselist .grid:hover .link .des
{
	color:#000;
}
.caselist .grid .link .des p
{
	font-size:15px;
	line-height:20px;
	color:#777;
	transition:500ms;
}
.caselist .grid:hover .link .des p
{
	color:#000;
}
.caselist .grid .link .btn
{
	display:flex;
	flex-wrap:wrap;
	width:100%;
	margin-top:30px;
}
.caselist .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;
}
.caselist .grid:hover .link .btn .btnlink
{
	background:#000;
	color:#fff;
}
/**案例列表 end**/
/**案例展示**/
.caseShowBlock .casebigtit
{
	width:100%;
	text-align:center;
	font-size:20px;
	line-height:30px;
	font-weight:bold;
}
.caseShowBlock .picarr
{
	width:100%;
	height:auto;
	margin-top:30px;
	overflow:hidden;
}
.caseShowBlock .picarr .proview_big_picarr
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.caseShowBlock .picarr .bpic
{
	width:900px;
	margin:auto;
	position:relative;
}

.caseShowBlock .picarr .bpic .arr
{
	width:40px;
	height:40px;
	position:absolute;
	top:50%;
	transform: translate(0px,-50%);
	z-index:10;
	cursor: pointer;
}
.caseShowBlock .picarr .bpic .leftbtn-prev
{
	left:-80px;
	background:url(../images/leftarr_ca.png) no-repeat center center;
	background-size:100% 100%;
}
.caseShowBlock .picarr .bpic .rightbtn-next
{
	right:-80px;
	background:url(../images/rightarr_ca.png) no-repeat center center;
	background-size:100% 100%;
}
.caseShowBlock .picarr .proview_big_picarr .outpic
{
	margin:auto;
	width:100%;
	height:600px;
	overflow:hidden;
}
.caseShowBlock .picarr .proview_big_picarr .outpic .pic
{
	width:100%;
	height:100%;
	position:relative;
	display:flex;
	align-content:center;
	align-items:center;
	justify-content:center;
	
}
.caseShowBlock .picarr .proview_big_picarr .outpic .pic .image
{
	max-width:100%;
	max-height:100%;
	display:block;
}
.caseShowBlock .picarr .smallblock
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin:auto;
	margin-top:30px;
	max-width:1200px;
	position:relative;
}
.caseShowBlock .picarr .smallblock .proview_little_picarr
{
	width:calc(100% - 100px);
	margin:auto;
	overflow:hidden;
}
.caseShowBlock .picarr .smallblock .proview_little_picarr .pic
{
	width:100%;
	height:auto;
	overflow:hidden;
	padding-bottom:75%;
	position:relative;
	opacity:0.8;
}
.caseShowBlock .picarr .smallblock .proview_little_picarr .swiper-slide-thumb-active .pic
{
	opacity:1;
}
.caseShowBlock .picarr .smallblock .proview_little_picarr .pic .image
{
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	align-content:center;
}
.caseShowBlock .picarr .smallblock .proview_little_picarr .pic .image img
{
	max-width:100%;
	max-height:100%;
	display:block;
	cursor:pointer;
}
.caseShowBlock .picarr .smallblock .btn
{
	width:50px;
	height:100%;
	position:absolute;
	top:0px;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	justify-content:center;
	cursor:pointer;
}
.caseShowBlock .picarr .smallblock .button-next
{
	right:0px;
}
.caseShowBlock .picarr .smallblock .button-prev
{
	left:0px;
}
.caseShowBlock .picarr .smallblock .btn img
{
	display:block;
	max-width:50%;
}
.caseShowBlock .caseconent
{
	width:100%;
	height:auto;
	overflow:hidden;
	margin-top:30px;
}
.caseShowBlock .caseconent .bigtit
{
	width:100%;
	border-bottom:1px solid #eee;
	margin-bottom:30px;
	font-size:0px;
}
.caseShowBlock .caseconent .bigtit span
{
	display:inline-block;
	font-size:16px;
	line-height:25px;
	padding:10px 0px;
}
.caseShowBlock .videob
{
	width:100%;
	margin-top:30px;
	overflow:hidden;
	position:relative;
}
.caseShowBlock .videob .video
{
	display:block;
	margin:auto;
	max-width:100%;
}
/**案例展示 end**/
/**问与答**/
.fqlist
{
	width:100%;
	height:auto;
	max-width:1200px;
	margin:auto;
}
.fqlist .bigtit
{
	font-size:28px;
	line-height:35px;
	color:#000;
	text-align:center;
	margin-bottom:50px;
}
.fqlist .list 
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.fqlist .list .grid
{
	width:100%;
	height:auto;
	box-sizing:border-box;
	border-top:1px solid #9d9d9d;
	padding:4%;
}
.fqlist .list .grid .wen
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	justify-content:space-between;

}
.fqlist .list .grid .wen .wenzi
{
	width:calc(100% - 30px);
	height:auto;
	overflow:hidden;
	font-size:20px;
	line-height:30px;
	color:#000;
}
.fqlist .list .grid .wen .tb
{
	width:25px;
	height:auto;
	margin-top:6px;
}
.fqlist .list .grid .wen .tb .image
{
	width:100%;
	height:auto;
}
.fqlist .list .grid .wen .tb .leftimage
{
	display:none;
}
.fqlist .list .grid.shouqi .wen .tb .leftimage
{
	display:block;
}
.fqlist .list .grid.shouqi .wen .tb .downimage
{
	display:none;
}
.fqlist .list .grid .da
{
	width:100%;
	height:auto;
	margin-top:30px;
}
/**问与答 end**/
/**联系我们**/
.contactbg1 .contactfir
{
	width:100%;
	max-width:1920px;
	margin:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:center;
}
.contactbg1 .contactfir .pic
{
	width:50%;
	height:auto;
	overflow:hidden;
}
.contactbg1 .contactfir .pic .image
{
	width:100%;
	height:auto;
}
.contactbg1 .contactfir .left
{
	width:50%;
	height:auto;
	box-sizing:border-box;
	padding:0px 8%;
}
.contactbg1 .contactfir .info
{
	width:100%;
	height:auto;
}
.contactbg1 .contactfir .pinpaiming
{
	width:100%;
	height:auto;
	font-size:28px;
	line-height:35px;
	margin-bottom:15px;
}
.contactbg1 .contactfir .info .igrid
{
	width:100%;
	height:auto;
	font-size:16px;
	line-height:28px;
}
.contactbg2
{
	background:#e2dbd1;
}
.contactbg2 .msgbgblock
{
	width:100%;
	max-width:1300px;
	margin:auto;
	overflow:hidden;
}
.contactbg2 .msgbgblock .aboutbigtit
{
	margin-bottom:40px;
}
.contactbg2 .msgbgblock .cont
{
	width:80%;
	margin-bottom:40px;
}
.contactbg2 .msg
{
	width:100%;
	height:auto;
	overflow:hidden;
}
.contactbg2 .msg .first
{
	width:100%;
	height:auto;
	overflow:hidden;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	align-items:stretch;
}
.contactbg2 .msg .first .left
{
	width:46%;
}
.contactbg2 .msg .first .mgrid
{
	width:100%;
	margin-bottom:33.33px;
}
.contactbg2 .msg .first .mgrid:last-child
{
	margin-bottom:0px;
}
.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:1px solid #4d4d4d;
	box-sizing:border-box;
	padding-left:15px;
	padding-right:15px;
}
.contactbg2 .msg .first .mgrid .inputb .input::-webkit-input-placeholder
{
	font-size:16px;
	color:#8f8f8e;
}
.contactbg2 .msg .first .right
{
	width:50%;
}
.contactbg2 .msg .first .right .textarea
{
	width:100%;
	height:260px;
	background:none;
	outline:none;
	border:1px solid #4d4d4d;
	padding:15px;
	box-sizing:border-box;
}
.contactbg2 .msg .first .right .textarea::-webkit-input-placeholder
{
	font-size:16px;
	color:#8f8f8e;
}
.contactbg2 .msg .submit
{
	width:200px;
	height:45px;
	text-align:center;
	line-height:43px;
	font-size:18px;
	box-sizing:border-box;
	background:#000;
	border:1px solid #000;
	color:#fff;
	text-align:center;
	cursor:pointer;
	margin:auto;
	margin-top:50px;
	transition:500ms;
}
.contactbg2 .msg .submit:hover
{
	background:#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**/