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



	/* #region  首页*/

	html,

	body {

		font-size: 20px;

	}

	/* #endregion */



}


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

	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;
	}

	.index5 .index5-swiper2 li {
		box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.05);
		/* margin: 1.5rem 0; */
		width: 23%;
		margin: 0px 1%;
		margin-bottom: 1rem;
	}

}



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


	.index5 .index5-swiper2 li {
		box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.05);
		/* margin: 1.5rem 0; */
		width: 48%;
		margin: 0px 1%;
		margin-bottom: 1rem;
	}



	/* 手机导航 */

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


	.pc_swp {

		display: none;
	}

	.phone_swp {

		display: block;

	}

	.pc_index {

		display: none !important;
	}

	.phone_index {

		display: block;

		padding: 1rem 0;

		font-size: 1.2rem;

	}


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

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

	.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;
	}

	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;
		justify-content: space-between;
	}

	.headernav .country img {
		margin: 0;
        filter: invert(0%) !important;
	}

	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;
	}

	.home_on .headernav ul li,
	.home_on .headernav .country {
		color: #000;
	}

	.home_on .headernav .active,
	.home_on .headernav ul .nav_one a:hover {
		color: rgba(0, 106, 212, 1) !important;
	}

	.headernav ul li span {

		width: 2rem;

		height: 2rem;

		display: block;

		display: flex;

		align-items: center;

		justify-content: center;

	}

	header .nav li .nav_two {

		position: relative;

		left: 0;

		top: 0;

		width: 100%;

		transform: translateX(0);

		padding: 1rem 0;

		background: #f0f1f5;

		border-radius: 0;

		display: none;

		box-shadow: none;

	}



	header .nav li .nav_two a {

		font-size: 1.3rem;

		padding: 0 2rem;

		line-height: 2.3;

		text-align: left;

		border-bottom: none;

	}



	header .nav .nav_two div {

		background: none;

		box-shadow: none;

		border-left: none;

	}



	header .nav li .nav_two a {

		padding: .5rem;

		white-space: wrap;

		line-height: 1.5;

		font-size: 1.2rem;

	}

	/* end */




	/* 轮播 */

	.h400 .banner .container .intor {
		width: 100%;
		font-size: 1.2rem;
		line-height: 25px;
	}

	.h400 .banner .position {
		font-size: 1rem;
	}

	.index .banner .swiper-slide {
		/* height: 65vh; */
	}

	/* end */




	/* footer */

	.foot1 .top .up img {
		width: 1.5rem;
		height: 1.5rem;
	}

	.foot1 .botton {
		padding: 2rem 0;
	}

	.foot1 .botton .left li h3 {
		font-size: 1.5rem;
	}

	.foot1 .botton .left li h3 a {
		display: block !important;
	}

	.foot1 .botton .left li a {
		font-size: 1.2rem;
		display: none;
	}

	.foot1 .botton .right {
		margin-top: 2rem;
		display: flex;
		flex-direction: column;
		justify-content: end;
		width: 100%;
	}

	.foot1 .botton .right ul {
		display: none;
	}

	.foot1 .botton .right ul img {
		width: 2rem;
		height: 2rem;
	}

	.foot2 {
		font-size: 1.2rem;
		text-align: center;
	}

	.foot2 p {
		margin: 0 auto;
	}

	/* end */




	/* home */

	.index .banner .banner-text {
		top: 50%;
	}

	.index .banner .banner-text h3 {
		font-size: 1.8rem;
	}

	.index .banner .banner-text .tisp {
		font-size: 1.2rem;
	}

	.index .banner .banner-text a,
	.index-more,
	.index3 ul a .intor .more,
	.index4 ul a .content .more,
	.index6 .data a .info .more {
		width: 10rem;
		font-size: 1.2rem;
	}

	.index .banner .mouse .content {
		width: 2rem;
	}

	.index .banner .banner-text a img,
	.index .banner .mouse img,
	.index-more img,
	.index3 ul a .intor .more img,
	.index4 ul a .content .more img,
	.index6 .data a .info .more img {
		width: 2rem;
		height: 2rem;
	}

	.index2 .left,
	.index2 .right {
		width: 100%;
		position: initial;
		margin-top: 0px;
	}

	.index2 .backimg img {
		height: 90vh;
	}

	.index2 .left h3 {
		font-size: 2.3rem;
		margin-bottom: 2.5rem;
	}

	.index2 .left li .h3 span {
		font-size: 1rem;
	}

	.index2 .right i {
		position: sticky;
		height: 17rem;
		top: 85px;
	}

	.index2 .right i img:hover{
		transform: scale(1);
	}

	.index2 .left li .tisp,
	.index-title p,
	.index4 ul a .content h3,
	.index6 .data a .info .intor,
	.index6 .data a .info .time,
	.index8 .right p,
	.foot1 .top .up {
		font-size: 1.2rem;
	}

	.index3,
	.index4,
	.index6 {
		padding: 2rem 0;
	}

	.index3 ul a {
		height: 15.5rem;
	}

	.index3 ul a .intor {
		width: 80%;
	}

	.index4 ul {
		width: 100%;
	}

	.index4 ul a .content .intor,
	.index7 .left .intor {
		width: 100%;
		font-size: 1.2rem;
		line-height: 25px;
	}

	.index4 ul a:hover .content {
		padding-top: 13%;
	}

	.index5 .index5-swiper li:nth-child(2n+1) {
		margin-top: 0;
	}

	.index5 .index5-swiper {
		padding: 2.5rem 5rem;
	}

	.index5 .index5-swiper a {
		height: 23rem;
	}

	.index6 .data a {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2rem;
	}

	.index7 {
		background-attachment: initial;
		background: url(../images/index_bg3.webp) repeat-x left center;
		-webkit-animation: animate-cloud 30s linear infinite;
		animation: animate-cloud 20s linear infinite;
		background-size: cover;
	}

	.index7 .container {
		display: block;
	}

	.index7 .left .t1 {
		font-size: 2rem;
	}

	.index7 .left .t2 {
		font-size: 1.2rem;
		margin-top: 1.2rem;
	}

	.index7 .left a {
		width: 9rem;
		height: 3rem;
		font-size: 1.2rem;
		margin-top: 3rem;
	}

	.index7 .right {
		height: 22.75rem;
		display: flex;
		align-items: center;
	}

	.index7 .right .img {
		width: 100%;
	}

	.index7 .right {
		margin-top: 2.5rem;
	}

	.index7 .right li:nth-child(3) {
		left: 0.5rem;
		top: 1.2rem;
	}

	.index8 .container {
		justify-content: center;
	}

	.index8,
	.index8 .left,
	.index8 .right {
		display: none;
		margin-bottom: 2rem;
	}



	/* 关于我们 */

	.about {
		padding-top: 6rem;
		height: auto;
	}

	.about5 .about5-swiper {
		margin-bottom: 0px;
	}

	.about .position,
	.about5 .about5-swiper2 .swiper-slide {
		font-size: 1.2rem;
	}

	.about .left,
	.about .right,
	.about2 .top .intor {
		width: 100% !important;
	}

	.about .left .intor,
	.about .right li .tisp,
	.about2 .top .intor{
		font-size: 1.2rem;
		line-height: 25px;
	}

	.about5 .about5-swiper .swiper-slide h3 {
		font-size: 1.2rem;
	}

	.about5 .about5-swiper .swiper-slide .intor {
		font-size: 1rem;
		line-height: 20px;
	}

	.about .right {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-around;
	}

	.about .right li {
		width: 40%;
	}

	.about .right li .h3 span,
	.about2 .botton .span {
		font-size: 1rem;
	}

	.about .right li .tisp {
		color: #333;
	}

	.about .comp {
		display: none;
	}

	.about2,
	.about3,
	.about4 {
		padding: 2.5rem 0;
	}

	.about2 .top .logo {
		margin-bottom: 2rem;
	}

	.about2 .botton {
		height: 12rem;
	}

	.about3 {
		background-attachment: initial;
	}

	.about3 h3 {
		font-size: 1.8rem;
		margin-bottom: 2rem;
	}

	.about3 ul li {
		width: 100%;
		margin-right: 0;
		margin-bottom: 1rem;
		font-size: 1.2rem;
		line-height: 25px;
		height: 13rem;
	}

	.about4 ul li {
		width: calc((100% - 0.95rem) / 2);
		margin-right: 0.95rem;
	}

	.about4 ul li:nth-child(5n) {
		margin-right: 0.95rem;
	}

	.about4 ul li:nth-child(2n) {
		margin-right: 0;
	}

	.about5 .about5-swiper .swiper-slide {
		width: 50%;
	}

	.about5 .about5-swiper .swiper-slide .h3 img {
		width: calc(100% - 150px);
	}




	/* 产品中心 */

	.product {
		padding: 2rem 0;
	}

	.product .list a {
		width: calc((100% - 1.5rem) / 2);
	}

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

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

	.product .list a p,
	.pagination>li>a,
	.pagination>li>span,
	.h700 .banner .container .left .intor,
	.h700 .banner .left a,
	.h700 .banner .left ul li,
	.product2 .left .intor,
	.product2 .right p,
	.product3 .product3-swiper a ul li p,
	.product3 .product3-swiper a p,
	.anli .list a p,
	.anli .list a ul li p,
	.anli2 .left .intor,
	.anli2 .right .intor p:nth-child(1),
	.anli2 .right a {
		font-size: 1.2rem;
		line-height: 25px;
	}


	/* 详情 */

	.h700 .banner .swiper {
		height: auto;
	}

	.h700 .banner .left,
	.h700 .banner .right,
	.product2 .left,
	.product2 .right {
		width: 100%;
		margin-bottom: 2rem;
	}

	.h700 .banner .right {
		height: 16.5rem;
	}

	.product3 .product3-swiper {
		width: 95%;
		margin: 0 auto;
		margin-top: 2.5rem;
	}



	/* 案例 */

	.anli {
		padding: 2rem 0;
	}

	.anli .list a {
		width: calc((100% - 1.5rem) / 2);
	}

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

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


	/* 详情 */

	.anlih3 {
		margin-bottom: 2rem !important;
	}

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

	.anli2 .right .intor p:nth-child(2) {
		font-size: 1rem;
	}




	/* 服务承诺 */

	.fuwu,
	.fuwu3 {
		padding: 2rem 0;
	}

	.fuwu .fuwu-swiper{
		width: 100%;
		height: 47vh;
		overflow: scroll;
	}

	.fuwu .fuwu-swiper img{
		width: 200%;
		height: 100%;
	}

	.fuwu2 .left .en{
		display: none;
	}

	.fuwu .fuwu-swiper2 .intor,
	.fuwu .fuwu-swiper2 .navigation {
		width: 100%;
		right: 0;
	}

	.fuwu .fuwu-swiper2 .swiper-slide>img{
		height: 50%;
	}

	.fuwu .fuwu-swiper2 .intor .test,
	.fuwu2 .left .intor,
	.fuwu3 .intor,
	.fuwu3 ul li .intor,
	.fuwu4 .left li,
	.fuwu4 .right {
		font-size: 1.2rem;
		line-height: 25px;
	}

	.fuwu2 .left,
	.fuwu2 .right {
		width: 100%;
		margin-bottom: 2rem;
	}

	.fuwu2 .left .intor {
		margin: 1.75rem 0 3rem 0;
	}

	.fuwu2 .right li .intor p:nth-child(2) {
		font-size: 1rem;
	}

	.fuwu3 ul li {
		width: 100%;
		margin-bottom: 1rem;
	}

	.fuwu3 .intor {
		margin: 1.5rem 0% 2.75rem 0%;
	}

	.fuwu4 .left {
		margin-bottom: 2rem;
	}



	/* 新闻咨询 */
	.news {
		padding: 2rem 0;
	}

	.news .top .news-swiper .swiper-slide i,
	.news .top .news-swiper .swiper-slide .intor {
		width: 100%;
	}

	.news .top .news-swiper .swiper-slide .intor .time,
	.news .botton a .intor .time,
	.news2 .content .time {
		font-size: 1rem;
	}

	.news .top .news-swiper .swiper-slide .intor .test,
	.news .top .news-swiper .swiper-slide .intor .more,
	.news .type a,
	.news .botton a .intor .test,
	.news .botton a .intor .more,
	.news2 .position,
	.news2 .content .intor,
	.news2 .content .next a {
		font-size: 1.2rem;
		line-height: 25px;
	}

	.news .top .news-swiper .swiper-slide .intor .more,
	.news .botton a .intor .more {
		width: 10rem;
	}

	.news .top .news-swiper .swiper-slide .intor .more img,
	.news .botton a .intor .more img {
		width: 1.5rem;
		height: 1.5rem;
	}

	.news .news-swiper .swiper-horizontal>.swiper-pagination-bullets,
	.news .news-swiper .swiper-pagination-bullets.swiper-pagination-horizontal,
	.news .news-swiper .swiper-pagination-custom,
	.news .news-swiper .swiper-pagination-fraction {
		bottom: 5rem;
		right: 2rem;
		left: initial;
		width: initial;
		height: 0.3rem;
	}

	.news .type a {
		margin-right: 1.75rem;
	}

	.news .botton a {
		width: calc((100% - 1.5rem) / 2);
	}

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

	.news .botton a:nth-child(2n+1) {
		margin-right: 1.5rem;
	}

	/* 详情 */

	.news2 .content {
		padding: 2rem 1rem;
	}

	.news2 .content .next a {
		width: 9.5rem;
	}



	/* 联系我们 */

	.us {
		height: auto;
	}

	.us .content {
		width: 100%;
	}

	.us::before {
		width: 100%;
	}

	.us .logo {
		display: none;
	}

	.us .content .position,
	.us .content li p:nth-child(2),
	.us .content .ewm {
		font-size: 1.2rem;
	}

	.phone_address {
		display: block;
		margin-top: 2rem;
		height: 20rem;
		position: relative;
		overflow: hidden;
		z-index: 1;
	}

	.phone_address .address {
		transform: scale(3);
	}

	.phone_address .logo {
		display: block;
		top: 50%;
		left: 58%;
	}

	/* end */
.us .phone_address .address {
	position: absolute;
top: 106px;
  left: 1px;
  width: 50%;
  height: 50%;
	object-fit: cover;
	object-position: center;
	z-index: -1;
}
}


/* #region  */

/* #endregion */