@font-face {
	font-family: "SourceHanSans";
	src: url("../font/SourceHanSansCN-Regular.ttf");
}

body {
	background: #FFF;
	font-family: "SourceHanSans", Times New Roman, serif;
}

/*header部分*/
.header {
	box-shadow: 0 1px 1px 0 #CCC;
	z-index: 999;
	transition: 0.3s;
	position: fixed;
	width: 100%;
	height: 100px;
	background: #FFF;
}

.nav-logo {
	margin-top: 3px;
}

.nav-logo img {
	width: auto;
	height: 95px;
}

.header .layui-container .layui-nav .layui-nav-item a {
	color: #000;
}

.header .layui-container .layui-nav .layui-nav-item a:hover {
	color: #c6000b;
	font-weight: bold;
}

.header .layui-container .zlinks {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.header .layui-nav {
	padding: 0;
	background-color: transparent;
	border-top: 1px solid #CCC;
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
	align-items: center;
}

.header .layui-nav-bar {
	background-color: #c6000b;
}

.header .layui-nav .layui-nav-item {
	line-height: 50px;
}

.language {
	line-height: 50px;
	font-weight: bold;
	font-size: 18px;
	margin-right: 20px;
}

.pop-weixin {
	margin-right: 20px;
}

.pop-weixin img {
	width: 25px;
	height: auto;
}

.pop-weibo {
	margin-right: 20px;
}

.pop-weibo img {
	width: 25px;
	height: auto;
}

#wxImg {
	position: absolute;
	z-index: 1000;
	display: none;
	background-color: #FFF;
	text-align: center;
}

#wxImg img {
	width: 200px;
	border: #CCC 1px solid;
}

#wbImg {
	position: absolute;
	z-index: 1000;
	display: none;
	background-color: #FFF;
	text-align: center;
}

#wbImg img {
	width: 200px;
	border: #CCC 1px solid;
}

.pop-weixin:hover #wxImg {
	display: block;
}

.pop-weibo:hover #wbImg {
	display: block;
}

.mobile-icon {
	display: none;
}

.nav-lang-logo {
	display: none;
}

/*main部分*/
.zmain {
	padding-top: 100px;
}

.brief {
	margin-left: 50px;
	margin-right: 50px;
}

.p_title {
	color: #484848;
	font-size: 30px;
	font-weight: bold;
	line-height: 80px;
	margin-top: 30px;
}

.p_title_m {
	color: #484848;
	font-size: 30px;
	font-weight: bold;
	line-height: 80px;
	margin-top: 30px;
	text-align: center;
}

.p_subtitle {
	color: #484848;
	font-size: 20px;
	font-weight: bold;
	line-height: 50px;
}

.p_maintext {
	line-height: 40px;
	font-size: 14px
}

.p_minitext {
	line-height: 25px;
	font-size: 10px
}

.p_line {
	width: 120px;
	height: 3px;
	background-color: #c6000b;
	border: none;
	margin-left: 0;
}

/*关于品渥*/

.banner_pic img {
	width: 100%;
	height: auto;
}

.AboutLargeP-mob {
	display: none;
}

.AboutPics-mob {
	display: none;
}

/*价值创造*/

.mission_list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 380px;
}

.emission_list {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-template-rows: 500px;
}

.mission1 {
	grid-column: 1;
	grid-row: 1;
	padding: 10px;
	margin: 10px;
	border: 1px solid #CCC;
	text-align: center;
}

.mission1 p {
	text-align: left;
	margin-top: 10px;
}

.mission1 img {
	filter: grayscale(100%);
	opacity: 1;
}

.mission1:hover {
	color: #c6000b;
	border-bottom-color: #c6000b;
	border-bottom-width: 3px;
}

.mission1:hover img {
	filter: none;
	opacity: 1;
}

.mission2 {
	grid-column: 2;
	grid-row: 1;
	padding: 10px;
	margin: 10px;
	border: 1px solid #CCC;
	text-align: center;
}

.mission2 p {
	text-align: left;
	margin-top: 10px;
}

.mission2 img {
	filter: grayscale(100%);
	opacity: 1;
}

.mission2:hover {
	color: #c6000b;
	border-bottom-color: #c6000b;
	border-bottom-width: 3px;
}

.mission2:hover img {
	filter: none;
	opacity: 1;
}

.mission3 {
	grid-column: 3;
	grid-row: 1;
	padding: 10px;
	margin: 10px;
	border: 1px solid #CCC;
	text-align: center;
}

.mission3 p {
	text-align: left;
	margin-top: 10px;
}

.mission3 img {
	filter: grayscale(100%);
	opacity: 1;
}

.mission3:hover {
	color: #c6000b;
	border-bottom-color: #c6000b;
	border-bottom-width: 3px;
}

.mission3:hover img {
	filter: none;
	opacity: 1;
}

