@media only screen and (max-width:768px){
	.header{
		position:fixed;
		left:0;
		width:100vw;
		height:13.6vw;
		z-index:10;
		background-color:white;
		transition:all .3s ease-out;
	}
	.logo{
		background-image:url(../imgs/logo_black.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.headerActive{
		background-color:black;
	}
	.header .inner{
		position:relative;
		width:100vw;
		height:13.6vw;
	}
	.header .tbcell{
		position:relative;
		width:100vw;
		height:13.6vw;
		display:block;
		text-align:right;
		vertical-align:top;
	}
	.headerAct{
		background-color:white;
	}
	.bg{
		background-image:url(../imgs/bg1.jpg);
		background-position:95% top;
		background-repeat:no-repeat;
		background-size:auto 126%;
		transition:.7s all ease-out;
	}
	.bg{
		position:relative;
		width:100vw;
		height:59.25vw;
	}
	.logo{
		position:absolute;
		width:25.9vw;
		height:5.7vw;
		left:3vw;
		top:3vw;
	}
	.menu{
		display:none;
	}
	.menuSP{
		position:absolute;
		width:13.6vw;
		height:13.6vw;
		right:3vw;
		top:0;
		background-image:url(../imgs/menuSPB.png);
		background-position:center;
		background-repeat:no-repeat;
		background-size:50%;
		z-index:10;
		cursor:pointer;
	}
	.menuSP:active{
		opacity:.7;
	}
	.menuSPBody{
		position:fixed;
		z-index:6;
		background-color:white;
		top:0;
		left:0;
		width:100vw;
		height:100vh;
		color:#303030;
		
	}
	.menuSPItem{
		width:80vw;
		margin-left:10vw;
		min-height:15.5vw;
		font-size:3.7vw;
		line-height:15.5vw;
		text-align:center;
		border-bottom:solid 1px #b7b7b7;
		
	}
	.menuSPItem .inner{
		width:80vw;
		height:15.5vw;
		transition:.3s all ease-out;
	}
	.menuSPItem .inner:active{
		color:#bf3c34;
	}
	.menuSPItem img{
		vertical-align:middle;
		margin-left:1vw;
		width:5vw;
		transform-origin:center;
		transition:.3s all ease-out;
		transform:rotate(180deg);
	}
	.menuSPItem .arrow{
		display:inline-block;
		vertical-align:top;
		margin-top:7vw;
		margin-left:1.5vw;
		width: 0px;
		height: 0px;
		border: 1.6vw solid #303030;
		border-top-color: #303030;
		border-bottom-color: transparent;
		border-left-color: transparent;
		border-right-color: transparent;
		transform-origin:center 0.8vw;
		transition:.3s all ease-out;
	}
	.menuSPItem .lang{
		font-size:3.2vw;
		line-height:15.5vw;
	}
	.menuSPItem:nth-child(1){
		margin-top:13.6vw;
	}
	.submenu{
		transition:.3s all ease-out;
		height:0;
		overflow:hidden;
	}
	.menuSPItem .active{
		color:#bf3c34;
	}
	.menuSPItem .active .arrow{
		border-top-color: #bf3c34;
		transform:rotate(180deg);
	}
	.menuSPItem .show{
		height:auto;
	}
	.submenuItem{
		width:60vw;
		height:15.5vw;
		margin:0 auto;
		color:#303030;
		border-top:solid 1px #FEFEFE;
		transition:.3s all ease-out;
	}
	.submenuItem:active{
		color:#bf3c34;
	}
	.submenuItem img{
		vertical-align:middle;
		margin-left:1vw;
		width:3.7vw;
		transform:rotate(0);
	}
	.bg .inner{
		position:relative;
		width:100vw;
		height:59.25vw;
		margin:0 auto;
		overflow:hidden;
		
	}
	.bg .tbcell{
		position:relative;
		display:inline-block;
		width:auto;
		height:59.25vw;
	}
	.news{
		display:inline-block;
		width:59vw;
		margin-left:5vw;
		vertical-align:bottom;
		cursor:pointer;
		transition:.3s all ease-out;
		margin-top:18vw;
		text-align:center;
	}
	.news a{
		transition:.3s all ease-out;
	}
	.news a:hover{
		opacity:.7;
	}
	.news .title{
		margin-top:-1vw;
		font-size:10vw;
		line-height:14vw;
		color:white;
		font-weight:bold;
		letter-spacing:0;
		text-shadow: 2px 2px 4px #111111;
		letter-spacing:1vw;
	}
	.news .txt{
		display: -webkit-box;
		overflow: hidden;
		text-overflow: ellipsis;
		word-break: break-all;
		-webkit-box-orient:vertical;
		-webkit-line-clamp:3;
		font-size:3.5vw;
		line-height:6vw;
		color:white;
		margin-top:8vw;
		text-shadow: 1px 1px 2px #111111;
		letter-spacing:.3vw;
	}
	.news img{
		width:80vw;
		height:20vw;margin-top:8vw;border:solid 3px rgba(255,255,255,.5);
	}
	.divAct{
		display:block;
		width:87vw;
		position:relative;
		text-align:center;
		margin:3vw auto;
		
	}
	.divAct2{
		position:relative;
		width:26vw;
		height:15vw;
		margin-top:-2vw;
		margin-left:2vw;
		display: inline-block;
		cursor:default;
	}
	.act{
		display:inline-block;
		position:relative;
		width:26vw;
		height:16vw;
		cursor:default;
		margin:0;
	}
	.divAct .act:nth-child(1){
		margin-right:4.5vw;
	}
	.adv{
		margin:3vw 0;
	}
	.imgAdv{
		display:inline-block;
		width:100%;
		border:4px solid rgba(200,200,200,.6);
		margin:2vw 0;
	}
	.close{
		position:absolute;
		top:3%;
		right:3%;
		display:inline-block;
		width:16px;
		height:16px;
		opacity:.9;
	}
	.global:active{
		opacity:.7;
	}
	.type{
		position:relative;
		width:100%;
		text-align:left;
		font-size:0;
	}
	
	.typeChild{
		display:inline-block;
		width:45.5%;
		height:32vw;
		text-align:left;
		border-radius:2vw;
		margin-left:3vw;
		margin-top:3vw;
		overflow:hidden;
	}
	.typeChild .title{
		font-size:4.6vw;
		line-height:7vw;
		color:white;
		font-weight:bold;
	}
	.typeChild .titleCn{
		font-size:2.2vw;
		line-height:3.4vw;
		color:white;
		letter-spacing:0;
	}
	.typeChild .titleCn strong{
		font-size:1.5vw;
		line-height:2.6vw;
		color:white;
		font-weight:bold;
	}
	.typeChild .inner{
		width:90%;
		margin:5%;
		margin-top:8%;
	}
	.typeChild .more{
		position:absolute;
		width:23.1vw;
		height:7.4vw;
		border-radius:7.4vw;
		right:0;
		top:18vw;
		background-color:#e7342f;
		font-size:2.4vw;
		line-height:7.4vw;
		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:2.2vw;
		height:7.4vw;
		background-image:url(../imgs/more.png);
		background-size:2.2vw 7.4vw;
		
	}
	.type .typeChild .more:active{
		background-color:white;
		color:#3a3a3a;
	}
	.type .typeChild .more:active .arrow{
		background-image:url(../imgs/moreActive.png);
	}
	.us{
		margin-top:11vw;
		margin-bottom:11vw;
		text-align:center;
		color:#3a3a3a;
		font-size:3.7vw;
		line-height:5vw;
	}
	.icon{
		display:inline-block;
		width:11vw;
		height:11vw;
		border-radius:11vw;
		vertical-align:middle;
		cursor:pointer;
		transition:.3s all ease-out;
	}
	.icon:active{
		opacity:.7;
	}
	.iconContain{
		display:inline-block;
		position:relative;
		width:80px;
		height:80px;
		margin-left:3vw;
		vertical-align:middle;
	}
	.rightColumn{
		position:fixed;
		top:calc( 86vh - 120px );
		right:0;
		width:126px;
		z-index:1;
		text-align:right;
	}
	.rightColumn .qrshow{
		transform:translateX(-120px);
	}
	.rightColumn .exhshow{
		transform:translateX(-90px);
	}
	.rightColumn .rightColumnRow{
		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:90px;
	}
	.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{
		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:90px;
	}
	.rightColumn .qr{
		background-image:url(../imgs/qr.png);
		background-repeat:no-repeat;
		background-size:contain;
	}
	.qrbody{
		position:relative;
		display:inline-block;
		width:28vw;
		height:28vw;
		margin-top:3vw;
	}
	.qrbody img{
		width:20vw;
		height:20vw;
		margin:4vw;
		margin-bottom:1vw;
		
	}
	.qrbody .txt{
		position:relative;
		width:100%;
		height:6vw;
		text-align:center;
		font-size:2.6vw;
		line-height:6vw;
		bottom:0;
		z-index:1;
	}
	
	.link{
		width:100vw;
		height:40vw;
		background-color:#efefef;
		text-align:left;
		margin-top:3vw;
	}
	.linkItem{
		display:inline-block;
		width:36.5vw;
		height:11.75vw;
		margin:2vw 3.2vw;
		background-color:white;
		cursor:pointer;
		transition:.3s all ease-out;
		border-radius:5px;
		overflow:hidden;
	}
	.link a:nth-child(1) .linkItem{
		margin-left:9vw;
		margin-top:6vw;
	}
	.link a:nth-child(3) .linkItem{
		margin-left:9vw;
	}
	.linkItem:active{
		opacity:.7;
	}
	.footer{
		position:relaitve;
		width:100vw;
		padding:2vw 0;
		background-color:black;
		color:#b7b7b7;
		font-size:1.6vw;
		line-height:3vw;
		text-align:center;
	}
	.footer a{
		color:#b7b7b7;
		text-decoration:none;
	}
	.pc{
		display:none;
	}
	.topColumn{
		position:absolute;
		top:1.8vw;
		left:25vw;
		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:4.6vw;
		height:4.6vw;
		background-size:cover;
		border-radius:4.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:3vw;
		margin-right:3vw;
	}
	.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);
	}
	.qrcode{
		position:absolute;
		z-index:100;
		width:120px;
		height:300px;
		top:-264px;
		left:36px;
		background-color:#d31c2e;
	}
	.qrbody{
		position:relative;
		width:120px;
		height:100px;
		margin:0;
		text-align:left;
	}
	.qrbody img{
		width:90px;
		height:90px;
		margin:5px;
	}
	.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;
	}
	.videoDiv{
		width:100vw;
		height:100vh;
		background-color:black;
	}
	.videoDiv video{
		width:100%;
		height:100%;
	}
	.divLeftMenu{
		display:inline-block;
		position:relative;
		width:100vw;
		height:60vw;
		background-color:#efefef;
		margin-top:12vw;
	}
	.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:12px;
		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:12px;
		height:16px;
		background-size:contain;
		background-repeat:no-repeat;
		vertical-align:middle;
	}
	.divLeftMenu .cf a:hover{
		opacity:0.7;
	}
	.divLeftMenu .prevBtn{
		position:absolute;
		width:18px;
		height:18px;
		transform:rotate(45deg);
		transform-origin:center;
		border-bottom:solid 5px white;
		border-left:solid 5px white;
		top:calc( 50% - 10px );
		left:5vw;
		z-index:1;
		transition:.3s all ease-out;
		cursor:pointer;
	}
	
	.divLeftMenu .nextBtn{
		position:absolute;
		width:18px;
		height:18px;
		transform:rotate(225deg);
		transform-origin:center;
		border-bottom:solid 5px white;
		border-left:solid 5px white;
		top:calc( 50% - 10px );
		right:5vw;
		z-index:1;
		transition:.3s all ease-out;
		cursor:pointer;
	}
	.divLeftMenu .prevBtn:hover:{
		opacity:0.1;
	}
	.divRightCont{
		display:inline-block;
		position:relative;
		width:100%;
		margin-left:.2vw;
		overflow-x:hidden;
		background-color:white;
		vertical-align:top;

	}
	.divRightContProd{
		display:inline-block;
		position:relative;
		width:100%;
		margin-left:.2vw;
		overflow-x:hidden;
		background-color:white;
		vertical-align:top;
	}
	.divRightCont .divTitle,.divRightContProd .divTitle{
		width:100%;
		height:5vw;
		background-color:#d31c2e;
		color:white;
		font-size:2.8vw;
		line-height:5vw;
		text-align:center;
		
	}
	.divRightCont .divContOuter{
		position:relative;
		width:80%;
		margin-left:10%;
		margin-top:20px;
		margin-bottom:4vh;
	}
	.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:100vw;
		background-color:#efefef;
		margin-top:12vw;
		padding-bottom:5vw;
	}
	.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:5vw;
		text-align:left;
		padding:0;
		width:90%;
		margin-left:6vw;
		white-space:nowrap;
		overflow:hidden;
		text-overflow: ellipsis;
	}
	
	.divLeftMenuProd .divMenu li{
		display:inline-block;
		margin-top:12px;
		height:24px;
		font-size:2.8vw;
		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:100vw;
		margin-top:4vw;
	}
	.divLeftMenuProd .divMenuClass  ul{
		position:relative;
		display:block;
		text-align:left;
	}
	.divLeftMenuProd .divMenuClass li{
		position:relative;
		display:inline-block;
		width:36vw;
		height:24vw;
		margin:2vw;
		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:3.4vw;
		line-height:24vw;
		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:84vw;
		height:48vw;
		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{
		width:80%;
		margin-left:10%;
		margin-top:5vw;
		margin-bottom:8vw;
		min-height:20vh;
	}
	.divRightContChild2{
		position:relative;
		width:80%;
		margin-left:10%;
		z-index:1;
	}
	.divLeftMenuProd .inner{
		position:relative;
		margin-top:10vw;margin-bottom:.7vw;width:100%;text-align:center;
	}
	.divLeftMenuProd img{
		display:inline-block;width:80%;
	}
	#privacy{
		position:fixed;
		top:10vh;
		left:10vw;
		width:80vw;
		height:80vh;
		z-index:200;
		background-color:white;
		box-shadow:3px 3px 6px black;
		letter-spacing:1px;
	}
	
	#privacy .privacyHead{
		width:calc(100% - 10vw);
		height:60px;
		font-size:24px;
		line-height:60px;
		font-weight:bold;
		margin-left:5vw;
		margin-top:10px;
	}
	#privacy .privacyInner{
		position:relative;
		width:calc(100% - 10vw);
		height:calc(100% - 110px);
		margin-left:5vw;
		overflow-y:scroll;
		border:solid 1px #DEDEDE;
	}
	#privacy .privacyInner2{
		position:relative;
		width:calc(100% - 5vw);
		margin:2.5vw;
		text-align:justify;
	}
	#privacy h1{
		font-size:16px;
		line-height:28px;
	}
	#privacy p{
		font-size:12px;
		line-height:24px;
		text-indent:2em;
	}
	#privacy ul{
		margin:0;
		padding:0;
		text-indent:2em;
		list-style:none;
		font-size:12px;
		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:92vw;
		margin:5vw auto;
	}
	.pickupImg{
		display:block;
		margin:0 auto;
		width:300px;
		max-width:80%;
		aspect-ratio:1/1;
		background-size:cover;
		background-position:center;
		background-repeat:no-repeat;
		border-radius:150px;
	}
	.col3{
		display:inline-block;
		width:100%;
	}
	.divFlex{
		display:block;
		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{
		cursor:pointer;
		text-align:center;
	}
	.pickup:hover .icon{
		transform:scale(1.4);
	}
	.btnLink{
			display:inline-block;
			padding:18px;
			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);
		}
}