@media screen and (max-width: 1500px) {
	/* .head-logo {
		width: 25%;
	} */

	.head-nav {
		width: 50%;
		justify-content: center;
	}

	.head-tab {
		width: 15%;
	}

	.head-search {
		width: 25%;
	}

	.tab-rg-ls {
		width: 20%;
	}

	.rec-tit {
		width: 25%;
	}

	.rec .seor-rec {
		height: 1.5rem;
	}

	.rec .seor-rec .s_tit {
		line-height: 1.5rem;
	}

	.rec .seor-rec .sub {
		top: 1.5rem;
	}

	.contact-ls-cont {
		font-size: 20px;
	}

	.ser-ls {
		height: 6.5rem;
	}
}

@media screen and (max-width: 1400px) {
	.tab-rg-ls {
		width: 32%;
	}
	
	.index4 {
		padding-top: 6rem;
	}
	
	.index3-container .swiper-slide {
		width: 18%;
	}
	
	.index8-box {
		padding-left: 6.8rem;
	}
	
}

@media screen and (max-width: 1200px) {
	.head-tab {
		width: 18%;
	}

	.tab-rg-ls {
		width: 30%;
	}
	
	.index4 {
		padding-top: 8rem;
	}
	
	.index-new-ls:nth-child(3) {
		margin-top: 6rem;
	}
	
	.index5 {
		padding-top: 6rem;
	}
}

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

	.w1800,
	.w1720,
	.w1600,
	.w1500,
	.w1460,
	.w1400,
	.w1300,
	.w1200,
	.w760 {
		max-width: 1600px;
		width: 90%;
		margin: 0 auto;
	}
	
	.back-top {
		right: 5%;
	}

	.head {
		display: none;
	}

	.tab {
		position: relative;
		bottom: 0;
		transform: translateY(0);
	}

	.menu {
		display: none;
	}

	.tab-rg {
		width: 100%;
	}

	.banner>p {
		top: 35%;
	}

	.intro {
		padding: 1rem 0;
	}

	.intro-top {
		width: 90%;
	}

	.ad-container .swiper-button-prev {
		left: 15%;
	}

	.ad-btn {
		margin-top: 1.5rem;
	}

	.ad-btn>p,
	.ad-btn-cont {
		margin-bottom: 1rem;
	}

	.solution {
		padding-top: 1.5rem;
	}

	.all-box {
		margin-top: 1rem;
	}

	.ser-cont {
		font-size: 18px;
	}

	.sol-tit {
		margin-bottom: 0.5rem;
	}

	.fund-cent {
		margin: 1rem auto 1.5rem;
	}

	.fund-cent {
		flex-wrap: wrap;
	}

	.fund-ls {
		margin-bottom: 0.5rem;
	}

	.tab-rg-ls {
		justify-content: center;
	}

	.tab-font {
		width: max-content;
	}

	.tab-rg-ac::after {
		display: none;
	}

	.news-box .sol-tit {
		padding-bottom: 0;
	}

	.cloud {
		margin-bottom: 0.75rem;
	}

	.login-lf::after {
		height: 9rem;
	}

	.res {
		padding: 0.5rem 0;
	}

	.res-lf {
		padding: 0 5%;
	}

	.res-lf-tit {
		font-size: 30px;
		margin-bottom: 0.5rem;
	}

	.res-lf-cont {
		margin-bottom: 1rem;
	}

	.rec {
		flex-wrap: wrap;
	}

	.rec-top {
		width: 100%;
		margin-bottom: 0.5rem;
	}

	.rec-tit {
		width: max-content;
		margin-right: 0.5rem;
	}

	.rec-type,
	.contact {
		margin-bottom: 1rem;
	}

	.contact {
		flex-wrap: wrap;
		height: auto;
	}

	.contact-lf {
		margin-bottom: 0.5rem;
		text-align: center;
	}

	.contact-lf,
	.contact-rg {
		width: 100%;
	}

	.contact-lf::after {
		display: none;
	}

	.contact-rg {
		padding-left: 0;
	}

	.contact-ls,
	.contact-rg-ls {
		justify-content: center;
	}

	.contact-btn {
		flex-wrap: wrap;
		margin-bottom: 2rem;
	}

	.con_map {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0.5rem;
	}

	.contact-intro {
		width: 100%;
	}
	
	.head2 {
		display: none !important;
	}
	
	.index3-container .swiper-slide {
		width: 40%;
	}
	
	.lf-bg {
		display: none;
		opacity: 1;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}
	
	.rg-bg {
		display: none;
	}
	
	.index-bg2 {
		display: block;
	}
	
	.index3-container .swiper-slide:nth-child(1),
	.index3-container .swiper-slide:last-child {
		opacity: 1;
	}
	
	.index4-pos {
		position: relative;
		right: 0;
		bottom: 0;
		margin-bottom: 1rem;
		text-align: center;
		width: 90%;
		margin: 0 auto;
	}
	
	.index4,
	.index5,
	.index2,
	.index7 {
		padding-top: 4rem;
	}
	
	.index4-container1 .index-new-ls {
		width: 50%;
		margin: 0 25%;
		box-shadow: 0 0 5px rgba(0,0,0,.5);
	}
	
	.index-new {
		padding: 0.5rem 0;
	}
	
	.index4-container1 .index-new-ls .index-new-btn {
		position: relative;
		bottom: 0;
		right: 0;
		top: 0;
		left: 0;
		width: 100%;
		background-color: #FFFFFF;
	}
	
	.index5-container1 .swiper-slide {
		width: 50%;
		margin: 0 25%;
		transform: translate(0);
	}
	
	.index5-container1 .swiper-slide:last-child {
		margin-right: 25%;
	}
	
	.index5 .swiper-button-prev {
		left: 10%;
	}
	
	.index5 .swiper-button-next {
		right: 10%;
	}
	
	.index2 {
		justify-content: center;
	}
	
	.index7-box {
		flex-wrap: wrap;
	}
	
	.index7-lf {
		width: 100%;
		height: 50%;
		padding: 0 5% 0.5rem;
		justify-content: center;
	}
	
	.index7-box .con_map {
		width: 100%;
		height: 50%;
	}
	
	.index7-lf p, .index7-lf span, .index7-lf a {
		text-align: center;
	}
	
	.index7-contact {
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
	}
	
	.index7-lf .index7-contact-tit {
		width: 100%;
	}
	
	.index7-contact-cont {
		align-items: center;
		justify-content: center;
	}
	
	.index7-contact-cont span {
		width: max-content;
	}
	
	.index7-contact-cont span:nth-child(3) {
		width: max-content;
	}
	
	.index7-add {
		text-align: center;
	}
	
	.index7-code,
	.index7-share,
	.index7-icon {
		display: none;
	}
	
	.index7-copyright {
		text-align: center;
	}
	
	.index8 {
		display: none;
	}
	
	.banner-font {
		width: 90%;
		left: 5%;
		transform: translate(0);
	}
	
	.index2 .swiper-button-next,
	.index2 .swiper-button-prev, {
		display: block;
	}
}

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

