@charset "utf-8";
body{
	margin:0;
	padding:0;
	letter-spacing:1px;
	font-family:Arial,Microsoft YaHei,"微软雅黑",STXihei,"华文细黑",STHeiti,Sans-serif;
	
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
	
}
.logo{
	background-image:url(../imgs/logo_black.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:contain;
}

.bg:before{
	position:absolute;
	top:0;
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.2);
}
a{
	text-decoration:none;
}
.error{
	background-color:#FFEEEE;
}
.exhibBg1{
	background-image:url(../imgs/exh1.jpg);
}
.exhibBg2{
	background-image:url(../imgs/exh2.jpg);
}
.exhibBg3{
	background-image:url(../imgs/exh3.jpg);
}
.exhibBg4{
	background-image:url(../imgs/exh4.jpg);
}
.exhibBg5{
	background-image:url(../imgs/exh5.jpg);
}

.divLeftMenuProd #sheet{
	background-image:url(../imgs/type1.jpg);
}
.divLeftMenuProd #cut{
	background-image:url(../imgs/type2.jpg);
}
.divLeftMenuProd #press{
	background-image:url(../imgs/type3.jpg);
}
.divLeftMenuProd #grinding{
	background-image:url(../imgs/type4.jpg);
}
.divLeftMenuProd #weld{
	background-image:url(../imgs/type5.jpg);
}
.close{
	background-image:url(../imgs/close.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.weixin{
	background-image:url(../imgs/weixin.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.douyin{
	background-image:url(../imgs/douyin.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.bilibili{
	background-image:url(../imgs/bilibili.png);
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.typeChild{
	background-color:#efefef;
}
.type .typeChild{
	position:relative;
	overflow:hidden;
}
.typeChild .typeBg{
	position:absolute;
	top:0;
	background-position:bottom;
	background-repeat:no-repeat;
	background-size:cover;
	width:100%;
	height:100%;
	transition:all .3s ease-out;
	transform-origin:center;
}
.typeChild:hover .typeBg{
	transform:scale(1.1);
}
.typeChild:hover .typeBg:before{
	position:absolute;
	top:0;
	content:"";
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,.3);
}
.type .typeChild:nth-child(1) .typeBg{
	background-image:url(../imgs/type1.jpg);
}
.type .typeChild:nth-child(2) .typeBg{
	background-image:url(../imgs/type2.jpg);
}
.type .typeChild:nth-child(3) .typeBg{
	background-image:url(../imgs/type3.jpg);
}
.type .typeChild:nth-child(4) .typeBg{
	background-image:url(../imgs/type4.jpg);
}
.linkItem{
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.link .item1{
	background-image:url(../imgs/link1.png);
}
.link .item2{
	background-image:url(../imgs/link2.png);
}
.link .item3{
	background-image:url(../imgs/link3.png);
}
.hideDiv{
	transform:translateY(120px);
	opacity:0;
}
body .cnt{
	transition:.7s all ease-out;
}
@media only screen and (min-width:769px){
	body{
		width:100vw;
		overflow-x:hidden;
		overflow-y:auto;
	}
	.body2vh{
		height:calc( 200vh);
	}
	.sp{
		display:none;
	}
	.scrollTip{
		position:fixed;
		bottom:90px;
		width:2vw;
		height:3vw;
		z-index:100;
		margin-left:49vw;
		text-align:center;
		
	}
	.scrollTipBig{
		position:fixed;
		bottom:90px;
		width:2vw;
		height:3vw;
		z-index:100;
		left:47.5vw;
		text-align:center;
		
	}
	.scrollArrow{
		display:inline-block;
		position:relative;
		width:1.4vw;
		height:1.4vw;
		transform:rotate(45deg);
		transform-origin:center;
		border-bottom:solid 4px white;
		border-right:solid 4px white;
		top:-1.4vw;
		animation:downTip 1.5s infinite linear;
	}
	.scrollArrow:before{
		position:absolute;
		content:"";
		width:1.4vw;
		height:1.4vw;
		left:-.7vw;
		top:-.7vw;
		transform-origin:center;
		border-bottom:solid 4px white;
		border-right:solid 4px white;
		
	}
	.scrollArrow:after{
		position:absolute;
		content:"";
		width:1.4vw;
		height:1.4vw;
		left:.7vw;
		top:.7vw;
		transform-origin:center;
		border-bottom:solid 4px white;
		border-right:solid 4px white;
		
	}
	.scrollArrowBig{
		display:inline-block;
		position:relative;
		width:5vw;
		height:2vw;
		background-image:url(../imgs/scrollBig.png);
		background-size:contain;
		background-repeat:no-repeat;
		top:-1vw;
		animation:downTip 1.5s infinite linear;
		
	}
	.scrollArrowBig:before{
		position:absolute;
		content:"";
		width:5vw;
		height:2vw;
		background-image:url(../imgs/scrollBig.png);
		background-size:contain;
		background-repeat:no-repeat;
		left:0;
		top:-1vw;
		
	}
	.scrollArrowBig:after{
		position:absolute;
		content:"";
		width:5vw;
		height:2vw;
		background-image:url(../imgs/scrollBig.png);
		background-size:contain;
		background-repeat:no-repeat;
		left:0;
		top:1vw;
		
	}
	@keyframes downTip{
		0%{
			opacity:1;
			top:-1vw;
		}
		100%{
			opacity:0;
			top:2vw;
		}
		
	}
	.header{
		position:fixed;
		top:0;
		left:0;
		width:100vw;
		height:5.2vw;
		z-index:10;
		margin:0 auto;
		background-color:white;
		border-bottom:solid 1px #efefef;
	}
	.header .inner{
		position:relative;
		width:100vw;
		max-width:1700px;
		height:6.7vw;
		max-height:110px;
		margin:1vw auto;
	}
	.header .tbcell{
		position:relative;
		width:100vw;
		max-width:1700px;
		height:6.7vw;
		max-height:110px;
		display:block;
		text-align:right;
		vertical-align:top;
	}
	.bg{
		background-image:url(../imgs/bg1.jpg);
		background-position:top right;
		background-repeat:no-repeat;
		background-size:cover;
		transition:.7s all ease-out;
	}
	.bgtmp{
		background-image:url(../imgs/bgtmp1.jpg);
		background-position:center right;
		background-repeat:no-repeat;
		background-size:cover;
		transition:.7s all ease-out;
	}
	.bg{
		position:relative;
		width:100vw;
		height:80vh;
		cursor:pointer;
	}
	.logo{
		display:inline-block;
		position:relative;
		width:10vw;
		height:5vw;
		position:absolute;
		left:2vw;
		top:-1vw;
	}
	.menu{
		display:inline-block;
		height:5vw;
		vertical-align:top;
		margin-top:0vw;
	}
	.menu li{
		display:inline-block;
		position:relative;
		list-style:none;
		color:black;
		margin-right:2vw;
		font-size:18px;
		line-height:4vw;
		cursor:pointer;
		vertical-align:top;
	}
	.menu li:hover{
		border-bottom:solid 2px red;
	}
	.submenu{
		position:absolute;
		display:inline-block;
		bottom:-318px;
		/* left:0; */
		left:-76px;
		width:314px;
		height:314px;
		text-align:left;
		transition:.3s all ease-out;
	}
	.submenuItem{
		display:inline-block;
		width:152px;
		height:152px;
		background-color:white;
		border-radius:10px;
		margin:2px;
		box-shadow:1px 1px 2px 1px rgba(0, 0, 0, 0.3);
		color:#303030;
		font-size:14px;
		line-height:216px;
		text-align:center;
		background-repeat:no-repeat;
		background-size:48px 46px;
		background-position:center 37%;
		transition:.3s all ease-out;
		
	}
	.submenuItem:hover{
		color:#bf3c34;
	}
	#menuAbout a:nth-child(1) .submenuItem, #menuAbout a:nth-child(4) .submenuItem{
		background-image:url(../imgs/icoCom.png);
		
	}
	#menuAbout a:nth-child(2) .submenuItem{
		background-image:url(../imgs/icoHoner.png);
		
	}
	#menuAbout a:nth-child(3) .submenuItem{
		background-image:url(../imgs/icoHistory.png);
		
	}
	#menuAbout a:nth-child(5) .submenuItem{
		background-image:url(../imgs/icoViaMech.png);
		
	}
	#menuNews a:nth-child(1) .submenuItem{
		background-image:url(../imgs/icoNews.png);
	}
	#menuNews a:nth-child(2) .submenuItem{
		background-image:url(../imgs/icoExh.png);
	}
	#menuProd a:nth-child(1) .submenuItem{
		background-image:url(../imgs/icoProd1.png);
	}
	#menuProd a:nth-child(2) .submenuItem{
		background-image:url(../imgs/icoProd2.png);
	}
	#menuProd a:nth-child(3) .submenuItem{
		background-image:url(../imgs/icoProd3.png);
	}
	#menuProd a:nth-child(4) .submenuItem{
		background-image:url(../imgs/icoProd4.png);
	}
	#menuProd a:nth-child(5) .submenuItem{
		background-image:url(../imgs/icoProd5.png);
	}
	#menuProd a:nth-child(6) .submenuItem{
		background-image:url(../imgs/icoProd6.png);
	}
	.bg .inner{
		position:relative;
		width:100%;
		/*max-width:1700px;*/
		height:80vh;
		margin:0 auto;
		text-align:left;
		
	}
	.bg .tbcell{
		position:relative;
		width:100%;
		/*max-width:1700px;*/
		height:75vh;
		display:table-cell;
		vertical-align:middle;
	}
	.bg .tbInner{
		display:inline-block;
		width:86vw;
		margin-left:7vw;
	}
	.news{
		display:inline-block;
		position:relative;
		width:100%;
		vertical-align:bottom;
		transition:.3s all ease-out;
		margin-right:7vw;
		text-align:left;
		
	}
	.newsTxt{
		width:35vw;
		text-align:center;
		margin-top:2vw;
		
	}
	.news a{
		transition:.3s all ease-out;
	}
	.news a:hover{
		opacity:.7;
	}
	.news .title{
		color:white;
		text-shadow: 2px 2px 4px #111111;
		letter-spacing:1vw;
		font-weight:bold;
		font-size:80px;
		line-height:102px;
		letter-spacing:0;
		margin-top:-3%;
	}
	.news .txt{
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;
		color:white;
		text-shadow: 1px 1px 2px #111111;
		font-size:20px;
		line-height:36px;
		letter-spacing:0;
		font-weight:700;
		margin-top:30px;
	}
	.news img{
		width:500px;height:110px;margin-top:70px;border:solid 4px rgba(255,255,255,.5);
	}
	.divAct{
		position:relative;
		width:100%;
		margin-top:3vw;margin-bottom:4vw;
		display:flex;
		justify-content:space-between;
	}
	.divAct img{
		transition: all .3s ease-out;
	}
	.divAct img:hover{
		opacity:.7;
		border:solid 4px #d31c2e;;
	}
	.divAct a{
		position:relative;
		width:48.7%;
	}
	.divAct2{
		position:relative;
		width:20vw;
		height:12vw;
		margin-top:-2vw;
		margin-left:12.5vw;
		display: inline-block;
		cursor:default;
	}
	.act{
		display:inline-block;
		position:relative;
		width:20vw;
		height:12vw;
		cursor:default;
	}
	
	.close{
		position:absolute;
		display:inline-block;
		right:-45px;
		top:-8px;
		margin:2%;
		width:25px;
		height:25px;
		opacity:.9;
		transition:.3s all ease-out;
		cursor:pointer;
	}
	.close:hover{
		opacity:.6;
	}
	.divAdv{
		position:absolute;
		width:20vw;
		height:12.5vw;
		right:14vw;
		top:20%;
		z-index:1;
		background-image:url(../imgs/future_bnr_zh-New.jpg);
		background-position:top center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	.divAdv::after {
	  content: '';
	  position: absolute;
	  width:calc( 100% - 16px );
	  height:calc( 100% - 16px );
	  top: 0;
	  border: 8px solid rgba(255,255,255,.7); 
	  z-index: 1;
	}
	.imgAdv{
		border:4px solid rgba(200,200,200,.6);
		width:calc( 100% - 8px );
	}
	.type{	
		width:100%;
		height:auto;
		text-align:center;
		display:flex;
		justify-content:space-between;
		z-index:1;
		position:relative;
		bottom:0;margin-bottom:4vw;
	}
	.adv{
		transition:.3s all ease-out;
	}
	.adv:hover{
		opacity:.7;
	}
	.typeChild{
		width:23%;
		min-height:210px;
		height:23vh;
		text-align:left;
		border-radius:1vw;
		
	}
	/*
	.type a:nth-child(1) .typeChild{
		border-radius:1vw 0 0 1vw;
	}
	.type a:nth-child(4) .typeChild{
		border-radius:0 1vw 1vw 0;
	}
	*/
	.typeChild .title{
		font-size:28px;
		line-height:42px;
		color:white;
		font-weight:bold;
		text-align:left;
	}
	.typeChild .titleCn{
		font-size:14px;
		line-height:28px;
		margin-top:6px;
		color:white;
		text-align:left;
	}
	.typeChild .titleCn strong{
		font-size:12px;
	}
	.typeChild .inner{
		width:86%;
		margin:7%;
		margin-top:9%;
	}
	.typeChild .more{
		position:absolute;
		width:110px;
		height:40px;
		border-radius:20px;
		right:0;
		top:120px;
		background-color:#ba3a34;
		font-size:14px;
		line-height:40px;
		z-index:1;
		text-align:center;
		overflow:hidden;
		letter-spacing:0;
		color:white;
		transition:.3s all ease-out;
	}
	.type .more .arrow{
		display:inline-block;
		vertical-align:top;
		margin-left:6px;
		width:14px;
		height:40px;
		background-image:url(../imgs/more.png);
		background-size:12px;
		background-repeat:no-repeat;
	}
	.type .typeChild:hover  .more{
		background-color:white;
		color:#3a3a3a;
	}
	.type .typeChild:hover .more .arrow{
		background-image:url(../imgs/moreActive.png);
	}
	.us{
		margin-top:165px;
		margin-bottom:43px;
		text-align:center;
		color:#3a3a3a;
		font-size:26px;
		line-height:80px;
	}
	.icon{
		display:inline-block;
		width:80px;
		height:80px;
		border-radius:80px;
		vertical-align:middle;
		cursor:pointer;
		transition:.3s all ease-out;
	}
	.icon:hover{
		opacity:.7;
	}
	.iconContain{
		display:inline-block;
		position:relative;
		width:80px;
		height:80px;
		margin-left:35px;
		vertical-align:middle;
	}
	.qrcode{
		position:absolute;
		z-index:100;
		width:160px;
		height:420px;
		top:-384px;
		left:36px;
		background-color:#d31c2e;
	}
	.qrbody{
		position:relative;
		width:160px;
		height:140px;
		margin:0;
		text-align:left;
	}
	.qrbody img{
		width:120px;
		height:120px;
		margin:10px;
	}
	.qrbody .txt{
		position:absolute;
		width:16px;
		height:100px;
		writing-mode:vertical-rl;
		text-align:center;
		font-size:10px;
		line-height:12px;
		top:0;
		right:8px;
		z-index:1;
	}
	.link{
		width:100vw;
		height:120px;
		background-color:#efefef;
		text-align:center;
	}
	.linkItem{
		display:inline-block;
		width:142px;
		height:49px;
		margin:36px 24px;
		background-color:white;
		cursor:pointer;
		transition:.3s all ease-out;
		border-radius:5px;
		overflow:hidden;
	}
	.linkItem:hover{
		opacity:.7;
	}
	.page{
		position:relative;
		height:100vh;
	}
	.page2{
		position:relative;
		min-height:100vh;
	}
	.footer{
		position:absolute;
		bottom:0;
		width:100vw;
		height:72px;
		background-color:black;
		color:white;
		font-size:12px;
		line-height:72px;
		text-align:center;
	}
	.footerProd{
		position:relative;
		width:100vw;
		height:72px;
		background-color:black;
		color:white;
		font-size:12px;
		line-height:72px;
		text-align:center;
		z-index:200;
	}
	.footer a,.footerProd a{
		color:white;
		text-decoration:none;
	}
	
	.rightColumn{
		position:fixed;
		top:calc( 50vh + 100px );
		right:0;
		width:156px;
		z-index:1;
		text-align:right;
	}
	.rightColumn .qrshow{
		transform:translateX(-160px);
	}
	.rightColumn .exhshow{
		transform:translateX(-90px);
	}
	.rightColumn .rightColumnRow{
		position:relative;
		margin-bottom:18px;
		color:white;
		font-size:14px;
		line-height:36px;
		background-color:#d31c2e;
		text-align:left;
		padding-left:50px;
		height:36px;
		transition:.3s all ease-out;
		left:120px;
	}
	.rightColumn .qr{
		position:relative;
		margin-bottom:18px;
		color:white;
		font-size:14px;
		line-height:36px;
		background-color:#d31c2e;
		padding-right:20px;
		height:36px;
		transition:.3s all ease-out;
		left:120px;
	}
	.rightColumn .exh{
		background-image:url(../imgs/exh.png);
		background-repeat:no-repeat;
		background-size:contain;

	}
	.rightColumn .prd{
		background-image:url(../imgs/prd.png);
		background-repeat:no-repeat;
		background-size:contain;
	}
	.rightColumn .qr{
		background-image:url(../imgs/qr.png);
		background-repeat:no-repeat;
		background-size:contain;
	}
	.topColumn{
		position:absolute;
		top:calc(36px + 3vw);
		left:0;
		width:10vw;
		min-width:160px;
		z-index:1;
		text-align:center;
	}
	.topColumn li,.topColumn ul{
		position:relative;
		display:inline-block;
		margin:0;
		padding:0;
		list-style:none;
	}
	.topColumn li{
		position:relative;
		width:1.6vw;
		height:1.6vw;
		background-size:cover;
		border-radius:1.6vw;
		background-color:#fefefe;
		margin-bottom:.5vw;
		box-shadow: 1px 1px 4px #666666;
		cursor:pointer;
	}
	.topColumn .topRow:nth-child(1) li:nth-child(2){
		background-image:url(../imgs/linkDouyin.png);
		margin-left:1vw;
		margin-right:1vw;
	}
	.topColumn .topRow:nth-child(1) li:nth-child(1){
		background-image:url(../imgs/linkWeixin.png);
	}
	.topColumn .topRow:nth-child(1) li:nth-child(3){
		background-image:url(../imgs/linkBilibili.png);
	}
	
	.topColumn .topRow:nth-child(1) li:nth-child(2):hover{
		background-image:url(../imgs/linkDouyinAct.png);
	}
	.topColumn .topRow:nth-child(1) li:nth-child(1):hover{
		background-image:url(../imgs/linkWeixinAct.png);
	}
	.topColumn .topRow:nth-child(1) li:nth-child(3):hover{
		background-image:url(../imgs/linkBilibiliAct.png);
	}
	
	.weixin2{
		background-color:red;
		border:solid 10px red;
	}
	.videoDiv{
		position:relative;
		width:100vw;
		height:100vh;
		background-color:black;
	}
	
	.globalIcon{
		background-image:url(../imgs/globalIcon.png);
		background-repeat:no-repeat;
		background-size:20px;
		background-position:left center;
		padding-left:26px;
		
	}
	.divInner1160{
		position:relative;
		width:100%;
		margin-top:5.2vw;
		height:calc( 100vh - 5.2vw - 72px);
		white-space:nowrap;
		overflow:hidden;
	}
	.divLeftMenu{
		display:inline-block;
		position:relative;
		width:82vw;
		min-height:100vh;
		background-color:#efefef;
	}
	.divLeftMenu .inner{
		position:relative;
		width:100%;
		height:100%;
		overflow:hidden;
		text-align:center;
	}
	.divLeftMenu .picDiv{
		display:flex;
		position:relative;
		width:100%;
		height:100%;
		padding:0;
		margin:0;
	}
	.divLeftMenu .cf{
		position:relative;
		width:1000%;
		height:100%;
		white-space:nowrap;
		padding:0;
		margin-top:0;
	}
	.divLeftMenu .cf li{
		display:inline-block;
		width:100%;
		height:100%;
		left:0;
		padding:0;
		
	}
	.divLeftMenu .cf .exhib{
		position:relative;
		width:100%;
		height:100%;
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
	}
	.divLeftMenu .cf .txt{
		position:absolute;
		width:100%;
		height:56px;
		font-size:16px;
		line-height:56px;
		bottom:0;
		background-color:rgba(255,255,255,.6);
		
	}
	.divLeftMenu .cf a{
		transition:.3s all ease-out;
		text-decoration:underline;
		text-underline-position:under;
	}
	.divLeftMenu .cf .txt a{
		color:black;
	}
	.divLeftMenu .cf .pos{
		margin-right:5px;
		display:inline-block;
		background-image:url(../imgs/position.png);
		width:19px;
		height:24px;
		background-size:contain;
		background-repeat:no-repeat;
		vertical-align:middle;
	}
	.divLeftMenu .cf a:hover{
		opacity:0.7;
	}
	.divLeftMenu .prevBtn{
		position:absolute;
		width:26px;
		height:26px;
		transform:rotate(45deg);
		transform-origin:center;
		border-bottom:solid 5px #cecece;
		border-left:solid 5px #cecece;
		top:calc( 50% - 20px );
		left:14px;
		z-index:10;
		transition:.3s all ease-out;
		cursor:pointer;
	}
	
	.divLeftMenu .nextBtn{
		position:absolute;
		width:26px;
		height:26px;
		transform:rotate(225deg);
		transform-origin:center;
		border-bottom:solid 5px #cecece;
		border-left:solid 5px #cecece;
		top:calc( 50% - 20px );
		right:14px;
		z-index:1;
		transition:.3s all ease-out;
		cursor:pointer;
	}
	.divLeftMenu .prevBtn:hover:{
		opacity:0.7;
	}
	.divRightCont{
		display:inline-block;
		position:relative;
		width:17vw;
		margin-left:.2vw;
		min-height:calc ( 100vh - 72px - 5.2vw );
		overflow-x:hidden;
		background-color:white;
		vertical-align:top;

	}
	.divRightContProd{
		display:inline-block;
		position:fixed;
		width:16.5vw;
		margin-left:.5vw;
		min-height:calc ( 100vh - 72px - 5.2vw );
		overflow-x:hidden;
		background-color:white;
		vertical-align:top;
		margin-top:5.2vw;
	}
	.divRightCont .divTitle,.divRightContProd  .divTitle{
		width:100%;
		height:2vw;
		background-color:#d31c2e;
		color:white;
		font-size:1vw;
		line-height:2vw;
		text-align:center;
		
	}
	.divRightCont .divContOuter{
		position:relative;
		width:90%;
		height:100%;
		margin-left:5%;
		margin-top:0;
	}
	.divCont2{
		margin:12px auto;
		font-size:14px;
		line-height:20px;
		white-space:nowrap;
	}
	.privacy{
		width:100%;
		font-size:10px;
		line-height:24px;
		margin:10px 0;
		vertical-align:top;
		white-space:nowrap;
		letter-spacing:0;
	}
	.privacy input{
		display:inline-block;
		vertical-align:top;
		margin-top:5px;
	}
	.privacy span{
		width:90%;
		display:inline-block;
		white-space:nowrap;
	}
	.divInp{
		width:100%;
		height:40px;
		border:solid 1px #EFEFEF;
		padding:8px;
		font-size:14px;
		line-height:30px;
		
	}
	.divInp2{
		width:100%;
		height:90px;
		border:solid 1px #EFEFEF;
		padding:8px;
		font-size:14px;
		line-height:20px;
		resize:none;
		font-family: Arial,"Microsoft YaHei Regular",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu,sans-serif,SimHei;
	}
	.divInp3{
		display:inline-block;
		width:49%;
		height:40px;
		border:solid 1px #EFEFEF;
		padding:8px;
		font-size:14px;
		line-height:30px;
		
	}
	.divInp4{
		width:100%;
		height:40px;
		border:solid 1px #EFEFEF;
		padding:0 8px;
		font-size:14px;
		line-height:40px;
		
	}
	.btnSubmit{
		width:100%;
		height:40px;
		border:solid 1px #e00013;
		background-color:white;
		color:#e00013;
		transition:.3s all ease-out;
		font-size:14px;
		text-align:center;
		line-height:40px;
		cursor:pointer;
	}
	.btnSubmit:hover{
		background-color:#e00013;
		color:white;
	}
	.divLeftMenuProd{
		display:inline-block;
		position:relative;
		width:82vw;
		min-height:calc( 100vh - 72px );
		background-color:#f5f5f5;
		text-align:center;
	}
	.divLeftMenuProd .divMenu{
		position:relative;
		width:100%;
		height:40px;
		margin:0 auto;
		margin-top:5.2vw;
		text-align:center;
		z-index:1;
		text-align:left;
	}
	.divLeftMenuProd .divMenu ul{
		position:relative;
		display:inline-block;
		height:32px;
		text-align:left;
		padding:0;
		width:80vw;
		margin-left:6vw;
	}
	
	.divLeftMenuProd .divMenu li{
		display:inline-block;
		margin-top:12px;
		height:24px;
		font-size:16px;
		line-height:24px;
		font-size:16px;
		line-height:20px;
		border-bottom: none;
	}
	.divLeftMenuProd .divMenu .islink{
		border-bottom: 1px solid black;
		cursor:pointer;
	}
	.divLeftMenuProd .divMenu .islink:hover{
		transition:.3s ease-out;
		color:#e00013;
		border-bottom: 1px solid #e00013;
	}
	.divLeftMenuProd .divMenu .active{
		color:#e00013;
		border-bottom:none;
	}
	.divLeftMenuProd .divMenuClass{
		width:80vw;
		margin-left:2vw;
		margin-top:2vw;
	}
	.divLeftMenuProd .divMenuClass  ul{
		position:relative;
		display:block;
		text-align:left;
	}
	.divLeftMenuProd .divMenuClass li{
		position:relative;
		display:inline-block;
		width:22vw;
		height:14vw;
		margin:1.5vw;
		margin-top:0;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		text-align:center;
		transition:.3s all ease-out;
		cursor:pointer;
		background-color:white;
		overflow:hidden;
	}
	.divLeftMenuProd .divMenuClass li:hover{
		opacity:.7;
		transform:scale(1.05);
		
	}
	.divLeftMenuProd .divMenuLv1 li span{
		font-size:32px;
		line-height:14vw;
		color:white;
	}
	.divLeftMenuProd .divMenuLv2 li span,.divLeftMenuProd .divMenuLv3 li span{
		display:block;
		width:100%;
		font-size:14px;
		line-height:28px;
		color:white;
		background-color:rgba(0,0,0,.5);
		bottom:0;
	}
	.divLeftMenuProd .divMenuLv3{
		cursor:zoom-in;
	}
	.divLeftMenuProd .divMenuLv3 .showPic{
		width:70vw;
		height:40vw;
		background-size:contain;
	}
	.divLeftMenuProd .divMenuLv3 .showPic:hover{
		transform:none;
		opacity:1;
		cursor:zoom-out;
	}
	.divLeftMenuProd .divMenu .subActive{
		border-bottom:solid 1px #e00013;
	}
	
	.divLeftMenuProd .inner{
		position:relative;
		display:inline-block;
		width:90%;
		margin-top:2vw;
		cursor:pointer;
		text-align:left;
	}
	.divRightContChild1{
		position:relative;
	}
	.divRightContChild2{
		position:absolute;
		bottom:30px;width:100%;z-index:1;
		background-color:white;
	}
	.divLeftMenuProd .inner{
		position:relative;margin-top:6vw;margin-bottom:.7vw;width:100%;text-align:center;
	}
	.divLeftMenuProd img{
		display:inline-block;width:40%;max-width:600px;
	}
	#privacy{
		position:fixed;
		top:10vh;
		left:10vw;
		width:80vw;
		height:80vh;
		z-index:200;
		background-color:white;
		box-shadow:3px 3px 6px black;
	}
	
	#privacy .privacyHead{
		width:calc(100% - 80px);
		height:60px;
		font-size:24px;
		line-height:60px;
		font-weight:bold;
		margin-left:40px;
		margin-top:10px;
	}
	#privacy .privacyInner{
		position:relative;
		width:calc(100% - 80px);
		height:calc(100% - 110px);
		margin-left:40px;
		overflow-y:scroll;
		border:solid 1px #DEDEDE;
	}
	#privacy .privacyInner2{
		position:relative;
		width:calc(100% - 40px);
		margin:20px;
		text-align:justify;
	}
	#privacy h1{
		font-size:16px;
		line-height:28px;
	}
	#privacy p{
		font-size:14px;
		line-height:24px;
		text-indent:2em;
	}
	#privacy ul{
		margin:0;
		padding:0;
		text-indent:2em;
		list-style:none;
		font-size:14px;
		line-height:21px;
	}
	#privacy .privacyHead .closeBtn{
		position:absolute;
		top:15px;
		right:15px;
		width:30px;
		height:30px;
		z-index:10;
		transition:opacity .3s ease-out;
		cursor:pointer;
	}
	#privacy .privacyHead .closeBtn:hover{
		opacity:.7;
	}
	#privacy .privacyHead .closeBtn:before{
		position:absolute;
		top:10px;
		right:0;
		width:30px;
		height:3px;
		background-color:#898989;
		z-index:10;
		transform:rotate(135deg);
		content:"";
	}
	#privacy .privacyHead .closeBtn:after{
		position:absolute;
		top:10px;
		right:0;
		width:30px;
		height:3px;
		background-color:#898989;
		z-index:10;
		transform:rotate(45deg);
		content:"";
	}
	.pageInner{
		position:relative;
		width:89vw;
		margin:3vw auto;
		max-width:1420px;
	}
	.pickupImg{
		margin:0 auto;
		width:300px;
		height:300px;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		border-radius:150px;
	}
	.col3{
		display:inline-block;
		width:30%;
	}
	.divFlex{
		display:flex;
		justify-content:space-between;
	}
	.pickupTitle{
		font-size:24px;
		line-height:48px;
		font-weight:bold;
	}
	p{
		font-size:16px;
		line-height:32px;
	}
	.icon{
		width:24px;
		height:24px;
		display:inline-block;
		vertical-align:middle;
		transition:.3s all ease-out;
		margin-left:5px;
	}
	.pickup,.sustainMenu{
		cursor:pointer;
		text-align:center;
	}
	.pickup:hover .icon, .sustainMenu:hover .icon {
		transform:scale(1.4);
	}
	.sustainMenu img{
		transition:.3s all ease-out;
	}
	.sustainMenu:hover img{
		opacity:.8;
	}
	
	
}
.btnLink{
			display:inline-block;
			padding:16px 26px;
			background-color:black;
			color:white;
			border-radius:36px;
			font-weight:bold;
			cursor:pointer;
			border:solid 1px black;
			transition:.3s all ease-out;
		}
		.btnLink:hover{
			background-color:white;
			color:#ea1215;
		}
		.btnLink:hover .icon{
			transform:scale(1.4);
		}
.hide{
	display:none;
}