@media(max-width: 1600px){
	.content-list-box .c-box .imgbox {
	height:240px;
	}

}



@media(max-width: 1440px){
	 .content-list-box .c-box .imgbox {
	height:230px;
	}

	.navbar-expand-lg .navbar-nav .nav-link{
		margin:0 2rem;
	}

	.container, .container-lg, .container-md, .container-sm, .container-xl{
		 max-width: 1180px;
	}
}




@media(max-width: 1366px){
	 .content-list-box .c-box .imgbox {
		height:200px;
	}
}


@media(max-width: 1200px){

	.navbar-expand-lg .navbar-nav .nav-link{
		margin:0 1rem;
	}
	.navbar-toggler{
		 background: none;
		 margin-right: 15px;
	}
	.navbar{
		padding:15px 0;
	}
	.navbar .navbar-brand{
		padding:0 15px;
	}

	 

	 .content-list-box .c-box .imgbox {
	height:230px;
	
	}

	.content-list-box .c-box .imgbox img {
		float:none;
		height:auto;
		width:100%;
		position:absolute;
		-webkit-transform:translateY(-50%);
		-ms-transform:translateY(-50%);
		transform:translateY(-50%);
		top:50%;
		left:0;
	}

	
	.news-content .title{
	    font-size: 20px;
	}

	.content-list-box .c-box .imgbox img {
	height:100%;
	object-fit:cover;
	object-position:50%  50%;
	}

    .scan .qrcode {
    width: 300px;
    height: 300px;
    background-size: 300px;
	}
	.phone img {
    max-width: 200px;
	}
}


@media(max-width: 992px){

	.navbar{
		background: #023f78!important;
	}

	.navbar-nav{
		background:#023f78;
		margin-top: 15px;
	}
	.navbar-expand-lg .navbar-nav .nav-link{
		 padding:15px 0;
	}
	.dropdown-menu{
		display: block!important;
		display: flex!important;
	}


	 .content-list-box .c-box .imgbox img {
	height:auto;
	width:100%;
	position:static;
	-webkit-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);
	}

	.index-product .index-producta1 .swiper-slide .container .index-productbox{
		 padding:40px 20px;
	}


.index-producta1 .swiper-slide .img .pc-video {
    display: none;
  }
.index-producta1 .swiper-slide .img .mb-img{
    display: block;
  }

  .index-product .index-producta1 .swiper-slide .container .left {
    display: none;
  }

   .index-product .index-producta1 .swiper-slide .container .index-productbox {
    width: 100%;
  }

.index-server .container .server-box .index-serverc .swiper-slide .box .left{
	padding:20px 30px;
}

.index-server .container .server-box .index-serverc .swiper-slide .box .right {
    width: 100%;
  }


 .contact-box2  .box {
    margin-top: 0.4rem;
    width: 48%;
    margin-right: 4%;
  }
 .contact-box2  .box:nth-child(3n) {
    margin-right: 4%;
  }
 .contact-box2  .box:nth-child(2n) {
    margin-right: 0;
  }



 
.szgc .bdm .bdm11 {
  margin-top:0;
  padding-top:15px;
  overflow:hidden;
}
.szgc .bdm .bdm11 a {
  width:46%;
  float:left;
  display:inline-block;
  text-align:center;
  background:#f7f7f7;
  border-radius:10px;
  padding:11px 22px;
  font-size:14px;
  color:#2e2e2e;
  margin-bottom:20px;
  margin:5px;
}
.szgc .bdm .bdm11 a:hover {
  background:#3472fe;
  color:#fff;
}
.szgc .bdm {
  margin:30px 0;
  text-align:center;
}
.bdm .bdm1 {
  margin-bottom:20px;
}
.szgc .bdm {
  margin:30px 0;
  padding:0;
}
.bdm1 {
 position: relative;
}

.parterlist .part span{ 
   font-size: 20px; 
}

}



