@charset "utf-8";
@media (min-width:768px) {
	.news-list li a.pic{
		display: block;
		aspect-ratio: 10/6;
	}
	.news-list li a.pic img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.art-content2{
		width: 100%;
		margin: 0 auto;
	}
	.art-content2 img {
		width: 100%;
		display: block;
		margin: 0 auto
	}
}
@media (min-width:768px) {

	/* .container,
	.header {
		min-width: 1230px
	} */
}

@media (max-width:1440px) {

	.about-box .left,
	.about-box .right {
		height: 400px
	}

	.index-slider .item,
	.index-slider .item a {
		height: 600px
	}
}

@media (max-width:968px) {
	body {
		font-size: 14px
	}

	.container {
		width: 100%
	}

	.header {
		height: 60px;
		padding: 0 15px;
		position: relative
	}

	.header .logo {
		padding: 15px 0
	}

	.menu {
		border-top: 1px solid #e5e5e5;
		width: 100%;
		position: fixed;
		top: 100%;
		bottom: 0;
		left: 0;
		z-index: -10;
		background: #fff;
		opacity: 0;
		transition: all .3s
	}

	.menu li {
		width: 100%;
		border-bottom: 1px solid #e5e5e5;
	}
	.menu li a{
		display: block;
	}

	.menu-show {
		opacity: 1;
		z-index: 100;
		top: 60px
	}

	.tel {
		display: none
	}

	.m-switch {
		display: block
	}

	.m-switch .open {
		position: absolute;
		right: 15px;
		top: 16px;
		width: 24px
	}

	.m-switch .open span {
		display: inline-block;
		width: 24px;
		height: 2px;
		margin-top: 6px;
		float: left;
		background-color: #939393
	}

	.m-switch .close {
		position: absolute;
		right: 15px;
		top: 18px;
		display: none
	}

	.m-switch .close i {
		font-size: 14px
	}

	.index-slider .item {
		height: 180px
	}

	.index-slider .item a {
		height: 180px
	}

	.carousel-control.left {
		left: 5px
	}

	.carousel-control.right {
		right: 5px
	}

	.pdb80 {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.mtit .m-name h2 {
		font-size: 20px
	}

	.index-pro-item .info {
		position: inherit;
		opacity: 1;
		padding: 15px 10px;
		background-color: #e5e5e5
	}

	.index-pro-item .info .name {
		height: auto;
		color: #333;
		border: 0
	}

	.index-pro-item .info .name p {
		font-size: 12px
	}

	.index-pro-item .info .name p.t {
		font-size: 14px;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap
	}

	.mtit {
		margin-bottom: 15px
	}

	.mtit .m-class {
		float: left;
		width: 100%;
		line-height: 2;
		margin-top: 15px
	}

	.mtit .m-class li {
		width: 25%;
		float: left;
		margin-right: 0
	}

	.mtit .p-m-class {
		margin-left: -15px;
		margin-right: -15px
	}

	.mtit .p-m-class li {
		width: 50%;
		text-align: center;
		padding: 10px
	}

	.mtit .p-m-class li a {
		border: 1px solid #ddd;
		display: block;
		width: 100%;
		padding: 8px 0
	}

	.mtit .p-m-class li.current a {
		background-color: #0153b9;
		border-color: #0153b9;
		color: #fff
	}

	.ys-num {
		padding-top: 30px;
		padding-bottom: 30px
	}
.about-box{
	flex-wrap: wrap;
}
	.about-box .lefts,
	.about-box .rights {
		width: 100%;
	}

	.about-box .lefts {
		height: 200px
	}

	.about-box .lefts .mtit {
		padding-top: 50px
	}

	.about-box .rights {
		padding: 20px 15px;
		height: auto
	}
.about-box .lefts .mtit{
	padding-left: 15px;
}
	.mt50 {
		margin-top: 20px
	}

	.index-news-item {
		margin-top: 15px;
		margin-bottom: 15px
	}

	.index-news-item .date {
		font-size: 20px
	}

	.index-news-item .info {
		margin-left: 80px;
		padding-top: 0
	}

	.index-news-item .info a {
		font-size: 16px
	}

	.footer {
		padding-top: 30px;
		padding-bottom: 30px
	}

	.foot-info,
	.foot-message {
		width: 100%
	}

	.foot-info h2 {
		margin-bottom: 20px
	}

	.foot-message {
		margin-top: 30px;
		float: left
	}
	.copy{
		font-size: 12px;
	}

	.copy p {
		display: inline-block;
		float: left
	}

	.copy p.icp {
		float: none
	}

	.page-slider {
		height: 240px
	}

	.page-slider .txt {
		margin-top: -50px
	}

	.page-slider .txt b {
		font-size: 24px
	}

	.page-slider .txt h2 {
		font-size: 20px
	}

	.xiaocms-page span,
	.xiaocms-page a {
		height: 32px;
		line-height: 32px
	}

	.main {
		width: 100%
	}

	.news-list li {
		padding-top: 15px;
		padding-bottom: 15px
	}

	.news-list li a.pic {
		width: 120px;
		height: 80px
	}

	.news-list li a.pic img {
		width: 120px;
		height: 80px
	}

	.news-list li .txt {
		margin-left: 140px
	}

	.news-list li .txt a {
		font-size: 16px;
		height: 46px;
		overflow: hidden
	}

	.news-list li .txt p {
		display: none
	}

	.about-slider {
		height: 280px
	}

	.about-name {
		font-size: 20px
	}

	.about-wh li {
		text-align: center;
		padding-top: 10px;
		padding-bottom: 10px
	}

	.about-wh li span {
		font-size: 40px
	}

	.about-wh li b {
		font-size: 20px
	}

	.about-wh li p {
		text-align: left
	}

	.mieu {
		padding-top: 0
	}

	.contact-slider .txt h2 {
		font-size: 16px
	}

	.contact-slider .txt h2 span {
		font-size: 14px
	}

	.contact-right {
		padding-left: 0
	}

	.c-tit {
		font-size: 24px
	}

	.c-content h2 {
		font-size: 20px;
		margin-top: 30px;
		margin-bottom: 15px
	}

	.contact-right {
		margin-top: 30px
	}

	.pro-head {
		padding-left: 0;
		margin-top: 30px
	}

	.pro-head h1 {
		font-size: 20px
	}

	.pro-info-tit {
		font-size: 20px
	}

	.art-tit h1 {
		font-size: 20px
	}

	.fixedNav {
		position: fixed;
		top: 0;
		left: 0;
		z-index: 200;
		box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
	}
	.mtit .mHiden{
		display: none;
	}
	.mtit .m-name{
		display: block;
		position: relative;
	}
	.promore{
		display: inline-block;
		position: absolute;
		top: 15px;
		content: "";
		right: 0;
		
		
	}
	.promore span{
		padding: 0 10px;
		line-height: 1;
		font-size: 24px;
		font-weight: 200;
	}
	.about-box .left .mtit{
		margin-left: 15px;
	}
	.about-box .rights h2{
		font-size: 18px;
	}
	.pcshow{
		display: none;
	}
	.mshow{
		display: block;
	}
	.page-slider .txt{
		left: 15px;
	}
	.mshow .index-slider .item{
		height: auto;
	}
	.mshow .index-slider .item a{
		height: auto;
	}
}

	.pro-slider .item{
		width: 100%;
		text-align: center;
		aspect-ratio:4/3;
	}
	.pro-slider .item img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}