﻿@media screen and (max-width: 750px) and (min-width: 320px) {
	header {
		display: none;
	}

	.banner_ {
		margin-top: 10rem;
	}

	.pro1Info .tab_box .con1 img {
		width: 100% !important;
		height: auto !important;
	}
.contant .main p span{
	font-size: 14px;
}
	.banner_ img {
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	.m_head {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding: 1rem 2.66666667rem;
		background: #fff;
		position: sticky;
		top: 0;
		z-index: 10000;
	}

	.m_head .logo {
		font-size: 0;
	}

	.m_head .logo img {
		width: 31.333333rem;
	}

	.m_head .menu svg {
		width: 5rem;
		height: auto;
	}

	.mask {
		opacity: 0;
		transition: all 0.36s;
	}

	.mm_ .mask.m_act {
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.6);
		position: fixed;
		top: 0;
		left: 0;
		z-index: 100000;
		opacity: 1;
	}

	.m_nav {
		position: fixed;
		top: 0;
		left: -100%;
		z-index: 100001;
		width: 33.33333333rem;
		height: 100vh;
		transition: all 0.5s;
		background: #fff;
	}

	.m_nav ul li {
		font-size: 0;
		padding: 1.66666667rem;
	}

	.m_nav ul li .top {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.m_nav ul li .top svg {
		width: 3.33333333rem;
		height: 3.33333333rem;
	}

	.m_nav ul li .bot {
		display: none;
	}

	.m_nav ul li .bot a {
		display: block;
		padding-top: 2.33333333rem;
		padding-left: 1rem;
	}

    .m_nav ul a {
        font-size: 2rem;
        color: #333;
    }
	.m_nav p {
		padding: 0 1.66666667rem;
		margin-top: 0rem;
	}

	.m_nav p img {
		width: 16.66666667rem;
	}

	.mm_ .m_nav.n_act {
		left: 0;
	}

	.language_switch {
		padding: 1.66666667rem;
	}

	.language_switch a {
		font-size: 1.4rem;
		color: #3E3E3E;
		width: 3.7rem;
		height: 3.7rem;
		border-radius: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.language_switch span {
		font-size: 1.8rem;
		color: #585858;
		margin: 0 1.6rem;
	}

	.language_switch .act {
		background: #2B479E;
		color: #fff;
	}

	.pageWidth {
		width: 100%;
		margin: 0 auto;
	}

	.container {
		width: calc(100% - 4rem);
		margin: 0 auto;
	}

	.banner {
		margin-top: 0;
		margin-bottom: 4.66666667rem;
	}

	.banner img {
		width: 100%;
		height: auto;
	}

	footer {
		background: #F7F7F7;
		padding: 1.8rem 0;
	}

	footer .top {
		justify-content: space-between;
		padding-bottom: 1.8rem;
		border-bottom: 1px solid #E0E0E0;
		margin-bottom: 1rem;
	}

	footer .top a {
		font-size: 1.6rem;
		color: #070707;
		margin-right: 2rem;
	}

	footer .top img {
		width: 13.5rem;
	}

	footer .center {
		justify-content: space-between;
		padding-bottom: 0rem;
		border-bottom: none;
		margin-bottom: 0rem;
		flex-direction: column;
		align-items: flex-start;
	}

	footer .center .intro p {
		font-size: 2.33333333rem;
		color: #1D1D1D;
		margin: 1rem 0;
	}

	footer .center .img_group {
		margin-top: 0rem;
	}

	footer .center .img_group .item {
		display: flex;
		flex-direction: column;
		align-items: center;
		margin-left: 0;
		margin-right: 2rem;
	}

	footer .center .img_group .item img {
		width: 15rem;
		height: 15rem;
		object-fit: cover;
	}

	footer .center .img_group .item span {
		font-size: 2rem;
		color: #383838;
		margin-top: 1.8rem;
	}

	footer .bot {
		display: none;
	}

	footer .bot p {
		font-size: 1.4rem;
		color: #1D1D1D;
	}

	.common_title_box {
		justify-content: space-between;
	}

	.common_title_box .t {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #000000;
	}

	.common_title_box a span {
		font-size: 2rem;
	}

	.common_title_box a img {
		width: 2.2rem;
		margin-left: 1rem;
	}

	.home_yy {
		margin-bottom: 4rem;
	}

	.home_yy .item_box {
		margin-top: 2.66666667rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.home_yy .item_box a {
		width: 48%;
		margin-right: 0;
		margin-bottom: 2.66666667rem;
	}

	.home_yy .item_box a>img {
		width: 100%;
		height: 19.6rem;
		object-fit: cover;
	}

	.home_yy .item_box a .p {
		font-size: 2.33333333rem;
		color: #000000;
		margin-top: 1.6rem;
		text-align: center;
	}

	.home_hx {
		margin-bottom: 5rem;
		text-align: center;
	}

	.home_hx .title_box {
		justify-content: space-between;
	}

	.home_hx .title_box .t {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #000000;
	}

	.home_hx .title_box .right {
		display: none;
	}

	.home_hx .title_box .right p {
		padding: 0 2.4rem;
		height: 5rem;
		line-height: 5rem;
		text-align: center;
		border: 1px solid #E9E9E9;
		font-size: 1.6rem;
		color: #666666;
		margin-left: 3.7rem;
	}

	.home_hx .title_box .right .act {
		background: #2B479E;
		border: 1px solid #2B479E;
		color: #fff;
	}

	.home_hx .item_box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 3.33333333rem;
		margin-bottom: 1.66666667rem;
	}

	.home_hx .item_box a {
		width: 48%;
		margin-right: 0;
		margin-bottom: 2rem;
		border: 1px solid #E0E0E0;
		display: flex;
		flex-direction: column;
		align-items: center;
		padding: 3rem;
		box-sizing: border-box;
	}

	.home_hx .item_box a:nth-child(3n) {
		margin-right: 0;
	}
	.tel_box.flex  img{
		    width: 20px !important;
		    margin-right: 5px !important;
	}
    .tel_box.flex span {
        font-size: 14px;
    }
	.tel_box.flex {
	    margin-left: -35px;
	}
	.home_hx .item_box a .img_box {
		width: 100%;
		position: relative;
		padding-top: 80%;
		margin-bottom: 1.66666667rem;
	}

	.home_hx .item_box a .img_box img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: auto;
		max-width: 100%;
	}

	.home_hx .item_box a .p1 {
		font-weight: bold;
		font-size: 1.8rem;
		color: #57636C;
		margin-bottom: 1.3rem;
		border-bottom: 1px solid #B6C1CA;
		padding-bottom: 4px;
	}

	.home_hx .item_box a .p2 {
		text-align: center;
		width: 90%;
		font-weight: bold;
		font-size: 2.4rem;
		color: #000000;
		margin-bottom: 0;
	}

	.home_hx .item_box a .p3 {
		/* display: none; */
		font-size: 1.8rem;
		color: #8692A3;
	}

	.home_hx .more {
		display: inline-block;
		height: 3.9rem;
		line-height: 3.9rem;
		text-align: center;
		padding: 0 2.9rem;
		border: 1px solid #2B479E;
		font-size: 1.4rem;
		color: #2B479E;
	}

	.home_case {
		margin-bottom: 5rem;
	}

	.home_case .worp {
		margin-top: 3.5rem;
		position: relative;
	}

	.home_case .worp .next {
		right: -2rem;
	}

	.home_case .worp .prev {
		left: -2rem;
	}

	.home_case .worp .prev img {
		transform: rotate(180deg);
	}

	.home_case .caseSwiper .swiper-slide .p {
		text-align: center;
		font-size: 2rem;
		color: #666666;
		margin-top: 1rem;
		line-height: 1.3;
	}

	.home_case .caseSwiper .swiper-slide .img_box {
		position: relative;
		width: 100%;
		padding-top: 100%;
	}

	.home_case .caseSwiper .swiper-slide .img_box img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.home_new {
		margin-bottom: 8rem;
	}

	.home_new .big_new {
		display: none;
	}

	.home_new .list {
		align-items: flex-start;
		border-bottom: 1px solid #E3E3E3;
		padding-bottom: 3rem;
		margin-bottom: 0;
		margin-top: 4rem;
	}

	.home_new .list:last-child {
		padding-bottom: 0;
		margin-bottom: 0;
		border-bottom: none;
	}

	.home_new .list img {
		width: 21.66666667rem;
		height: 16.66666667rem;
		object-fit: cover;
	}

	.home_new .list .text_box {
		margin-top: 0;
		flex: 1;
		overflow: hidden;
		padding: 0 2.33333333rem;
		padding-right: 0;
	}

	.home_new .list .text_box .title {
		font-size: 2.2rem;
		color: #333333;
		margin-bottom: 1.6rem;
	}

	.home_new .list .text_box .p p,
	.home_new .list .text_box span {
		font-size: 1.5rem;
		color: #666666;
		line-height: 3rem;
	}

	.home_new .list .text_box .more {
		margin-top: 2rem;
		font-size: 1.4rem;
		color: #2B479E;
	}

	.home_new .list .date {
		display: none;
		margin-top: 3rem;
	}

	.home_new .list .date p {
		text-align: center;
	}

	.home_new .list .date p:first-child {
		font-size: 4.3rem;
		color: #2B479E;
	}

	.home_new .list .date p:last-child {
		font-size: 1.4rem;
		color: #2B479E;
		margin-top: 4px;
	}

	.product {
		margin-top: 3.8rem;
		margin-bottom: 3rem;
		text-align: center;
	}

	.product .box {
		margin-bottom: 2rem;
	}

	.product .box .title_box {
		justify-content: space-between;
	}

	.product .box .title_box .t {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #000000;
	}

	.product .box .title_box .right p {
		padding: 0 2.4rem;
		height: 5.7rem;
		line-height: 5.7rem;
		text-align: center;
		border: 1px solid #E9E9E9;
		font-size: 1.6rem;
		color: #666666;
		margin-left: 3.7rem;
	}

	.product .box .title_box .right .act {
		background: #2B479E;
		border: 1px solid #2B479E;
		color: #fff;
	}

	.product .box .item_box {
		display: flex;
		flex-wrap: wrap;
		margin-top: 3rem;
		margin-bottom: 2.5rem;
		justify-content: space-between;
	}

	.product .box .item_box a {
		width: 48%;
		margin-right: 0;
		margin-bottom: 2rem;
		padding: 3rem;
		box-sizing: border-box;
	}

	.product .box .item_box a:nth-child(4n) {
		margin-right: 0;
	}

	.product .box .item_box a .img_box {
		width: 100%;
		position: relative;
		padding-top: 80%;
		margin-bottom: 1rem;
	}

	.product .box .item_box a .img_box img {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		height: auto;
		max-width: 100%;
	}

	.product .box .item_box a .p1 {
		font-weight: bold;
		font-size: 1.4rem;
		color: #57636C;
		margin-bottom: 1.5rem;
		border-bottom: 1px solid #B6C1CA;
		padding-bottom: 0.6rem;
	}

	.product .box .item_box a .p2 {
		text-align: center;
		width: 90%;
		font-size: 2.4rem;
		color: #000000;
		margin-top: 1.2rem;
	}

	.product .box .item_box a .p3 {
		/* display: none; */
		font-size: 1.6rem;
		color: #8692A3;
	}

	.message_box {
		display: none;
	}

	.common_title_box.icon .t img {
		width: 4rem;
		height: 4rem;
		margin-right: 3px;
	}

	.pagination {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 2rem;
	}

	.pagination li {
		width: 3.5rem;
		height: 3.5rem;
		display: flex;
		align-items: center;
		justify-content: center;
		border: 1px solid #f5f5f5;
		margin-right: 1.2rem;
		cursor: pointer;
	}

	.pagination li a,
	.pagination li span {
		font-size: 1.6rem;
		line-height: 0;
	}

	.pagination .active {
		background: #2B479E;
		color: #fff;
	}

	.apply {
		margin-top: 3.2rem;
	}

	.apply .box1 {
		margin-bottom: 7.2rem;
	}

	.apply .box1 .title {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #000000;
		margin-bottom: 3rem;
	}

	.apply .box1 .worp {
		position: relative;
	}

	.apply .box1 .worp .next,
	.apply .box1 .worp .prev {
		width: 5.6rem;
		height: 5.6rem;
		background: #FFFFFF;
		border: 1px solid #E0E0E0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 100;
	}

	.apply .box1 .worp .next img,
	.apply .box1 .worp .prev img {
		width: 3rem;
		height: 3rem;
	}

	.apply .box1 .worp .next {
		right: -2rem;
	}

	.apply .box1 .worp .prev {
		left: -2rem;
	}

	.apply .box1 .worp .prev img {
		transform: rotate(180deg);
	}

	.apply .box1 .swiper1 .swiper-slide,
	.apply .box1 .swiper2 .swiper-slide {
		justify-content: space-between;
	}

	.apply .box1 .swiper1 .swiper-slide .item .img_box,
	.apply .box1 .swiper2 .swiper-slide .item .img_box {
		width: 100%;
		position: relative;
		padding-top: 100%;
	}

	.apply .box1 .swiper1 .swiper-slide .item .img_box img,
	.apply .box1 .swiper2 .swiper-slide .item .img_box img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.apply .box1 .swiper1 .swiper-slide .item .text_box,
	.apply .box1 .swiper2 .swiper-slide .item .text_box {
		margin-top: 2rem;
	}

	.apply .box1 .swiper1 .swiper-slide .item .text_box .num,
	.apply .box1 .swiper2 .swiper-slide .item .text_box .num {
		font-size: 2.8rem;
		color: #000000;
		border-right: 1px solid #B5B5B5;
		margin-right: 2rem;
		padding-right: 2.5rem;
		display: none;
	}

	.apply .box1 .swiper1 .swiper-slide .item .text_box .p,
	.apply .box1 .swiper2 .swiper-slide .item .text_box .p {
		width: 100%;
	}

	.apply .box1 .swiper1 .swiper-slide .item .text_box .p p:first-child,
	.apply .box1 .swiper2 .swiper-slide .item .text_box .p p:first-child {
		font-size: 2.6rem;
		color: #333333;
	}

	.apply .box1 .swiper1 .swiper-slide .item .text_box .p p:last-child,
	.apply .box1 .swiper2 .swiper-slide .item .text_box .p p:last-child {
		font-size: 1.6rem;
		color: #676767;
		margin-top: 9px;
	}

	.apply .box {
		margin-bottom: 2rem;
	}

	.apply .box .title {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #000000;
		margin-bottom: 3rem;
	}

	.apply .box .item_box {
		margin-top: 2rem;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.apply .box .item_box a {
		width: 48%;
		margin-right: 0;
		margin-bottom: 1.6rem;
		box-sizing: border-box;
	}

	.apply .box .item_box a:nth-child(5n) {
		margin-right: 0;
	}

	.apply .box .item_box a>img {
		width: 100%;
		height: 19.6rem;
		object-fit: cover;
	}

	.apply .box .item_box a .p {
		font-size: 2.33333333rem;
		color: #000000;
		margin-top: 1.6rem;
		text-align: center;
	}

	.news {
		padding-top: 0rem;
	}

	.join_us {
		padding-top: 2rem;
		margin-bottom: 3rem;
	}

	.join_us .bot_box {
		margin-top: 6rem;
	}

	.join_us .bot_box .t {
		font-weight: bold;
		font-size: 2rem;
	}

	.join_us .bot_box .list {
		font-size: 1.6rem;
		margin-top: 2rem;
		align-items: flex-start;
	}

	.join_us .bot_box .list p {
		line-height: 1.6;
	}

	.join_us .bot_box .list p:first-child {
		width: 25%;
		font-weight: bold;
	}

	.join_us .bot_box .img_group {
		margin-top: 4rem;
		flex-wrap: wrap;
	}

	.join_us .bot_box .img_group .img_item {
		margin-right: 6rem;
		text-align: center;
	}

	.join_us .bot_box .img_group .img_item img {
		width: auto;
		height: 6rem;
	}

	.join_us .bot_box .img_group .img_item p {
		text-align: center;
		font-size: 1rem;
		font-weight: normal;
		margin-top: 1rem;
	}

	.join_us .main .tab {
		width: 100%;
		height: 6.5rem;
		background: #2B479E;
		display: flex;
		align-items: center;
		padding: 0 2rem;
		margin-bottom: 2rem;
	}

	.join_us .main .tab p {
		color: #fff;
		font-size: 1.8rem;
	}

	.join_us .main .tab p:nth-child(1) {
		width: 24rem;
	}

	.join_us .main .tab p:nth-child(2) {
		width: 23rem;
		flex: 1;
	}

	.join_us .main .tab p:nth-child(3) {
		width: 23rem;
		flex: 1;
	}

	.join_us .main .tab p:nth-child(4) {
		width: 23rem;
		flex: 1;
	}

	.join_us .main .down_box {
		background: #fff;
		padding: 4rem 2rem;
		padding-left: 2rem;
		display: none;
		background: #F7F7F7;
	}

	.join_us .main .down_box .text_box {
		margin-bottom: 5.8rem;
	}

	.join_us .main .down_box .text_box .name {
		font-size: 2.66666667rem;
		margin-bottom: 2.6rem;
	}

	.join_us .main .down_box .text_box p {
		font-size: 2.33333333rem;
		line-height: 1.4;
		color: #666666;
	}
    .join_us .main .down_box .text_box p span {
        font-size: 2.33333333rem !important;
		        text-wrap-mode: wrap !important;
    }
	.join_us .bot_box p span{
		font-size: 2.33333333rem !important;
		        text-wrap-mode: wrap !important;
	}
	.join_us .main .down_box .foot {
		display: flex;
		justify-content: flex-end;
	}

	.join_us .main .down_box .btn {
		border: 1px solid #2B479E;
		background: #fff;
		color: #2B479E;
		font-size: 1.4rem;
		display: inline-block;
		padding: 1rem 2.5rem;
	}

	.join_us .main .list {
		width: 100%;
		height: 9rem;
		display: flex;
		align-items: center;
		padding: 0 2rem;
		border-bottom: 1px solid #ebebeb;
		transition: all 0.3s;
		position: relative;
		cursor: pointer;
	}

	.join_us .main .list svg {
		width: 2.4rem;
		height: 2.4rem;
		position: absolute;
		right: 2rem;
		top: 50%;
		transform: translateY(-50%);
		transition: all 0.3s;
	}

	.join_us .main .list:hover {
		background: #ebebeb;
	}

	.join_us .main .list p {
		color: #000;
		font-size: 1.8rem;
		color: #1B1B1B;
	}

	.join_us .main .list p:nth-child(1) {
		width: 24rem;
	}

	.join_us .main .list p:nth-child(2) {
		width: 23rem;
		flex: 1;
	}

	.join_us .main .list p:nth-child(3) {
		width: 23rem;
		flex: 1;
	}

	.join_us .main .list p:nth-child(4) {
		width: 23rem;
		flex: 1;
	}

	.join_us .main .act {
		background: #ebebeb;
	}

	.join_us .main .act svg {
		transform: translateY(-50%) rotate(180deg);
	}

	.contant {
		padding-top: 0rem;
	}

	.contant .main {
		background: #F7F7F7;
		padding: 4rem 0;
		padding-left: 3rem;
		padding-right: 3rem;
		flex-direction: column;
		margin-bottom: 3rem;
	}

	.contant .main .left {
		flex: 1;
		overflow: hidden;
	}

	.contant .main .t {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #000000;
		border-bottom: 1px solid #E0E0E0;
		padding-bottom: 2rem;
		margin-bottom: 3rem;
	}

	.contant .main p {
		font-size: 2.33333333rem;
		color: #666666;
		margin-bottom: 2rem;
		line-height: 1.5;
	}

	.contant .main .right {
		width: 100%;
		padding-left: 0rem;
		justify-content: space-between;
	}

	.contant .main .right .map {
		width: 48%;
		height: 20rem;
		margin-left: 0;
	}

	.contant .form_box {
		padding: 0 3rem;
		padding-top: 1.7rem;
		margin-bottom: 6.4rem;
	}

	.contant .form_box .t {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #333333;
		margin-bottom: 2.9rem;
	}

	.contant .form_box form {
		display: block;
		padding: 1.5rem;
		box-shadow: 0px 0px 20px 1px rgba(128, 128, 128, 0.16);
	}

	.contant .form_box form .list {
		flex-direction: column;
		justify-content: space-between;
		margin-bottom: 0rem;
	}

	.contant .form_box form .list_ {
		width: 100%;
		height: 6rem;
		background: #F7F7F7;
		padding: 0 2.9rem;
	}

	.contant .form_box form .list_ span {
		width: 7rem;
		font-size: 1.6rem;
		color: #666666;
	}

	.contant .form_box form .list_ .radio_box {
		flex: 1;
		margin-left: 3rem;
	}

	.contant .form_box form .list_ .radio_box label {
		font-size: 1.6rem;
		color: #666666;
		margin-left: 3px;
	}

	.contant .form_box form .btn_box {
		text-align: center;
		margin-top: 2.5rem;
	}

	.contant .form_box form input[type='submit'] {
		height: 4.9rem;
		background: #2B479E;
		color: #fff;
		font-size: 1.6rem;
		padding: 0 4.3rem;
	}

	.contant .form_box form .box {
		width: 100%;
		height: 6rem;
		background: #F7F7F7;
		padding: 0 2rem;
		margin-bottom: 2rem;
	}

	.contant .form_box form .box span {
		font-size: 2.16666667rem;
		color: #666666;
	}

	.contant .form_box form .box input {
		flex: 1;
		height: 100%;
		border: none;
		background: #F7F7F7;
		outline: none;
	}

	.about {
		padding-top: 2rem;
	}

	.about .box2 {
		margin-bottom: 5rem;
	}

	.about .box2 .title {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #000000;
		margin-bottom: 3.5rem;
	}

	.about .box2 .worp {
		position: relative;
	}

	.about .box2 .worp .line {
		background: #EBEBEB;
		width: 100%;
		height: 1px;
		position: absolute;
		top: 23.5rem;
		left: 0;
	}

	.about .box2 .worp .top {
		position: relative;
		height: 24rem;
	}

	.about .box2 .worp .top:before {
		content: '';
		width: 1rem;
		height: 1rem;
		background: #E5E5E5;
		border-radius: 100%;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}

	.about .box2 .next,
	.about .box2 .prev {
		width: 5.6rem;
		height: 5.6rem;
		background: #FFFFFF;
		border: 1px solid #E0E0E0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
		position: absolute;
		top: calc(23.5rem - 5.6rem / 2);
		z-index: 100;
	}

	.about .box2 .next img,
	.about .box2 .prev img {
		width: 3rem;
		height: 3rem;
	}

	.about .box2 .next {
		right: -2rem;
	}

	.about .box2 .prev {
		left: -2rem;
	}

	.about .box2 .prev img {
		transform: rotate(180deg);
	}

	.about .box2 .aboutSwiper1 .img_box {
		width: 100%;
		position: relative;
		padding-top: 60%;
		overflow: hidden;
		margin: 0 auto;
	}

	.about .box2 .aboutSwiper1 .img_box img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.about .box2 .aboutSwiper1 .year {
		font-size: 2.4rem;
		color: #666666;
		margin-top: 2rem;
		text-align: center;
	}

	.about .box2 .aboutSwiper1 .list_box {
		margin-top: 2rem;
	}

	.about .box2 .aboutSwiper1 .list_box .list span {
		font-size: 1.4rem;
		font-weight: bold;
		line-height: 3.8rem;
	}

	.about .box2 .aboutSwiper1 .list_box .list p {
		font-size: 1.4rem;
		color: #666666;
		line-height: 1.5;
	}

	.about .box4 {
		margin-bottom: 5rem;
		position: relative;
		padding-bottom: 9rem;
	}

	.about .box4 .title {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #000000;
		margin-bottom: 3rem;
	}

	.about .box4 .next,
	.about .box4 .prev {
		width: 5.6rem;
		height: 5.6rem;
		background: #EEEEEE;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
		position: absolute;
		bottom: 0;
		z-index: 100;
	}

	.about .box4 .next img,
	.about .box4 .prev img {
		width: 3rem;
		height: 3rem;
	}

	.about .box4 .next {
		right: 38%;
	}

	.about .box4 .prev {
		left: 38%;
	}

	.about .box4 .prev img {
		transform: rotate(180deg);
	}

	.about .aboutSwiper2 .swiper-slide {
		border: 1px solid #F2F2F2;
	}

	.about .aboutSwiper2 .swiper-slide p {
		text-align: center;
		font-size: 1.4rem;
		color: #666666;
		padding: 1.5rem 1rem;
	}

	.about .aboutSwiper2 .img_box {
		width: 100%;
		padding-top: 100%;
		position: relative;
		overflow: hidden;
		border-bottom: 1px solid #F2F2F2;
	}

	.about .aboutSwiper2 .img_box img {
		max-width: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.about .aboutSwiper3 .swiper-slide {
		border: 1px solid #F2F2F2;
	}

	.about .aboutSwiper3 .swiper-slide p {
		text-align: center;
		font-size: 1.4rem;
		color: #666666;
		padding: 1.5rem 1rem;
	}

	.about .aboutSwiper3 .img_box {
		width: 100%;
		padding-top: 100%;
		position: relative;
		overflow: hidden;
		border-bottom: 1px solid #F2F2F2;
	}

	.about .aboutSwiper3 .img_box img {
		max-width: 100%;
		position: absolute;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
	}

	.about .box3 {
		margin-bottom: 4rem;
	}

	.about .box3 .title {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #000000;
		margin-bottom: 2.4rem;
	}

	.about .box3 .worp {
		flex-wrap: wrap;
		align-items: stretch;
		flex-direction: column;
	}

	.about .box3 .worp .item {
		width: 100%;
		margin-right: 0;
		background: #F5F5F5;
		box-shadow: 0px 0px 2rem 1px rgba(181, 181, 181, 0.5);
		border-radius: 2rem;
		margin-bottom: 2rem;
	}

	.about .box3 .worp .item:nth-child(3n) {
		margin-right: 0;
	}

	.about .box3 .worp .item img {
		width: 100%;
		height: auto;
	}

	.about .box3 .worp .item .intro {
		text-align: right;
		padding: 0 2.6rem;
		padding-bottom: 3rem;
	}

	.about .box3 .worp .item .intro p {
		font-size: 2rem;
		color: #817F7F;
		line-height: 2;
	}

	.about .box3 .worp .item .user {
		text-align: right;
		margin-top: 2.8rem;
		margin-bottom: 3rem;
		padding: 0 2.6rem;
	}

	.about .box3 .worp .item .user p {
		font-size: 2.2rem;
		color: #817F7F;
	}

	.about .box3 .worp .item .user p em {
		color: #2B479E;
		font-weight: bold;
	}

	.about .box3 .worp .item .user span {
		font-size: 2.2rem;
		color: #817F7F;
		line-height: 1.6;
	}

	.about .box5 {
		margin-bottom: 4rem;
	}

	.about .box5 .title {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #000000;
		margin-bottom: 2.4rem;
	}

	.about .box5 .worp {
		flex-wrap: wrap;
		align-items: stretch;
		flex-direction: column;
	}

	.about .box5 .worp .item {
		width: 100%;
		margin-right: 0;
		background: #F5F5F5;
		box-shadow: 0px 0px 2rem 1px rgba(181, 181, 181, 0.5);
		border-radius: 2rem;
		margin-bottom: 2rem;
	}

	.about .box5 .worp .item:nth-child(3n) {
		margin-right: 0;
	}

	.about .box5 .worp .item img {
		width: 100%;
		height: auto;
	}

	.about .box5 .worp .item .intro {
		text-align: right;
		padding: 0 2.6rem;
		padding-bottom: 3rem;
	}

	.about .box5 .worp .item .intro p {
		font-size: 2rem;
		color: #817F7F;
		line-height: 2;
	}

	.about .box5 .worp .item .user {
		text-align: right;
		margin-top: 2.8rem;
		margin-bottom: 3rem;
		padding: 0 2.6rem;
	}

	.about .box5 .worp .item .user p {
		font-size: 2.2rem;
		color: #817F7F;
	}

	.about .box5 .worp .item .user p em {
		color: #2B479E;
		font-weight: bold;
	}

	.about .box5 .worp .item .user span {
		font-size: 2.2rem;
		color: #817F7F;
		line-height: 1.6;
	}

	.about .box1 {
		align-items: flex-start;
		justify-content: space-between;
		margin-bottom: 3rem;
		flex-direction: column;
	}

	.about .box1 .right {
		width: 100%;
	}

	.about .box1 .right .img_box {
		width: 100%;
		height: 20rem;
		overflow: hidden;
		position: relative;
		margin-bottom: 2rem;
	}

	.about .box1 .right .img_box img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.about .box1 .right .img_box .text_box {
		width: 100%;
		position: absolute;
		left: 0;
		bottom: 0;
		padding-left: 2.4rem;
		padding-bottom: 1.7rem;
	}

	.about .box1 .right .img_box .text_box p:first-child {
		font-size: 2.2rem;
		color: #FFFFFF;
	}

	.about .box1 .right .img_box .text_box p:last-child {
		font-size: 1.4rem;
		color: #FFFFFF;
		margin-top: 1.2rem;
	}

	.about .box1 .left {
		flex: 1;
		overflow: hidden;
		padding-right: 0;
		margin-bottom: 2.5rem;
	}

	.about .box1 .left .t {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #000000;
		margin-bottom: 2.6rem;
	}

	.about .box1 .left .intro p,
	.about .box1 .left .intro span {
		font-size: 2.33333333rem !important;
		color: #666666;
		line-height: 4rem;
	}

	.appInfo {
		width: 100%;
		margin: 4rem auto;
		padding: 0 3rem;
	}

	.appInfo .box {
		margin-bottom: 6rem;
	}

	.appInfo .content {
		margin-top: 3rem;
	}

	.appInfo .content p,
	.appInfo .content span {
		font-size: 2.33333333rem;
		color: #666666;
		line-height: 1.6;
	}

	.caseInfo_box {
		flex-wrap: wrap;
		margin-top: 4rem;
		justify-content: space-between;
	}

	.caseInfo_box a {
		width: 48%;
		margin-right: 0;
		margin-bottom: 2rem;
	}

	.caseInfo_box a:nth-child(4n) {
		margin-right: 0;
	}

	.caseInfo_box a .img_box {
		width: 100%;
		position: relative;
		padding-top: 100%;
	}

	.caseInfo_box a .img_box img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.caseInfo_box a .p {
		font-size: 2.33333333rem;
		color: #000000;
		margin-top: 1.6rem;
		text-align: center;
	}

	.download {
		margin-top: 4rem;
		margin-bottom: 4rem;
	}

	.download .title {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #333333;
		margin-bottom: 3.5rem;
	}

	.download .worp {
		align-items: flex-start;
	}

	.download .left {
		border-left: 1px solid #EFEFEF;
		width: 40%;
		padding-right: 3rem;
	}

	.download .left p {
		font-size: 2rem;
		color: #999999;
		margin-bottom: 6rem;
		padding-left: 2.4rem;
		cursor: pointer;
		transition: color 0.4s;
	}

	.download .left p:last-child {
		margin-bottom: 0;
	}

	.download .left p:hover {
		color: #2B479E;
	}

	.download .left .act {
		border-left: 1px solid #2B479E;
		color: #2B479E;
	}

	.download .right {
		flex: 1;
		display: none;
	}

	.download .right .list {
		border: 1px solid #E0E0E0;
		margin-bottom: 2rem;
		padding: 2.2rem 3rem;
		position: relative;
	}
    .about .box1 .left {
        width: 100%;
    }
	.download .right .list .text_box {
		width: 90%;
		padding-left: 0rem;
		border-left: none;
		margin-left: 0rem;
	}
	.about.container .box1 .left .intro p img{
		width: 100% !important;
		height: auto !important;
	}

	.download .right .list .text_box p {
		font-weight: bold;
		font-size: 1.8rem;
		color: #171717;
		margin-bottom: 1.4rem;
	}

	.download .right .list .text_box span {
		font-size: 1.4rem;
		color: #666666;
	}

	.download .right .list .img1 {
		width: 4rem;
		height: auto;
		display: none;
	}

	.download .right .list .img2 {
		width: 2rem;
		height: auto;
		position: absolute;
		right: 3rem;
		top: 50%;
		transform: translateY(-50%);
	}

	.newsInfo {
		width: 100%;
		margin: 3rem auto;
		padding-top: 13rem;
		padding: 3rem;
	}

	.newsInfo .foot_ {
		margin-top: 3rem;
	}

	.newsInfo .foot_ a {
		display: block;
		font-size: 2.33333333rem;
		color: #666666;
		line-height: 2;
	}

	.newsInfo .title {
		font-size: 2.66666667rem;
		line-height: 3.8rem;
		color: #1A1A1A;
		text-align: center;
		margin-bottom: 1.9rem;
	}

	.newsInfo .date {
		font-size: 2.33333333rem;
		color: #666666;
		line-height: 2.6rem;
		text-align: center;
	}

	.newsInfo .content {
		margin-top: 3rem;
	}

	.newsInfo .content p,
	.newsInfo .content span {
		font-size: 2.33333333rem;
		/* color: #666666; */
		line-height: 3.8rem;
	}

	.newsInfo .content img {
		width: 100%;
		height: auto;
	}

	.pro1Info {
		width: 100%;
		margin: 3.5rem auto;
		padding: 0 3rem;
	}

	.pro1Info>.box {
		margin-bottom: 3rem;
	}

	.pro1Info>.box form {
		display: block;
		padding: 1.5rem;
		box-shadow: 0px 0px 20px 1px rgba(128, 128, 128, 0.16);
	}

	.pro1Info>.box form .list {
		flex-direction: column;
		justify-content: space-between;
		margin-bottom: 0rem;
	}

	.pro1Info>.box form .list_ {
		width: 100%;
		height: 6rem;
		background: #F7F7F7;
		padding: 0 2.9rem;
	}

	.pro1Info>.box form .list_ span {
		width: 7rem;
		font-size: 1.6rem;
		color: #666666;
	}

	.pro1Info>.box form .list_ .radio_box {
		flex: 1;
		margin-left: 3rem;
	}

	.pro1Info>.box form .list_ .radio_box label {
		font-size: 1.6rem;
		color: #666666;
		margin-left: 3px;
	}

	.pro1Info>.box form .btn_box {
		text-align: center;
		margin-top: 2.5rem;
	}

	.pro1Info>.box form input[type='submit'] {
		height: 4.9rem;
		background: #2B479E;
		color: #fff;
		font-size: 1.6rem;
		padding: 0 4.3rem;
	}

	.pro1Info>.box form .box {
		width: 100%;
		height: 6rem;
		background: #F7F7F7;
		padding: 0 2rem;
		margin-bottom: 2rem;
	}

	.pro1Info>.box form .box span {
		font-size: 2.16666667rem;
		color: #666666;
	}

	.pro1Info>.box form .box input {
		flex: 1;
		height: 100%;
		border: none;
		background: #F7F7F7;
		outline: none;
	}

	.pro1Info>.box .worp {
		margin-top: 3.5rem;
		position: relative;
	}

	.pro1Info>.box .worp .next,
	.pro1Info>.box .worp .prev {
		width: 5.6rem;
		height: 5.6rem;
		background: #FFFFFF;
		border: 1px solid #E0E0E0;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		z-index: 100;
	}

	.pro1Info>.box .worp .next img,
	.pro1Info>.box .worp .prev img {
		width: 3rem;
		height: 3rem;
	}

	.pro1Info>.box .worp .next {
		right: -4rem;
	}

	.pro1Info>.box .worp .prev {
		left: -4rem;
	}

	.pro1Info>.box .worp .prev img {
		transform: rotate(180deg);
	}

	.pro1Info>.box .caseSwiper .swiper-slide .p {
		text-align: center;
		font-size: 1.6rem;
		color: #666666;
		margin-top: 1rem;
	}

	.pro1Info>.box .caseSwiper .swiper-slide .img_box {
		position: relative;
		width: 100%;
		padding-top: 100%;
	}

	.pro1Info>.box .caseSwiper .swiper-slide .img_box img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.pro1Info .box1 {
		flex-wrap: wrap;
		margin-top: 3rem;
		justify-content: space-between;
	}

	.pro1Info .box1 .item {
		width: 48%;
		margin-right: 0;
		margin-bottom: 2.8rem;
	}

	.pro1Info .box1 .item:nth-child(3n) {
		margin-right: 0;
	}

	.pro1Info .box1 .item .img_box {
		position: relative;
		width: 100%;
		padding-top: 100%;
		overflow: hidden;
	}

	.pro1Info .box1 .item .img_box img {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.pro1Info .box1 .item .img_box p {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 5.3rem;
		background: rgba(0, 0, 0, 0.7);
		font-weight: bold;
		font-size: 1.6rem;
		color: #FFFFFF;
		text-align: center;
		line-height: 5.3rem;
	}

	.pro1Info .tab_box {
		margin-top: 9.3rem;
		margin-bottom: 5.3rem;
	}

	.pro1Info .tab_box .nav {
		border-bottom: 1px solid #E3E3E3;
	}

	.pro1Info .tab_box .nav span {
		font-size: 2rem;
		color: #000000;
		margin-right: 3rem;
		padding-bottom: 2rem;
		cursor: pointer;
	}

	.pro1Info .tab_box .nav .act {
		border-bottom: 2px solid #2B479E;
	}

	.pro1Info .tab_box .con {
		margin-top: 3rem;
		display: none;
	}

    .pro1Info .tab_box .con1 p, .pro1Info .tab_box .con1 span {
        font-size: 2.4rem !important;
        color: #666666;
        line-height: 3.8rem;
    }

	.pro1Info .tab_box .con2 a {
		height: 5.7rem;
		line-height: 5.7rem;
		border-radius: 3rem;
		background: #2B479E;
		font-size: 1.6rem;
		color: #FFFFFF;
		padding: 0 3rem;
		margin-right: 3rem;
	}

	.mask_box {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		background: rgba(0, 0, 0, 0.4);
		z-index: 100000;
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.36s;
	}

	.mask_box .info_box {
		width: 80%;
		background: #fff;
		height: 100%;
		overflow-y: scroll;
		position: absolute;
		top: 0;
		right: 0;
		padding: 2rem;
	}

	.mask_box .info_box .title {
		font-weight: bold;
		font-size: 2.66666667rem;
		color: #000000;
		line-height: 1.5;
		border-bottom: 1px solid #E7E7E7;
		padding-bottom: 3rem;
		margin-bottom: 2.8rem;
	}

	.mask_box .info_box .info_content img {
		width: 100%;
	}

	.mask_box .info_box .info_content p,
	.mask_box .info_box .info_content span {
		font-size: 1.4rem;
		color: #666666;
		line-height: 3.8rem;
	}

	.mask_box .form_box {
		width: 40.3rem;
		height: 43.9rem;
		background: #FFFFFF;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.mask_box .form_box .top {
		background: #2B479E;
		height: 7.2rem;
		justify-content: space-between;
		padding: 0 2.3rem;
		margin-bottom: 3.4rem;
	}

	.mask_box .form_box .top span {
		font-size: 2rem;
		color: #FFFFFF;
	}

	.mask_box .form_box .top img {
		width: 2rem;
		height: 2rem;
	}

	.mask_box .form_box .bot {
		display: flex;
		flex-direction: column;
		padding: 0 3rem;
	}

	.mask_box .form_box .bot input[type='text'] {
		border: 1px solid #CCCCCC;
		outline: none;
		height: 5rem;
		margin-bottom: 2.8rem;
		font-size: 1.6rem;
		padding-left: 1.2rem;
	}

	.mask_box .form_box .bot input[type='submit'] {
		background: #2B479E;
		outline: none;
		border: none;
		height: 4.8rem;
		font-size: 1.6rem;
		color: #FFFFFF;
		margin-top: 0.8rem;
	}

	.mask_box .form_box2 {
		width: 90%;
		padding-bottom: 3rem;
		background: #FFFFFF;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}

	.mask_box .form_box2 .top {
		background: #2B479E;
		height: 7.2rem;
		justify-content: space-between;
		padding: 0 2.3rem;
		margin-bottom: 3.4rem;
	}

	.mask_box .form_box2 .top span {
		font-size: 2rem;
		color: #FFFFFF;
	}

	.mask_box .form_box2 .top img {
		width: 2rem;
		height: 2rem;
	}

	.mask_box .form_box2 .bot {
		padding: 0 3rem;
	}

	.mask_box .form_box2 .bot .list {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.mask_box .form_box2 .bot input[type='text'] {
		width: 48%;
		border: 1px solid #CCCCCC;
		outline: none;
		height: 5rem;
		margin-bottom: 2.8rem;
		font-size: 1.6rem;
		padding-left: 1.2rem;
	}

	.mask_box .form_box2 .bot input[type='submit'] {
		width: 20rem;
		background: #2B479E;
		outline: none;
		border: none;
		height: 4.8rem;
		font-size: 1.6rem;
		color: #FFFFFF;
		margin-top: 0.8rem;
	}

	footer .intro p:nth-child(1) span {
		font-size: 16px !important;
	}
}