@media (max-width:768px) {
	@font-face {
		font-family: 'FontAwesome';
		src: url('../../apps/admin/view/default/font-awesome/fonts/fontawesome-webfont.eot?v=4.7.0');
		src: url('../../apps/admin/view/default/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../../apps/admin/view/default/font-awesome/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../../apps/admin/view/default/font-awesome/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../../apps/admin/view/default/font-awesome/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../../apps/admin/view/default/font-awesome/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	* {
		margin: 0;
		padding: 0;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	body {
		font-size: 16px;
		font-family: "FontAwesome";
		max-width: 2000px;
		margin: 0 auto;
		background-color: #f1f1f1;
	}

	button {
		background: none;
		border: none;
		padding: 0;
		margin: 0;
		font: inherit;
		color: inherit;
		cursor: pointer;
		outline: inherit;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}

	b {
		font-weight: normal;
	}

	i {
		font-style: normal;
	}

	a,
	a:hover,
	a:active {
		text-decoration: none;
		color: #3d093f;
		;
	}

	input,
	textarea,
	select {
		outline: none;
	}

	img {
		border: none;
		vertical-align: top;
	}

	li {
		list-style: none;
	}

	.fl {
		float: left;
	}

	.fr {
		float: left;
	}

	.cl {
		clear: both;
	}

	.clearfix::after {
		content: "";
		display: table;
		clear: both;
	}

	ul,
	li {
		margin: 0;
		padding: 0;
		list-style: none;
	}

	ul {
		font-size: 16;
	}

	a {
		color: inherit;
		text-decoration: none;
		cursor: pointer;
	}

	/* header开始 */
	.welcome {
		height: 13%;
		background-color: #78127c;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	}

	.welcome span {
		display: none;
	}

	.welcome div {
		display: none;
	}

	.welcome .fa-phone-square {
		display: none !important;
	}

	.header {
		height: 100px;
		background-color: #d396d5;
		box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
	}

	.imlogo {
		position: relative;
		height: 40px;

	}

	.menu-btn {
		color: #ffffff;
		font-size: 30px !important;
		padding: 30px 30px 0 0;
		display: block !important;
	}

	.fa-navicon {
		font-size: 30px !important;
	}

	.imlogo img {
		position: absolute;
		top: 40%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 20%;
	}

	.nav_box {
		display: none;
	}

	.menu-btn {
		font-size: 24px;
		cursor: pointer;
	}

	/* 侧边导航栏 */
	.side-nav {
		height: 100%;
		width: 0;
		position: fixed;
		z-index: 101;
		top: 0;
		left: 0;
		background-color: #3d093f;
		overflow-x: hidden;
		transition: 0.5s;
		padding-top: 60px;
	}

	.side-nav a {
		padding: 15px 25px;
		text-decoration: none;
		font-size: 18px;
		color: #ddd;
		display: block;
		transition: 0.3s;
	}

	.side-nav a:hover {
		background-color: #444;
		color: white;
	}

	.side-nav .active {
		background-color: #ffffff;
	}

	.side-nav .active a {
		color: #3d093f;
	}

	.close-btn {
		font-size: 50px;
		color: white;
		cursor: pointer;
		text-align: center;
		width: 100%;
		display: block;
	}

	/* 遮罩层 */
	.overlay {
		display: none;
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		z-index: 100;
	}

	/* header结束 */
	/* banner开始 */
	.carousel-container {
		position: relative;
		margin: 0 auto;
		overflow: hidden;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
	}

	.carousel {
		display: flex;
		transition: transform 0.5s ease-in-out;
	}

	.carousel-item {
		min-width: 100%;
		position: relative;
		overflow: hidden;
		box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
	}

	.carousel-item img {
		width: 100%;
		height: 100%;
		object-fit: cover;
		display: block;
	}

	.carousel-caption {
		display: none;
	}

	.carousel-btn {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		background: rgba(255, 255, 255, 0.5);
		color: rgba(61, 9, 63, 0.5);
		border: none;
		padding: 15px;
		cursor: pointer;
		font-size: 1.5rem;
		transition: all 0.3s;
		z-index: 10;
	}

	.carousel-btn:hover {
		background: rgba(255, 255, 255, 1);
	}

	#prevBtn {
		display: none;
	}

	#nextBtn {
		display: none;
	}

	.indicators {
		position: absolute;
		bottom: 20px;
		left: 50%;
		transform: translateX(-50%);
		display: flex;
		gap: 10px;
		z-index: 10;
	}

	.indicator {
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: rgba(255, 255, 255, 0.5);
		cursor: pointer;
		transition: background 0.3s;
	}

	.indicator.active {
		background: rgba(61, 9, 63, 0.5);
	}

	/* banner结束 */
	/* zx1开始 */
	.zx1 {
		background-color: rgba(211, 150, 213, 0.05);
	}

	.zx_t_box {
		text-align: center;
		padding-top: 30px;
	}

	.zx1_til {
		font-size: 2.125rem;
		padding-bottom: 15px;
		font-weight: 900;
		color: #3d093f;
		letter-spacing: 0.3rem;
	}

	.col_sk {
		width: 15%;
		height: 0.625rem;
		background-color: #aeb6e1;
		margin-left: 43.5%;
	}

	.zx1_subtil {
		padding-top: 10px;
		color: #d396d5;
	}

	.zx_cont_box {
		width: 80%;
		margin: 0 10%;
		padding: 20px 0 30px 0;
		font-size: 0;
	}

	.date {
		position: absolute;
		background-color: #d396d5;
		margin-left: 2%;
		text-align: center;
		color: #fff;
		padding: 10px 0;
		z-index: 10;
		padding: 1%;
	}

	.rqi {
		display: block;
		font-size: 1.875rem;
		font-weight: bold;
	}

	.zx_sub {
		background-color: #fff;
		display: inline-block;
		margin: 5% 1%;
		height: 400px;
		font-size: 14px;
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
		border-radius: 0 0 0 70px;
	}

	.zx_sub_img {
		width: 100%;
		overflow: hidden;
	}

	.zx_sub_img img:hover {
		transform: scale(1.1);
		transition: 0.3s;
	}

	.zx_sub img {
		width: 100%;
	}

	.zx_contil {
		font-size: 18px;
		font-weight: bold;
		margin: 1.25rem 10%;
	}

	.zx_contdetal {
		margin: 0 10%;
	}

	.zx_subr {
		display: none;
	}

	.fa-navicon {
		float: right;
	}

	/* zx1结束*/
	.midbanner {
		width: 100%;
		height: 200px;
		background: url("../img/91115mid.webp");
		position: relative;
	}

	.ban_word {
		text-align: center;
		color: #ffffff;
		font-size: 1.5rem;
		position: absolute;
		top: 30%;
	}

	.ban_word span {
		font-size: 1.25rem;
		padding-left: 50px;
	}

	.ban_word span,
	.ban_word div {
		display: inline-block;
	}

	/* zx2开始 */
	.zx2 {
		background-color: #ffffff;
	}

	.imgl {
		display: none;
	}

	.imgl img {
		width: 100%;
	}

	.zx2_contbox {
		display: inline-block;
		padding-top: 30px;
	}

	.zx2_listbox {
		width: 100%;
		font-size: 1rem;
		border-bottom: 1px dashed #c3c3c3;
		margin-top: 20px;
	}

	.zx2_contil {
		font-size: 20px;
		letter-spacing: 0.125rem;
		padding-left: 1.25rem;
		/* font-weight: bold; */
	}

	.zx2_xq {
		color: #8e8e8e;
		font-size: 14px;
		padding-top: 15px;
	}

	.zx2_gengd {
		padding: 10px;
		background-color: #d396d5;
		color: #000;
		text-align: center;
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.zx2_gengd:hover {
		color: #ffffff;
		background-color: #78127c;
	}

	.zx2_gengd a:hover {
		color: #ffffff;
	}

	/* zx2结束 */
	/* zx3开始 */
	.zx_t_b {
		width: 100%;
		padding: 0 0 0 0;
		display: inline-block;
	}

	.more {
		display: inline-block;
		width: 200px;
		border: 1px solid #000;
		position: relative;
		margin-top: 10px;
		letter-spacing: 0.3125rem;
	}

	.more::after {
		content: "→"
	}

	.zx3_cont_box {
		width: 49.5%;
		margin: 0 0.05%;
		margin-bottom: 50px;
		font-size: 14px;
		display: inline-block;
		overflow: hidden;

	}

	.zx3_img {
		overflow: hidden;
		height: 280px;
	}

	.zx3_listcont {
		height: 80px;
		padding: 20px 0 0 10px;
		background-color: #ffffff;
		z-index: 20;
	}

	.zx3_listcont a:hover {
		color: #ffffff;
	}

	.zx3_cont_box:hover .zx3_listcont {
		background-color: #78127c;
		color: #ffffff;
	}

	.zx3_cont_box:hover .zx3_img {
		z-index: 1;
		transform: scale(1.1);
		transition: 0.5s;
	}


	/* zx3结束 */
	/* foot开始 */
	.foot_top {
		width: 100%;
	}

	.foot_tl {
		background: url("../img/91115foot_l.webp");
		background-repeat: no-repeat;
		height: 100px;
		padding: 20px;
		margin: 0px;
		float: left;
	}

	.foot_tl_form {
		color: #fff;
		text-align: center;
		font-size: 16px;
	}

	.indexliuyan {
		padding-left: 10%;
	}

	.foot_tr {
		display: none;
	}

	.foot_bottom {
		width: 100%;
		color: #ffffff;
		padding: 150px 15% 30px 15%;
		background-color: #3d093f;
	}

	.fb_top {
		height: 11.25rem;
	}

	.formli {
		width: 35%;
		border: 1px solid #c3c3c3;
		display: inline-block;
		padding-left: 2%;
		margin: 10px 2%;
		height: 30px;
		float: left;
		background-color: #fff;
		font-size: 12px;
	}

	.fb_top img {
		width: 50%;
		margin: 0 0 0 25%;
	}

	input {
		width: 50%;
		padding: 10px;
		outline: none;
		background: none;
		border: none;
		color: #fff;
	}

	.formsub {
		width: 12%;
		margin: 10px 2%;
		/* border:1px solid #c3c3c3; */
		display: inline-block;
		color: #fff;
		background-color: #4b094e;
		height: 30px;
		font-size: 14px;
	}

	.foot_xx,
	.flogo {
		float: left;
	}

	.foot_xx {
		padding-left: 10%;
		width: 100%;
		font-size: 14px;
	}

	.foot_xx p {
		display: block;
		width: 100%;
		line-height: 1.5rem;
	}

	.fa-phone-square,
	.fa-envelope,
	.fa-map-marker {
		padding: 10px 0;
		display: block;
	}

	.wechat {
		float: right;
		width: 100% !important;
		padding: 40px;
	}

	.frlink {
		background-color: #4b094e;
		height: 50px;
		width: 100%;
		/* padding: 0 10%; */
		display: flex;
		align-items: center;
		font-size: 14px;
	}

	.frlink a {
		/* margin: 0 10px; */
		padding: 0 2px;
	}

	.frlink a:hover {
		color: #ffffff;
	}

	.frlink a span {
		width: 10px;
	}

	.frlink a::after {
		content: "|";
	}

	.copyright {
		color: #c3c3c3;
		padding-top: 20px;
		/* display: flex; */
		justify-content: center;
	}

	.copyright p {
		font-size: 12px;
	}

	.copyright p a:hover {
		color: #c3c3c3;
	}

	/* foot结束 */

	/* 新闻页开始 */
	#subnav {
		position: relative;
		width: 100%;
		height: 200px;
	}

	#subnav img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	#subnav span {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		color: white;
		font-size: 30px;
		font-weight: 900;
		text-align: center;
		z-index: 1;
		letter-spacing: 0.5rem;
	}

	.position {
		font-size: 14px;
		font-weight: 200;
		padding-top: 20px;
		letter-spacing: 0rem;
	}

	.position a:hover {
		background-color: #fff;
		color: #000;
	}

	.container {
		border: 1px solid #c3c3c3;
		width: 95%;
		margin-left: 2.5%;
		margin-top: 2.25rem;
		font-size: 0px;
	}

	.container_nav {
		width: 100%;
		background-color: #c3c3c3;

	}

	.container_nav .active {
		position: relative;
		width: 30%;
		color: #ffffff;
		background-color: #78127c;
		height: 50px;

	}

	.subname {
		font-size: 18px;
	}

	.container_nav .active a {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.container_nav .active a:hover {
		color: #ffffff;
	}

	.container_nav ul {
		font-size: 0px;
	}

	.cont_box {
		width: 98%;
		margin: 20px 1% 40px 1%;
		display: inline-block;
		font-size: 0px;
	}

	.newsimg {
		width: 100%;
		overflow: hidden;
	}

	.newsimg img {
		width: 100%;
	}

	.newsimg img:hover {
		transform: scale(1.1);
		transition: 0.5s;
	}

	.cont_til {
		padding-top: 10px;
	}

	.cont_listtitl {
		font-size: 20px;
		width: 100%;
		float: left;
	}

	.cont_listtitl:hover {
		color: #78127c;
	}

	.cont_date {
		width: 30%;
		display: block;
		font-size: 14px;
		border-bottom: 1px solid #c3c3c3;
		padding: 10px 0;
		float: left;
		margin-bottom: 20px;
	}

	.cont_box:hover .cont_date {
		width: 100%;
		border-bottom: 1px solid #78127c;
	}

	.cont_cont {
		color: #8e8e8e;
		font-size: 14px;
		float: left;
	}

	.my-4 {
		font-size: 14px;
		text-align: center;
		padding: 20px 0 40px 0;
	}

	.pagination a:first-child {
		display: none;
	}

	.pagination a:last-child {
		display: none;
	}

	.page-item,
	.page-num {
		border: 1px solid #8e8e8e;
		margin: 1%;
		padding: 1%;
		color: #8e8e8e;
	}

	.page-item:hover {
		background-color: #4b094e;
		color: #ffffff;
	}

	.page-num:hover {
		background-color: #4b094e;
		color: #ffffff;
	}

	.page-num-current {
		background-color: #4b094e;
		color: #ffffff;
	}

	.container h1 {
		font-size: 1.5625rem;
		text-align: center;
		margin: 2%;
	}

	.container {
		margin-bottom: 50px;
	}

	.otherinform {
		text-align: center;
	}

	.otherinform p {
		display: inline-block;
		margin: 1% 3%;
		font-size: 14px;
		color: #c3c3c3;

	}

	.content {
		font-size: 16px;
		line-height: 2.5rem;
		text-indent: 2rem;
		overflow: hidden;
	}

	.content img {
		width: 70%;
	}

	.prenext {
		display: block;
		padding-top: 10px;
		font-size: 14px;
		color: #8e8e8e;
		margin-left: 5%;
	}

	.prenext div {
		margin-bottom: 2%;
	}

	.otherlist {
		font-size: 1rem;
		padding-bottom: 50px;
	}

	.container_bottom {
		padding-bottom: 50px;
	}

	.likelist {
		border: 1px solid #c3c3c3;
		width: 95%;
		margin-left: 2.5%;
		display: inline-block;

	}

	.hotlist {
		border: 1px solid #c3c3c3;
		width: 95%;
		margin-left: 2.5%;
		display: inline-block;
		margin-top: 20px;
	}

	.container_bottom h2 {
		padding: 1% 0 2% 3%;
		font-size: 20px;
	}

	.hotlist ul li,
	.likelist ul li {
		padding-left: 6%;
		padding-bottom: 2%;
		padding-top: 2%;
		color: #8e8e8e;
		width: 100%;
	}

	.hotlist ul li a p,
	.likelist ul li a p {
		padding-right: 10%;
		color: #8e8e8e;
	}

	.hotlist ul li:hover {
		color: #3d093f;
	}

	.likelist ul li:hover {
		color: #3d093f;
	}

	.hotlist button,
	.likelist button {
		margin-left: 6%;
		margin-bottom: 2%;
		background: #4b094e;
		color: #ffffff;
		padding: 1% 5%;
	}

	.hotlist button a:hover {
		color: #ffffff;
	}

	.likelist button a:hover {
		color: #ffffff;
	}

	.descrip {
		background-color: #ddd;
		font-size: 16px;
		color: #8e8e8e;
		margin: 20px 5%;
		padding: 1% 6px;
		border-radius: 20px;
	}

	.descrip h3 {
		display: inline;
	}

	/* 新闻页结束 */
	/* 产品页开始 */
	.prod_cont_box {
		width: 100%;
		font-size: 0;
		padding-top: 4%;
	}

	.produ_img {
		width: 33.33%;
		overflow: hidden;
		padding-bottom: 50px !important;
		padding: 0 1%;
		display: inline-block;
	}

	.produ_img img {
		width: 100%;
		display: inline;
	}

	.shengming {
		border: 1px solid #ddd;
		width: 90%;
		margin-left: 5%;
		margin-top: 3.25rem;
		margin-bottom: 3.25rem;
		font-size: 0px;
		background-color: #ddd;
		border-radius: 25px;
	}

	.shengming div {
		font-size: 14px;
		margin: 15px;
	}

	.shengming div span {
		color: darkred;
	}

	.shengming div span,
	.shengming div p {
		display: inline;
	}

	.shengming input {
		background-color: white;
		border-radius: 5px;
		color: #8e8e8e;
		margin-top: 15px;
		margin-right: 2%;
		width: 55%;
	}

	.shengming button {
		background-color: darkred;
		color: #ffffff;
		padding: 5px;
		border-radius: 5px;
		box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
	}

	/* 产品页结束 */

}