.mission4 {
	grid-column: 4;
	grid-row: 1;
	padding: 10px;
	margin: 10px;
	border: 1px solid #CCC;
	text-align: center;
}

.mission4 p {
	text-align: left;
	margin-top: 10px;
}

.mission4 img {
	filter: grayscale(100%);
	opacity: 1;
}

.mission4:hover {
	color: #c6000b;
	border-bottom-color: #c6000b;
	border-bottom-width: 3px;
}

.mission4:hover img {
	filter: none;
	opacity: 1;
}

/*品牌与产品*/
.BrandPics {
	display: flex;
	justify-content: space-around;
}

.BrandPics-mob {
	display: none;
}

.AboutLargeP {
	display: flex;
}

.AboutLargeP img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}

.AboutPics {
	width: 100%;
	display: flex;
	justify-content: space-around;
	margin-top: 20px;
}

.AboutPic {
	margin: 0 10px;
}

.AboutPic img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	box-shadow: 5px 5px 5px #888888;
	border-radius: 10px;
}

/*德亚*/
.banner_pic {
	width: 100%;
	height: auto;
}

.BrandStory {
	margin-top: 120px;
}

.BrandStory img {
	width: 100%;
	height: auto;
}

.BrandLogo {
	text-align: center;
	margin: 50px 0;
}

.zvideo {
	margin-bottom: 100px;
	width: 100%;
	height: auto;
}

.twinkle {
	display: none;
}

.dyPics {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1130px;
}

.dyPic {
	width: 101px;
	height: 339px;
	display: inline-block;
	overflow: hidden;
}

.dyPic img {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: -1px;
	width: 103px;
	height: 341px;
	transition: 1s;
}

#dyPic1 {
	width: 433px;
}

#dyPicImg1 {
	background-image: url(../img/dyPicL1.jpg);
	width: 435px;
}

#dyPicImg2 {
	background-image: url(../img/dyPic2.jpg);
}

#dyPicImg3 {
	background-image: url(../img/dyPic3.jpg);
}

#dyPicImg4 {
	background-image: url(../img/dyPic4.jpg);
}

#dyPicImg5 {
	background-image: url(../img/dyPic5.jpg);
}

#dyPicImg6 {
	background-image: url(../img/dyPic6.jpg);
}

#dyPicImg7 {
	background-image: url(../img/dyPic7.jpg);
}

.dyPic2 {
	width: 210px;
	height: 339px;
	display: inline-block;
	overflow: hidden;
}

.dyPic2 img {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: -1px;
	width: 212px;
	height: 341px;
	transition: 1s;
}

#dyPic8 {
	width: 433px;
}

#dyPicImg8 {
	background-image: url(../img/dyPicL8.jpg);
	width: 435px;
}

#dyPicImg9 {
	background-image: url(../img/dyPic9.jpg);
}

#dyPicImg10 {
	background-image: url(../img/dyPic10.jpg);
}

#dyPicImg11 {
	background-image: url(../img/dyPic11.jpg);
}


#edyPicImg1 {
	background-image: url(../eimg/dyPicL1.jpg);
	width: 435px;
}

#edyPicImg2 {
	background-image: url(../eimg/dyPic2.jpg);
}

#edyPicImg3 {
	background-image: url(../eimg/dyPic3.jpg);
}

#edyPicImg4 {
	background-image: url(../eimg/dyPic4.jpg);
}

#edyPicImg5 {
	background-image: url(../eimg/dyPic5.jpg);
}

#edyPicImg6 {
	background-image: url(../eimg/dyPic6.jpg);
}

#edyPicImg7 {
	background-image: url(../eimg/dyPic7.jpg);
}

#edyPic8 {
	width: 433px;
}

#edyPicImg8 {
	background-image: url(../eimg/dyPicL8.jpg);
	width: 435px;
}

#edyPicImg9 {
	background-image: url(../eimg/dyPic9.jpg);
}

#edyPicImg10 {
	background-image: url(../eimg/dyPic10.jpg);
}

#edyPicImg11 {
	background-image: url(../eimg/dyPic11.jpg);
}

/*悬浮窗*/
.Contactus {
	width: 130px;
	height: 40px;
	position: fixed;
	bottom: 50%;
	right: 40px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
}

#gyContactus {
	width: 90px;
}

.ContactText {
	width: 130px;
	height: auto;
	text-align: center;
}

#ContactWXQR {
	position: absolute;
	z-index: 1000;
	left: -75px;
	display: none;
}

.ContactWX:hover #ContactWXQR {
	display: block;
}

#ContactDYQR {
	position: absolute;
	z-index: 1000;
	left: -30px;
	display: none;
}

.ContactDY:hover #ContactDYQR {
	display: block;
}

#ContactTMQR {
	position: absolute;
	z-index: 1000;
	left: -15px;
	display: none;
}

