@media screen and (min-width: 1490px) {



	/* #region */

	html,

	body {

		font-size: 20px;

	}

	/* #endregion */



}


@media screen and (max-width: 1489px) {

	html,
	body {
		font-size: 19px;
	}

	.container {
		width: 95%;
		padding: 0rem;
	}


}



@media screen and (min-width: 769px) and (max-width: 1200px) {

	.container {
		width: 95%;
		padding: 0rem;
	}

}

@media screen and (max-width: 768px) {


	.container {
		width: 95%;
		padding: 0;
	}

	.pc_index {
		display: none;
	}

	.phone_index {
		display: block;
	}

	.headernav {
		top: 0;
		height: 5rem;
	}

	.headernav .logo img {
		width: 3rem;
	}

	.headernav .container {
		padding: 0;
	}

	.headernav ul li {
		margin: 0;
		padding: 0 1.5rem;
		flex-direction: column;
		align-items: flex-start;
		color: #000;
	}

	.headernav .nav_i {
		display: none;
	}

	.headernav .phone {
		padding: 1rem;
		margin: 1rem;
		font-size: 1.8rem;
	}

	.headernav .phone p {
		font-size: 1.2rem;
	}

	header .nav {
		position: fixed;
		left: -101%;
		top: 0;
		width: 60%;
		height: 100vh;
		background: #fff;
		display: block;
		padding: 3rem 0;
		transition: ease-out .36s;
		z-index: 999;
	}

	header .nav.on {
		left: 0;
	}

	header li {
		width: 100%;
		color: #000;
	}

	header .nav_icon {
		display: block;
		margin-left: auto;
		transition: ease-out .36s;
		position: relative;
		padding: .8rem;
	}

	header .nav_icon img {
		width: 2rem;
	}

	header .nav .nav_one {
		padding-right: .5rem;
		display: flex;
		align-items: center;
		width: 100%;
		border-bottom: 0.05rem solid #eee;
	}

	header .nav .nav_one a {
		font-size: 1.3rem;
		flex: 1;
		padding-right: 3rem;
		padding: 1rem 0;
	}

	header .nav_modal {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, .5);
		display: none;
		z-index: 888;
	}

	.headernav .phone img {
		width: 2rem;
	}

	.on2 .headernav ul li {
		color: #000;
	}


	.on2 header .nav_icon img {
		filter: grayscale(100%) brightness(600%);

	}


	/* end */


	/* 首页­ */

	.index01 .banner .swiper-slide {
		height: 100%;
	}

	.index01 .banner .page-swiper .swiper-slide {
		height: 20rem;
	}

	.index02 {
		padding: 2.5rem 0;
		opacity: 1;
		transition: ease-out .36s;
	}

	.index-title {
		text-align: center;
	}

	.index-title h3 {
		font-size: 2.4rem;
		font-weight: bold;
		color: rgba(3, 54, 126, 1);
	}

	.index-title h3 span {
		color: rgba(51, 51, 51, 1);
		margin-left: 1rem;
	}

	.index-title p {
		font-size: 1.2rem;
		color: rgba(102, 102, 102, 1);
		margin-top: 0.5rem;
	}

	.goods-list a {
		width: calc((100% - 1rem) / 2);
		margin-right: 1rem;
	}

	.goods-list a:nth-child(2n) {
		margin-right: 0;
	}

	.goods-list a:nth-child(2n+1) {
		margin-right: 1rem;
	}

	.goods-list .more,
	.other .phone,
	.other .more {
		font-size: 1.2rem;
	}

	.other {
		margin-top: 0.65rem;
	}

	.index03 {
		padding: 2rem 0;
		background-attachment: initial;
	}

	.index03 .content {
		margin: 0 2rem;
		padding: 1rem;
	}

	.index03 .content ul h3 {
		font-size: 1.8rem;
	}

	.index03 .left,
	.index03 .right,
	.index06 .news-list .left,
	.index06 .news-list .right {
		width: 100%;
		margin-bottom: 1rem;
	}

	.index03 .right .intor,
	.index03 .right .more,
	.index06 .news-list .left a .time,
	.index06 .news-list .left a .intor,
	.index06 .news-list .left a p,
	.index06 .news-list .right .time,
	.index06 .news-list .right .content .intor,
	.index06 .news-list .right .content p,
	.index04 .content p,
	.index04 .content .intor,
	.index05 .box-item p {
		font-size: 1.2rem;
	}

	.index04 .list li,
	.index04 .list li.active {
		width: 100%;
		margin-bottom: 1rem;
	}

	.index05 {
		padding: 2rem 0;
	}

	.index05 h3 {
		font-size: 2rem;
		margin-bottom: 2.5rem;
	}

	.index05 .box-item {
		width: 100%;
		margin-bottom: 1.5rem;
	}

	.index05 .box-item p {
		width: 100%;
	}

	.index05 .box-item h6 {
		font-size: 1.5rem;
	}

	/* end */


	/* 关于我们 */

	.about01 .left,
	.about01 .right {
		width: 100%;
	}

	.about01 .right h3 {
		margin: 1rem 0;
	}

	.about01 .right .test {
		font-size: 1.2rem;
	}

	.about02 p {
		font-size: 1.1rem;
	}

	.about03 {
		padding: 2rem 0;
	}

	.about03 .container {
		height: auto;
	}

	.about03 .swiper-about {
		width: 100%;
		position: relative;
		left: 1rem;
	}

	.about03 .swiper-about i,
	.about03 .swiper-about .content {
		width: 100%;
		margin-bottom: 1rem;
	}

	.about03 .swiper-about .content h3 {
		font-size: 1.5rem;
		margin: 2rem 0;
	}

	.about03 .swiper-about .content p {
		font-size: 1.2rem;
	}

	/* end */


	/* 产品中心 */

	.product01 .left,
	.product01 .right {
		width: 100%;
	}

	.product01 .left .box-class {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.product01 .left .box-class a {
		width: calc((100% - 1rem) / 3);
	}

	.product01 .left .box-class a p {
		font-size: 1.2rem;
	}

	/* 详情 */

	.product02 .left,
	.product02 .right {
		width: 100%;
		margin-bottom: 1rem;
	}

	.product02 .right h6 {
		font-size: 1.3rem;
	}

	.product02 .right .test {
		font-size: 1.2rem;
	}

	.product03 {
		padding: 2rem 0;
	}

	.product03 .box-item {
		width: 100%;
		margin-bottom: 1rem;
	}

	.product03 .box-item h3 {
		font-size: 1.4rem;
	}

	.product03 .box-item .test {
		font-size: 1.2rem;
	}

	.product04 .swiper-product .swiper-slide .more {
		font-size: 1.2rem;
	}

	/* end */


	/* 新闻列表 */

	.news01 {
		padding: 2rem 0;
	}

	.news01 .box-item {
		flex-wrap: wrap;
	}

	.news01 .box-item i,
	.news01 .box-item .left {
		width: 100%;
		margin-bottom: 1rem;
	}

	.news01 .left .time,
	.news01 .left .content .intor,
	.news01 .left .content p {
		font-size: 1.2rem;
	}

	.news01 .left .time {
		margin-right: 1.6rem;
	}

	.news01 .left .content h3 {
		font-size: 1.5rem;
	}

	/* 详情 */

	.news02 .info {
		font-size: 1rem;
	}

	.news02 .conten,
	.news02 .prev-next a,
	.news03 .swiper-new .more p {
		font-size: 1.2rem;
	}

	.news03 .swiper-new .more h3 {
		font-size: 1.5rem;
	}

	/* end */
	
	
	/* 联系我们 */
	
	.contact01 .conten {
		width: 95%;
	}
	
	.contact01 .conten li {
		font-size: 1.2rem;
	}
	
	/* end */


	/* 分页 */

	.pagination>li>a,
	.pagination>li>span {
		font-size: 1.2rem;
	}

	/* end */


	/* 底部 */

	footer .top {
		padding: 2rem 0;
	}

	footer .top .item:nth-child(1),
	footer .top .item:nth-child(2),
	footer .top .item:nth-child(3) {
		width: 100%;
	}

	footer .top .item .product,
	footer .top .item:nth-child(2) a,
	footer .top .item:nth-child(3) div,
	footer .botton {
		font-size: 1.2rem;
	}

	footer .top .item:nth-child(3) div img {
		width: 2.2rem;
		height: 2.2rem;
	}

	footer .top .item:nth-child(4) {
		margin: 0 auto;
	}

	footer .botton {
		text-align: center;
	}

	footer .botton span {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
	}

	footer .top .item:nth-child(2) a:nth-child(2n) {
		margin-right: 2.5rem;
	}

	/* end */


}