@media screen and (max-width: 768px) {
	.foot {
		display: none;
	}
	
	.index-font {
		width: 90%;
		top: 50%;
	}
	
	.index-font-pic {
		width: 70%;
		margin: 0 auto 1rem;
	}
	
	.index-font p {
		margin: 1rem 0;
	}
	
	.index4,
	.index5,
	.index2,
	.index7 {
		padding-top: 70px;
	}
	
	/* .index5-container1 .index5-button-prev1,
	.index5-container1 .index5-button-next1 {
		display: block;
	} */
	
	.index5-container1 .index5-button-prev1 {
		left: 0;
	}
	
	.index5-container1 .index5-button-next1 {
		right: 0;
	}
	
	.index5 .index5-button-prev,
	.index5 .index5-button-next {
		display: none;
	}
	
	.door {
		left: 50%;
		transform: translateX(-50%);
		width: 68%;
		top: 21%;
	}
	
	.light-point {
		left: 50%;
		transform: translateX(-50%);
		width: 50%;
	}
	
	.acc-container .swiper-slide {
		height: 10rem;
	}
	
	.index6 {
		padding: 6rem 5% 0;
	}

	.footer-top {
		flex-wrap: wrap;
	}

	.footer-top-code {
		width: 100%;
		justify-content: center;
		margin-bottom: 1rem;
		border: none;
		margin-right: 0;
		padding-right: 0;
	}

	.footer-top-tel {
		width: 100%;
		justify-content: center;
		padding-left: 0;
		border-left: none;
	}
	
	.phone {
		text-align: center;
	}
	
	.phone span {
		letter-spacing: 0;
		white-space: nowrap;
	}
	
	.phone span:last-child {
		margin-right: 0;
	}

	.footer-top-tel p {
		text-align: center;
	}

	.share {
		justify-content: center;
	}

	.footer-top-tel p {
		text-align: center;
	}

	.copyright {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
	}

	.foot-url {
		display: none;
	}
	
	.tab-rg-ls::after {
		display: none;
	}
	
	.tab-icon,
	.tab-font p:nth-child(2) {
		display: none;
	}
	
	.tab-rg-ls {
		padding: 0.75rem 0;
		width: 20%;
	}
	
	.tab {
		height: auto;
	}
	
	.intro-top>p {
		margin-bottom: 0.5rem;
	}
	
	.intro-top {
		margin-bottom: 1rem;
	}
	
	.ad-container .swiper-slide {
		width: 49%;
		margin: 0 2% 0 0;
	}
	
	.ad-container .swiper-button-prev {
		left: 12%;
	}
	
	.ad-btn {
		margin-top: 1rem;
	}
	
	.videos {
		width: 90%;
	}
	
	.all-container .swiper-slide {
		width: 49%;
	}
	
	.vr-url {
		width: 10%;
	}
	
	.vr-tit {
		font-size: 20px;
	}
	
	.wisdom {
		margin-top: 1rem;
		padding: 0.5rem 5%;
	}
	
	.ser-cont {
		width: 50%;
		font-size: 16px;
	}
	
	.sol-box .ser-container .swiper-pagination {
		left: 54%;
	}
	
	.ser-ls {
		width: 49%;
	}
	
	.ser-ls:nth-child(3n) {
		margin-right: 2%;
	}
	
	.ser-ls:nth-child(2n) {
		margin-right: 0;
	}
	
	.news-box {
		flex-wrap: wrap;
	}
	
	.rec-select {
		width: 100%;
		justify-content: flex-start;
	}
	
	.seor-rec {
		width: 49%;
		height: 2rem;
		margin-right: 2%;
	}
	
	.seor-rec .s_tit {
		line-height: 2rem;
	}
	
	.seor-rec .sub {
		top: 2rem;
		height: 3.75rem;
	}
	
	.seor-rec .sub a {
		line-height: 1.25rem;
	}
	
	.seor-rec:last-child {
		margin-right: 0;
	}
	
	.news-lf {
		width: 30%;
	}
	
	.news-rg {
		width: 66%;
	}
	
	.tab-rg {
		justify-content: center;
	}
	
	.media-ls {
		width: 49%;
		margin-right: 2%;
	}
	
	.media-ls:nth-child(3n) {
		margin-right: 2%;
	}
	
	.media-ls:nth-child(2n) {
		margin-right: 0;
	}
	
	.banner>p {
		font-size: 25px;
	}
	
	.banner1 {
		display: none;
	}
	
	.banner2 {
		display: block;
	}
	
	.login {
		height: 100vh;
		padding: 0;
	}
	
	.login-btn {
		flex-wrap: wrap;
	}
	
	.login-lf {
		width: 100%;
		margin-bottom: 0.5rem;
	}
	
	.login-rg {
		width: 100%;
		padding-left: 0;
	}
	
	.login-lf::after {
		display: none;
	}
	
	.login p, .login a {
		text-align: center;
	}
	
	.login-lf-type {
		justify-content: center;
	}
	
	.login-rg-code {
		margin: 0 auto;
	}
	
	.ser-intro {
		width: 90%;
	}
	
	.poly-container .swiper-slide {
		width: 49%;
		margin-right: 2%;
	}
	
	.seach_input {
		height: 2rem;
	}
	
	.rec-type,
	.rec-intro-box {
		overflow-x: auto;
	}
	
	.rec-ls,
	.rec-intro {
		min-width: 550px;
	}
	
	.contact-ls-cont {
		letter-spacing: 0;
	}
	
	.index2 .swiper-button-prev,
	.index2 .swiper-button-next {
		top: 50%;
	}
	
	.index3-container .swiper-slide {
		align-items: center;
		justify-content: center;
		width: 49%;
	}
	
	.swiper3-intro span {
		display: block;
		text-align: center;
	}
	
	.swiper3-sub {
		letter-spacing: -2px;
	}
	
	.index2-ls {
		flex-wrap: wrap;
	}
	
	.index2-ls-lf {
		width: 100%;
		border-right: none;
	}
	
	.index2-ls .index2-ls-lf p {
		margin-bottom: 0.5rem;
		text-align: center;
		font-size: 18px;
		padding: 0;
		opacity: 1;
	}
	
	.index2-ls-rg {
		width: 100%;
		padding: 0;
	}
	
	.index2-ls .index2-ls-rg p {
		text-align: center;
		font-size: 18px;
		margin-bottom: 0.5rem;
		padding: 0;
		opacity: 1;
	}
	
	.index-new-btn {
		border-radius: 0;
	}
	
	.index4-container1 .index-new-ls {
		width: 90%;
		height: auto;
		margin: 0 5%;
	}
	
	.index-new-top {
		max-height: 7rem;
		overflow: hidden;
	}
	
	.index5 .index5-container1 {
		padding: 0;
		/* width: 100%; */
	}
	
	.index5-container1 .swiper-slide {
		/* width: 90%; */
		margin: 0;
	}
	
	.index5-container1 .swiper-slide:last-child {
		margin-right: 0;
	}
	
	.banner-font p:nth-child(2) {
		font-size: 25px;
	}
	
	.index-container>.swiper-pagination-bullets {
		display: none;
	}
	
	.index7-copyright a {
		display: block;
		margin-bottom: 0.5rem;
	}
	
	.index7-sub {
		padding-bottom: 0.5rem;
		margin-bottom: 0.5rem;
		font-size: 20px;
	}
	
	.index7-contact {
		margin-bottom: 0.5rem;
	}
	
	.index7-add {
		margin-bottom: 0.25rem;
	}
	
	.index7-copyright a {
		display: inline-block;
		margin: 0 auto 0.5rem;
	}
	
	.index7-copyright img {
		display: inline-block;
	}
	
	.index7-copyright a:last-child {
		margin-right: auto;
		margin-bottom: 0;
	}
	
	.index7-lf {
		height: 55%;
	}
	
	.index7-box .con_map {
		height: 45%;
	}
	
	.banner-tit {
		width: 90%;
		text-align: center;
		font-size: 1.5rem;
	}
	
	.search .headsearch {
		top: 70px;
	}
	
	.index4-pos p:nth-child(2) {
		font-size: 24px;
	}
	
	.index2-sub {
		margin-bottom: 1.5rem;
	}
	
	.index6-container .swiper-slide:nth-child(2n - 1) {
		font-size: 12px;
	}
	
	.index6-container .swiper-slide:nth-child(2n) {
		font-size: 14px;
	}
	
	.index4,
	.index5 {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	
	.img1,
	.index2-container .swiper-slide>video {
		display: none;
	}
	
	.img2 {
		display: block;
	}
	
	.index-play {
		display: block;
		width: 8%;
	}
}

@media screen and (max-width: 425px) {
	.door {
		width: 56%;
	}
	
	.index4,
	.index5,
	.index2,
	.index7 {
		padding-top: 60px;
		overflow-y: auto;
	}
	
	.index6 p:nth-child(2) {
		font-size: 1.2rem;
	}
	
	.index6 p:nth-child(1) {
		font-size: 0.8rem;
	}
	
	.index6 p:nth-child(4) {
		width: 75%;
		margin: 0 auto 0.75rem;
		line-height: 1.5;
	}
	
	.tab-rg {
		padding: 0 5%;
	}
	
	.tab-rg-ls {
		width: 100%;
		margin-right: 0;
	}
	
	.all-box .swiper-button-next svg, 
	.all-box .swiper-button-prev svg {
		width: 0.75rem;
		height: 0.75rem;
	}
	
	.ad-container {
		width: 90%;
		margin: 0 auto;
	}
	
	.all-box .swiper-button-prev {
		right: 10%;
	}
	
	.ad-container .swiper-slide {
		width: 100%;
		margin: 0;
	}
	
	.all-container .swiper-slide {
		width: 100%;
		margin: 0;
	}
	
	.all-swiper-tit {
		height: 30%;
	}
	
	.vr {
		width: 90%;
		margin: 1rem auto;
	}
	
	.vr-url {
		width: 20%;
	}
	
	.all-sub {
		display: none;
	}
	
	.wisdom {
		flex-wrap: wrap;
	}
	
	.wisdom-lf {
		width: 100%;
		margin-bottom: 0.5rem;
	}
	
	.wisdom-rg {
		width: 100%;
	}
	
	.ser-cont {
		display: none;
	}
	
	.sol-box .ser-container .swiper-pagination {
		left: 50%;
		transform: translateX(-50%);
	}
	
	.ser-ls {
		width: 100%;
		margin: 0 0 2% 0;
	}
	
	.ser-ls:nth-child(3n) {
		margin-right: 0;
	}
	
	.ser-ls-rg {
		height: 100%;
	}
	
	.ser-ls-rg>div::-webkit-scrollbar {
		width: 2px;
	}
	
	.news_detail .pre_next .left {
		max-width: 50%;
	}
	
	.news_detail .pre_next .back {
		width: 40%;
	}
	
	.news_detail .pre_next .back a {
		width: 100%;
	}
	
	.ser-ls-rg>div {
		height: 70%;
		overflow-y: auto;
	}
	
	.fund-next {
		width: 2%;
	}
	
	.news-ls {
		flex-wrap: wrap;
	}
	
	.news-lf {
		width: 100%;
		margin: 0 0 2%;
	}
	
	.news-rg {
		width: 100%;
	}
	
	.news-pagination {
		margin-bottom: 1rem;
	}
	
	.media-ls {
		width: 100%;
		margin-right: 0;
	}
	
	.login {
		justify-content: flex-start;
		padding: 3rem 0;
	}
	
	.login .login-intro {
		line-height: 1.5;
	}
	
	.all-top {
		flex-wrap: wrap;
	}
	
	.poly-box .all-tit {
		width: 100%;
		margin-bottom: 0.5rem;
	}
	
	.poly-container .swiper-slide {
		width: 100%;
		margin-right: 0;
	}
	
	.dev-cont {
		width: 90%;
	}
	
	.dev-swiper,
	.res {
		flex-wrap: wrap;
	}
	
	.dev-swiper .dev-container,
	.res-lf,
	.dev-rg,
	.res-rg {
		width: 100%;
	}
	
	.res-lf {
		margin-bottom: 0.5rem;
	}
	
	.poly-more::after {
		right: 1rem;
	}
	
	.rec-select {
		flex-wrap: wrap;
	}
	
	.seor-rec {
		width: 100%;
		margin-right: 0;
		margin-bottom: 2%;
	}
	
	.seach_input {
		width: 100%;
	}
	
	.rec-top {
		flex-wrap: wrap;
	}
	
	.rec-tit {
		margin-bottom: 0.5rem;
		text-align: center;
		width: 100%;
		margin-right: 0;
	}
	
	.rec-lf {
		width: 100%;
	}
	
	.rec-lf-box {
		justify-content: center;
	}
	
	.rec .seor-rec {
		width: 100%;
		margin-right: 0;
	}
	
	.contact-ls {
		flex-wrap: wrap;
	}
	
	.contact-icon {
		width: 5%;
	}
	
	.search .headsearch {
		top: 60px;
	}
	
	.bocweb-header-m .head-search {
		margin-left: 30%;
	}
	
	.seor-rec:nth-child(1) {
		z-index: 15;
	}
	
	.contact-ls {
		align-items: center;
	}
	
	/* .index2 .swiper-button-prev, 
	.index2 .swiper-button-next {
		top: 36%;
	} */
	
	.index3-container .swiper-slide {
		width: 100%;
		margin: 0;
	}
}


@media screen and (max-width: 375px) {
	.intro-top>p,
	.ad-btn>p {
		line-height: 1.5;
	}
	
	.vr-tit {
		width: 100%;
		text-align: center;
	}
	
	.fund-cent .fund-next:nth-child(4n) {
		display: none;
	}
	
	
}


@media screen and (max-width: 320px) {
	.tab-font p {
		font-size: 15px;
	}
	
	.intro-top>p,
	.ad-btn>p,
	.sol-tit {
		font-size: 20px;
	}
	
	.all-tit {
		font-size: 18px;
	}
	
	.ser-btn .ser-ls {
		height: 7.5rem;
		margin-right: 0;
	}
	
	.fund-ls {
		width: 48.5%;
		height: 8rem;
	}
	
	.fund-next {
		margin: 0 0.5%;
	}
	
	.fund-ls-sub {
		text-align: center;
	}
	
	.banner>p {
		font-size: 22px;
	}
	
	.cloud a {
		width: 49%;
		height: 2rem;
		line-height: 2rem;
	}
	
	.back-top {
		width: 2rem;
		height: 2rem;
	}
	
	.poly-more {
		width: 6.5rem;
	}
	
	.contact-tit {
		line-height: 1.5;
	}
	
	.index4, 
	.index5, 
	.index2, 
	.index6,
	.index7 {
		padding-top: 10rem;
	}
	
	.index4-pos p:nth-child(2),
	.index5-font p:nth-child(1) {
		font-size: 20px;
	}
	
	.index-new-btn p {
		font-size: 18px;
	}
	
	.banner-font a,
	.index5-font>a {
		width: 6rem;
		height: 2rem;
		line-height: 2rem;
	}
	
	.index5-fonts p:nth-child(1),
	.index5-fonts p:nth-child(2) {
		margin-bottom: 0.5rem;
	}
	
	.index5-fonts div {
		line-height: 1rem;
		height: 2rem;
	}
	
	.index2 .swiper-button-prev, 
	.index2 .swiper-button-next {
		top: 35%;
	}
	
	.index4 .swiper-button-prev,
	.index4 .swiper-button-next {
		top: 45%;
	}
	
	.index5 .swiper-button-prev,
	.index5 .swiper-button-next {
		top: 21%;
	}
	
	.index6 p:nth-child(1),
	.index7-sub {
		font-size: 20px;
	}
	
	.index6 p:nth-child(2) {
		font-size: 25px;
	}
}