.ContactTM:hover #ContactTMQR {
	display: block;
}

#gyContactDYQR {
	position: absolute;
	z-index: 1000;
	left: -80px;
	display: none;
}

.ContactDY:hover #gyContactDYQR {
	display: block;
}

#gyContactTMQR {
	position: absolute;
	z-index: 1000;
	left: -50px;
	display: none;
}

.ContactTM:hover #gyContactTMQR {
	display: block;
}

/*瓦伦丁*/
.wldPics {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1130px;
}

.wldPic {
	width: 320px;
	height: 339px;
	display: inline-block;
	overflow: hidden;
}

.wldPic img {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: -1px;
	width: 322px;
	height: 341px;
	transition: 1s;
}

#wldPic1 {
	width: 433px;
	height: 339px;
	display: inline-block;
	overflow: hidden;
}

#wldPicImg1 {
	background-image: url(../img/wldPicL1.jpg);
	width: 435px;
}

#wldPicImg2 {
	background-image: url(../img/wldPic2.jpg);
}

#wldPicImg3 {
	background-image: url(../img/wldPic3.jpg);
}

#ewldPicImg1 {
	background-image: url(../eimg/wldPicL1.jpg);
	width: 435px;
}

#ewldPicImg2 {
	background-image: url(../eimg/wldPic2.jpg);
}

#ewldPicImg3 {
	background-image: url(../eimg/wldPic3.jpg);
}


/*品利*/
.plPics {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1130px;
}

.plPic {
	width: 210px;
	height: 339px;
	display: inline-block;
	overflow: hidden;
}

.plPic img {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: -1px;
	width: 212px;
	height: 341px;
	transition: 1s;
}

#plPic1 {
	width: 433px;
	height: 339px;
	display: inline-block;
	overflow: hidden;
}

#plPicImg1 {
	background-image: url(../img/plPicL1.jpg);
	width: 435px;
}

#plPicImg2 {
	background-image: url(../img/plPic2.jpg);
}

#plPicImg3 {
	background-image: url(../img/plPic3.jpg);
}

#plPicImg4 {
	background-image: url(../img/plPic4.jpg);
}

#eplPicImg1 {
	background-image: url(../eimg/plPicL1.jpg);
	width: 435px;
}

#eplPicImg2 {
	background-image: url(../eimg/plPic2.jpg);
}

#eplPicImg3 {
	background-image: url(../eimg/plPic3.jpg);
}

#eplPicImg4 {
	background-image: url(../eimg/plPic4.jpg);
}

/*谷优*/
.gyPics {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	max-width: 1130px;
}

.gyPic {
	width: 320px;
	height: 339px;
	display: inline-block;
	overflow:hidden;
}

.gyPic img {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin: -1px;
	width: 322px;
	height: 341px;
	transition: 1s;
}

#gyPic1 {
	width: 433px;
}

#gyPicImg1 {
	background-image: url(../img/gyPicL1.jpg);
	width: 435px;
}

#gyPicImg2 {
	background-image: url(../img/gyPic2.jpg);
}

#gyPicImg3 {
	background-image: url(../img/gyPic3.jpg);
}


#egyPicImg1 {
	background-image: url(../eimg/gyPicL1.jpg);
	width: 435px;
}

#egyPicImg2 {
	background-image: url(../eimg/gyPic2.jpg);
}

#egyPicImg3 {
	background-image: url(../eimg/gyPic3.jpg);
}


/*底部*/
.footer {
	background: #f8f8f8;
	margin-top: 20px;
}

.footer_left {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-evenly;
}

