@charset "utf-8";
/* CSS Document */
@media screen and ( min-width: 768px) {
.des_banner {
	width: 100%;
	height: auto;
	background: url(../images/des_bannerbg.jpg) center top;
	padding: 60px 0;
}
.des_banner .pic {
	width: 160px;
	height: 160px;
	border-radius: 80px;
	border: 4px solid white;
	overflow: hidden;
	margin: 0 auto;
}
.des_banner .pic img {
	width: 100%;
	height: 100%;
	-webkit-object-fit: cover;
	-moz-object-fit: cover;
	-ms-object-fit: cover;
	-o-object-fit: cover;
	object-fit: cover;
}
.des_banner .txt {
	text-align: center;
	color: white;
}
.des_banner .txt b {
	color: white;
	font-size: 28px;
	font-weight: normal;
	display: block;
	margin-top: 10px;
}
.des_banner .txt span {
	color: #cfcfcf;
	font-size: 14px;
	padding: 5px 0 10px 0;
	display: block;
}
.des_banner .txt strong {
	font-size: 18px;
	margin-bottom: 10px;
	display: block;
}
.des_banner .txt strong em {
	font-size: 28px;
	font-weight: bold;
	padding: 0 10px;
}
.des_banner .txt strong i {
	margin: 0 30px;
}
.des_banner .txt p {
	display: block;
	max-width: 600px;
	color: white;
	margin: 0 auto;
	font-size: 14px;
}
.des_banner .txt a {
	margin-top: 20px;
	width: 140px;
	background: #e62129;
	text-decoration: none;
}
.des_banner .txt a img {
	display: inline-block;
	margin-right: 10px;
}
.layui-btn {
	display: inline-block;
	height: 38px;
	line-height: 38px;
	padding: 0 18px;
	background-color: #009688;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: 14px;
	border: none;
	border-radius: 2px;
	cursor: pointer;
}
.layui-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	color: #fff
}
}
@media screen and ( max-width: 768px) {
.des_banner {
	width: 100%;
	height: auto;
	background: url(../images/des_bannerbg.jpg) center top;
	padding: .5rem 0;
}
.des_banner .pic {
	width: 4rem;
	height: 4rem;
	border-radius: 2rem;
	border: .1rem solid white;
	overflow: hidden;
	margin: 0 auto;
}
.des_banner .pic img {
	width: 100%;
	height: 100%;
	-webkit-object-fit: cover;
	-moz-object-fit: cover;
	-ms-object-fit: cover;
	-o-object-fit: cover;
	object-fit: cover;
}
.des_banner .txt {
	text-align: center;
	color: white;
}
.des_banner .txt b {
	color: white;
	font-size: .8rem;
	font-weight: normal;
	display: block;
	margin-top: .2rem;
}
.des_banner .txt span {
	color: #cfcfcf;
	font-size: .36rem;
	padding: .2rem 0;
	display: block;
}
.des_banner .txt strong {
	font-size: .4rem;
	margin-bottom: .2rem;
	display: block;
}
.des_banner .txt strong em {
	font-size: .8rem;
	font-weight: bold;
	padding: 0 .2rem;
}
.des_banner .txt strong i {
	margin: 0 .3rem;
}
.des_banner .txt p {
	display: block;
	max-width: 80%;
	color: white;
	margin: 0 auto;
	font-size: .36rem;
}
.des_banner .txt a {
	margin-top: .5rem;
	width: 33.33%;
	background: #e62129;
	text-decoration: none;
}
.layui-btn {
	display: inline-block;
	height: .8rem;
	line-height: .8rem;
	padding: 0 .4rem;
	color: #fff;
	white-space: nowrap;
	text-align: center;
	font-size: .4rem;
	border: none;
	border-radius: .1rem;
	cursor: pointer;
}
.layui-btn:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	color: #fff
}
}