@media(max-width: 768px){
	.logo-sm-height{
		height: 40px;
	}
    .about-us{
        padding:30px 15px;
    }

    .foot-top{
    	padding:30px 0;
    	text-align: center;
    }
	.contact-btn{
		padding:8px 30px;
	}

	.slects1,.slects{
		margin-bottom: 10px;
	}

	.phone{
        left:50%;
        margin-left: -100px;
    }
    .scan .qrcode {
    margin-bottom: 150px;
	}
	.down .ios{
		 width:150px;
	}
	.down .downimg{
		width:150px;
	}

	.contact-box2  .box {
    width: 100%;
    margin-right: 0;
  }
   .contact-box2  .box:nth-child(3n) {
    margin-right: 0;
  }


  .history {padding:50px 0 100px 0}
.flow {left:0;padding:0 2.5%}
.flow-list {float:none}
.flow-list .flow-warrper {display:block;width:100%;float:none!important;left:0!important}
.flow-list .flow-warrper:before {display:block!important;left:18px!important;right:0}
.flow-list .pro {display:inline-block;vertical-align:top;float:none!important;margin-left:0!important;margin-right:15px!important}
.flow-list .desc {display:inline-block;vertical-align:middle;float:none!important;margin-bottom:40px}
.flow-list .desc h3 {text-align:left!important;font-size:21px;margin-top:8px}
.flow-list .desc p {text-align:left!important;font-size:13px}
.flow-list .desc h3 {font-size:18px}
.history .container_1240 {padding:0 4%}
.flow {padding:0}
.flow-list .desc p {line-height:22px}
.flow-list .desc {margin-bottom:20px;width:calc(100% - 60px);width:-webkit-calc(100% - 60px)}
.flow-list:nth-child(2n) .desc {width:calc(100% - 60px);width:-webkit-calc(100% - 60px)}
.flow-list .desc h3 {margin-bottom:5px}


.jumbotron-fluid{
	 padding:7rem 0;
}

.about-product-box{
	 background: #f8f8f8;
}    



.clure-big-box{
	 width:100%;
	 padding:50px 15px;
	 margin-bottom: 30px;
}
.clure-box .desc{
	font-size: 14px;
}


.contact-box{
	background: #fff url(../images/sz2wap.png) right bottom no-repeat;
	background-size: cover;
	padding:50px 30px;
}


.foot-nav{
	margin-left: 0;
	width:30%;
	display: inline-block;
	text-align: left;
	margin-top: 20px;
}

.attractions-list .list-one .attr-desc,
#list-one-2 .attr-desc,
#list-one-4 .attr-desc,
#list-one-6 .attr-desc,
#list-one-8 .attr-desc,
#list-one-10 .attr-desc{
   padding:20px 0px 20px 0px;
}
.attractions-list .list-one{
	 margin-bottom: 20px;
}
 

.parterlist{
           -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
      padding:5px;
      display: flex;

}
.parterlist .part{ 
	width: 100%;
}
 
.index-producta1 .swiper-slide .index-product-desc{
	position: relative;
	left:0;
	top:0;
	transform:translate(0%,0%);
	background: url(/static/upload/image/20240626/sasdf.jpg);
	background-size: cover;
}
.index-producta1 .swiper-slide .index-product-desc .index-productbox{
	 padding:10px;
	 background:rgba(0,0,0,0);
	 padding:30px 0;
	 box-shadow:0 0 0 #fff;
}
.product-four{
	 height: auto;
}

.product-four:hover{
  background: #f8f8f8;
  cursor: pointer;
}
.product-four:hover  .title,
.product-four:hover  .subtitle{
   color:#fff!important;
}

.product-four:hover img{
   filter:brightness(0)
}

 
.fs-sm-70{
	font-size:34px;
}

.more-btn{
	padding: 0px 20px;
    min-width: 140px;
    height: 40px;
    line-height: 40px;
}

.index-product{
	 height: 50vh; 
}

.index-server .container .server-box .index-serverc .swiper-slide .box .left .cn7{
    margin-top: 15px;
}


.index-aboutus{
    line-height: 30px;
    font-size: 20px;
    font-weight: 300;
}

.reduction:hover::before {
  width: 10rem;
  height: 10rem;
  transform: scale(5);
  z-index: 1;
  color:#fff;
}


}