.footer_right {
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.footer_left_1 {
	text-align: center;
}

.footer_left_2 {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 10px;
	margin-top: 5px;
}

.footer_left_3 {
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
	font-size: 10px;
	margin-top: 5px;
}

.footer_left_1 img {
	height: 80px;
	width: auto;
	margin-top: 3px;
}

.footer_left_2 img {
	height: 100px;
	width: auto;
}

.footer_left_3 img {
	height: 100px;
	width: auto;
}

.p_nav_title {
	line-height: 60px;
}

.p_nav_title a {
	color: #c6000b;
	font-size: 16px;
	border-bottom: 3px solid #c6000b;
}

.p_nav_title a:hover {
	font-weight: bold;
}

.p_nav_item {
	color: #484848;
	font-size: 13px;
	line-height: 30px;
}

.p_nav_title_en {
	line-height: 60px;
}

.p_nav_title_en a {
	color: #c6000b;
	font-size: 13px;
	border-bottom: 3px solid #c6000b;
}

.p_nav_title_en a:hover {
	font-weight: bold;
}

.p_nav_item_en {
	color: #484848;
	font-size: 11px;
	line-height: 30px;
}

.p_copyright {
	color: #484848;
	font-size: 12px;
	text-align: center;
	line-height: 50px;
}

.footer_mobile {
	display: none;
}

.footer_mobile .p_copyright {
	color: #484848;
	font-size: 12px;
	text-align: center;
	line-height: 25px;
}

.police_pic{
	text-align: center;
	margin-top: 10px;
}

.police_pic img{
	width: 38%;
	height: auto;
}

.proposal{
	height: 50px;
	width: 100%;
	text-align: center;
	margin-top: 10px;;
}

.marquee{
	text-align: center;
	direction:"left";
}

/*超清屏幕*/
@media screen and (min-width: 1680px) {

	.header .layui-container .layui-nav .layui-nav-item a {
		font-size: 18px;
	}

	.p_nav_title a {
		font-size: 18px;
	}

	.p_nav_item {
		font-size: 15px;
	}

	.footer_left_1 img {
		height: 100px;
		width: auto;
	}

	.footer_left_2 img {
		height: 120px;
		width: auto;
	}

	.footer_left_3 img {
		height: 120px;
		width: auto;
	}

	.p_copyright {
		font-size: 14px;
	}

	.p_maintext {
		font-size: 16px
	}

	.p_nav_title_en a {
		font-size: 16px;
	}

	.p_nav_item_en {
		font-size: 13px;
	}

	.mission_list {
		grid-template-rows: 450px;
	}

	.p_minitext {
		font-size: 15px;
	}

	.brief {
		margin-left: 250px;
		margin-right: 250px;
	}

	.police_pic img{
		width: 33%;
		height: auto;
	}

}

/*普通屏幕*/
@media screen and (min-width: 1200px) {}

/*小屏幕*/
@media screen and (max-width: 1199px) {
	.layui-container {
		padding: 0 0;
	}

	.header {
		z-index: 999;
		transition: 0.3s;
		position: fixed;
		width: 100%;
		height: 53px;
		box-shadow: none;
		background: none;
	}

	.header .nav-logo {
		text-align: left;
		display: flex;
		justify-content: space-around;
		align-items: center;
	}

	.nav-logo img {
		width: auto;
		height: 50px;
	}

	.header .nav-lang-logo {
		height: 50px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.header .nav-lang-logo span {
		font-size: 18px;
	}

	.header .nav {
		display: none;
		width: 100%;
		position: absolute;
		z-index: 99;
		top: 5px;
	}

	.header .layui-nav {
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		display: block;
		background-color: #393d49;
	}

	.header .layui-nav li {
		width: 100%;
		text-align: center;
	}

	.pop-weixin {
		display: none;
	}

	.pop-weibo {
		display: none;
	}

	.language {
		display: none;
	}

	.mobile-icon {
		display: block;
		font-size: 30px;
		float: right;
	}

	.layui-nav .layui-this:after,
	.layui-nav-bar,
	.layui-nav-tree .layui-nav-itemed:after {
		height: 1px;
		background-color: #5FB878;
	}

	.zmain {
		padding-top: 55px;
	}

	.AboutLargeP {
		display: none;
	}

	.AboutLargeP-mob {
		display: block;
	}

	.AboutLargeP-mob img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.twinkle {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: -100px;
	}

	.btn-twinkle{
		font-size: 25px;
		color: #fff;
		border:none;
		animation: twinkle 1s alternate infinite;
	}
	@keyframes twinkle{
		from{background: #16e2eb;}
		to{background: #3b6e99;}
	}

	.AboutPics {
		display: none;
	}

	.AboutPics-mob {
		width: 100%;
		display: flex;
		justify-content: space-around;
		margin-top: -60px;
	}

	.AboutPic-mob {
		margin: 0 5px;
	}

	.AboutPic-mob img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.banner_pic {
		display: none;
	}

	.banner_pic-mob img {
		height: 100%;
		width: 100%;
		object-fit: cover;
	}

	.brief {
		margin-left: 0;
		margin-right: 0;
	}

	.footer {
		margin-top: 0;
	}

	.footer_left {
		display: none;
	}

	.footer_right {
		display: none;
	}

	.footer_bottom {
		display: none;
	}

	.footer_mobile {
		display: flex;
		flex-direction: column;
	}

	.BrandPics {
		display: none;
	}

	.BrandPics-mob {
		display: flex;
		flex-direction: column;
	}

	.BrandPic img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.AboutPic img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.BrandStory {
		display: none;
	}

	.BrandStory-mob {
		margin-top: 20px;
	}

	.BrandStory-mob img {
		width: 100%;
		height: auto;
	}

	.BrandLogo {
		display: none;
	}

	.dyPics {
		display: none;
	}
    
	/*
	.zvideo {
		display: none;
	}*/

	.Contactus {
		display: none;
	}

	.layui-carousel {
		margin-top: 20px;
	}

	.layui-carousel img {
		width: 100%;
		height: 100%;

	}

}