@media  only screen and (max-width: 768px) { 
	
	.d-ssm-none {
		display: none !important
	}
	.xxmt-10{
		margin-top:10px
	}
	 .service-icon img{
	 	margin: 1rem 0;
	 	width: 15%;
	 } 
}
@media  only screen and (max-width: 992px) {  
	.popu {
		width:80vw;
		height: 65%;
		background-color: white;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 9999999999;
		border-radius: 5px;
		border: 4px solid rgba(0, 0, 0, .15);
		box-sizing: border-box;
	}
	
	.popu_body {
		width: 100%;
		position: relative;
		padding: 0 10px;
		height: 31px;
		box-sizing: border-box;
		background: #f3f3f3;
	}
	
	.popu_head {
		width: 100%;
		color: #000;
		font-weight: 700;
		line-height: 31px;
		font-size: 14px;
	}
	
	.popu_X {
		font-family: -apple-system-font, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei UI', 'Microsoft YaHei', sans-serif, Arial;
		position: absolute;
		width: 31px;
		height: 31px;
		top: 0;
		right: 0;
		text-align: center;
		line-height: 31px;
		font-size: 22px;
		color: #c5c5c5;
		cursor: pointer;
	}
	.popu_text{
		box-sizing: border-box;
		width: 100%;
		height: 80%;
		padding: 10px;
		overflow: scroll;
	}
	.popu_but{ 
		
		box-sizing: border-box;
		width: 100%;
		height: calc(20% - 31px);
		  position: relative;
		text-align:center;color: white;
	}
	
	.popu_but div{ 
		border-radius: 0.2rem;
		padding: 0.24rem 0.5rem;
		background-color:red;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	 cursor: pointer;
	}
	
	
	.caidan-item-button{
		z-index: 999;
		  position: fixed;
		  right: 0;
		  left: 0;
		  bottom: 0;
		  width: 100vw;
		  background-color: rgba(232,52,40,1); 
		  color: white;
		  font-size: 1.2rem;
		  text-align: center;
	}
	 
	.caidan-item-span{
		 
	 
	}
	.caidanXq{
		  color: rgba(232,52,40,1); 
		  text-align: center;
	}
	.caidanXq-text{
		  position: relative;
		      display: inline-block;
		      text-align: center; 
		      -webkit-box-sizing: border-box;
		      -moz-box-sizing: border-box;
		      box-sizing: border-box; 
		      font-size: 15px;
		      line-height: 54px;
		      cursor: pointer;
		      -webkit-transition: all .3s;
		      transition: all .3s;
		      white-space: nowrap;
		      overflow: hidden;
		      text-overflow: ellipsis;
		       
	}
	.caidanXq-text:before{
		      content: " ";
		      -webkit-box-sizing: border-box;
		      -moz-box-sizing: border-box;
		      box-sizing: border-box;
		      position: absolute;
		      bottom:-1px;
		      left: 0;
		      border: 2px solid;
		      width: 100%;
	}
	.f-left {
		float: left;
	   top: 50%;
	  left: 50%;
	  position: relative; 
	  transform: translate(-50%,-50%); 
	}
	 
	.cs-btn-one { 
		text-align: center; 
	 width: 40%;
	 margin:auto 30%;
	  border: 0.0625rem solid #e83466; 
	  display: inline-block;
	  text-transform: uppercase;
	  /* background-color: #0c59db; */
	  font-size: 0.675rem;
	  /* line-height: 1.625rem; */
	  color: #e83428;
	  padding: 0.175rem 0.925rem;
	  font-weight: 500;
	  overflow: hidden;
	  border-radius: 5px;
	  cursor: pointer;
	}
	 
	.lxsm-right img{
		 /* width: 8rem; */
		 width: 16%;
	}
	.lxsm-right div{
		margin-top: 1rem;
	}
	.lxsm-right{
		margin-top: 1rem;
		color: #fff;
		font-size: 1.2rem;
		text-align: center;  
	}
	.lxsm{
		text-align: center;
	padding: 2rem 0;
			 width: 100%; 
			 background-image: url('https://img01.71360.com/file/read/www/M00/3D/2B/wKj0iWDAJBqAWI36AAFlXZTmsi8552.jpg');
			background-repeat: no-repeat;
	}
	.service-box {
	 height: 24rem;
	  background: #fff;
	  padding:0 1.2rem;
	  text-align: center;  
	  position: relative;
	  overflow: hidden;
	  -moz-transition: all 300ms ease-out 0s;
	  -webkit-transition: all 300ms ease-out 0s;
	  -ms-transition: all 300ms ease-out 0s;
	  -o-transition: all 300ms ease-out 0s;
	  transition: all 300ms ease-out 0s;
	}
	.service-icon img{
		margin: 1rem 0;
		width: 50%;
	}
}

/* 小屏幕（平板，大于等于 768px） */
/* @media (min-width: 768px) { 
	.f-left {
	  float: right;
	  background-color: darkgoldenrod;
	}
} */

/* 中等屏幕（桌面显示器，大于等于 992px） */
@media   (min-width: 992px) { 
	.popu { 
		width:40vw;
		height: 30vw;
		background-color: white;
		position: fixed;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: 9999999999;
		border-radius: 5px;
		border: 4px solid rgba(0, 0, 0, .15);
		box-sizing: border-box;
	}
	
	.popu_body {
		width: 100%;
		position: relative;
		padding: 0 10px;
		height: 31px;
		box-sizing: border-box;
		background: #f3f3f3;
	}
	
	.popu_head {
		width: 100%;
		color: #000;
		font-weight: 700;
		line-height: 31px;
		font-size: 14px;
	}
	
	.popu_X {
		font-family: -apple-system-font, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei UI', 'Microsoft YaHei', sans-serif, Arial;
		position: absolute;
		width: 31px;
		height: 31px;
		top: 0;
		right: 0;
		text-align: center;
		line-height: 31px;
		font-size: 22px;
		color: #c5c5c5;
		cursor: pointer;
	}
	.popu_text{
		box-sizing: border-box;
		width: 100%;
		height: 80%;
		padding: 10px;
		overflow: scroll;
	}
	.popu_but{ 
		
		box-sizing: border-box;
		width: 100%;
		height: calc(20% - 31px);
		  position: relative;
		text-align:center;color: white;
	}
	
	.popu_but div{ 
		border-radius: 0.2rem;
		padding: 0.24rem 0.5rem;
		background-color:red;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	 cursor: pointer;
	}
	
	
	
	.caidan-item-button{
		 margin-top: 5rem;
	}
	 
	.caidan-item-span{
		 background-color: rgba(232,52,40,1);color: white;font-size: 1.2rem;
		 padding: 0.7rem 1rem;border-radius:1.8rem;
	}
	.caidanXq{
		  color: rgba(232,52,40,1);border: 1px solid #f0f0f0;
	}
	.caidanXq-text{
		  position: relative;
		      display: inline-block;
		      text-align: center;
		      width: 160px;
		      -webkit-box-sizing: border-box;
		      -moz-box-sizing: border-box;
		      box-sizing: border-box;
		      border-right: 1px solid #f0f0f0;
		      font-size: 15px;
		      line-height: 54px;
		      cursor: pointer;
		      -webkit-transition: all .3s;
		      transition: all .3s;
		      white-space: nowrap;
		      overflow: hidden;
		      text-overflow: ellipsis;
		      padding: 0 8px;
	}
	.caidanXq-text:before{
		      content: " ";
		      -webkit-box-sizing: border-box;
		      -moz-box-sizing: border-box;
		      box-sizing: border-box;
		      position: absolute;
		      top: -1px;
		      left: 0;
		      border: 2px solid;
		      width: 100%;
	}
	
	.service-box {
	 height: 29rem;
	  background: #fff;
	  padding:0 1.2rem;
	  text-align: center;  
	  position: relative;
	  overflow: hidden;
	  -moz-transition: all 300ms ease-out 0s;
	  -webkit-transition: all 300ms ease-out 0s;
	  -ms-transition: all 300ms ease-out 0s;
	  -o-transition: all 300ms ease-out 0s;
	  transition: all 300ms ease-out 0s;
	}
	
	.service-icon img{
		margin: 1.5rem 0;
		width: 60%;
	}
	  .service-content .title{
		  font-size: 1.2rem;
		  padding-bottom: 10px  ;
		  position: relative;
		  
	  }
	 .title_line{
		 width: 2rem;height: 1px;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);
	 }
	 
	  
	 
	
	.lxsm-right img{
		  width: 8rem;
		 width: 40%;
	}
	.lxsm-right div{
		margin-top: 1rem;
	}
	.lxsm-right{

		color: #fff;
		font-size: 1.2rem;
		text-align: center;  
	}
	.lxsm-left{

		/*width: 26%;  */
	}
	
	 .lxsm{ 
		 display: flex;
		 justify-content: space-between;
		align-items: center;
		padding: 3rem  18%;
		width: 100%;
		 background-image: url('https://img01.71360.com/file/read/www/M00/3D/2B/wKj0iWDAJBqAWI36AAFlXZTmsi8552.jpg');
		background-repeat: no-repeat; 
		background-size: 100%;
	 }
	  
	 .lxsm-bg{ 
	 	 width: 100%; 
	 }
	/*========================================*/
	/*--------------- [_Buttons] -------------*/
	/*========================================*/
	/*Btn Style One*/
	.cs-btn-one {
	  border: 0.0625rem solid #e83466;
	  position: relative;
	  display: inline-block;
	  text-transform: uppercase;
	  /* background-color: #0c59db; */
	  font-size: 0.675rem;
	  /* line-height: 1.625rem; */
	  color: #e83428;
	  padding: 0.175rem 0.925rem;
	  font-weight: 500;
	  overflow: hidden;
	  border-radius: 5px;
	  cursor: pointer;
	}
	.cs-btn-one:hover {
		border: 0.0625rem solid transparent;
	  background: #e83428;
	  color: #ffffff;
	  -moz-transition: all 300ms ease;
	  -webkit-transition: all 300ms ease;
	  -ms-transition: all 300ms ease;
	  -o-transition: all 300ms ease;
	  transition: all 300ms ease;
	}
	.cs-btn-one.has-icon i {
	  font-size: 20px;
	  vertical-align: middle;
	  padding-right: 10px;
	}
	.cs-btn-one.btn-sm.has-icon i {
	  font-size: 18px;
	}
	.cs-btn-one.btn-circle {
	  border-radius: 60px 60px 60px 60px;
	}
	.cs-btn-one.btn-square {
	  border-radius: 0;
	}
	.cs-btn-one.btn-sm {
	  font-size: 14px;
	  padding: 10px 28px;
	}
	.cs-btn-one.btn-md {
	  font-size: 14px;
	  padding: 18px 56px;
	}
	.cs-btn-one.btn-lg {
	  font-size: 18px;
	  padding: 20px 64px;
	}
	.cs-btn-one.btn-xl {
	  font-size: 18px;
	  padding: 24px 56px;
	}
	.cs-btn-one.btn-border {
	  border: 2px solid #0c59db;
	  background: transparent;
	  color: #0c59db;
	}
	.cs-btn-one.btn-light {
	  background: #fff;
	  color: #0c59db;
	  border: 2px solid transparent;
	  font-weight: 800;
	}
	.cs-btn-one.btn-light:hover {
	  border: 2px solid;
	}
	.cs-btn-one.btn-light:focus {
	  box-shadow: none;
	}
	.cs-btn-one.btn-hover-border:hover {
	  border: 2px solid #0c59db;
	}
	.cs-btn-one.btn-secordary-color {
	  background: #17305e;
	}
	.cs-btn-one.btn-secordary-color:hover {
	  background: #0c59db;
	}
	.cs-btn-one.btn-primary-color {
	  background: #0c59db;
	}
	.cs-btn-one.btn-primary-color:hover {
	  background: #17305e;
	}
	.cs-btn-one.btn-gradient-color {
	  /* background: linear-gradient(45deg, #0E90D5, #3032A2) !important; */ 
	  
	}
	.cs-btn-one.btn-gradient-color:hover {
	  background: linear-gradient(-20deg, #e83428, #bf2921) !important;
	  /* -webkit-box-shadow: 4px 5px 10px 0px rgba(232, 52, 40, 0.6);
	  -khtml-box-shadow: 4px 5px 10px 0px rgba(232, 52, 40, 0.6);
	  -moz-box-shadow: 4px 5px 10px 0px rgba(232, 52, 40, 0.6);
	  -ms-box-shadow: 4px 5px 10px 0px rgba(232, 52, 40, 0.6);
	  -o-box-shadow: 4px 5px 10px 0px rgba(232, 52, 40, 0.6);
	  box-shadow: 4px 5px 10px 0px rgba(232, 52, 40, 0.6); */
	}
	.cs-btn-one.btn-transparent {
	  background: rgba(0, 0, 0, 0.2);
	}
	.cs-btn-one.text-btn {
	  color: #0c59db;
	}
	.f-left {
	  float: left;
	}
}

/* 大屏幕（大桌面显示器，大于等于 1200px） */
@media (min-width: 1200px) { 
	.f-left {
	  float: left; 
	}
}




/* XL Device :1200px */
@media (min-width: 1200px) and (max-width: 1500px) {}

/* LG Device :992px */
@media (min-width: 992px) and (max-width: 1200px) {}

/* MD Device :768px */
@media (min-width: 768px) and (max-width: 991px) {}

@media (max-width: 1440px) {
	.divider-gap {
		padding: 14% 16% 12% 12%;
	}
}
@media (max-width: 1200px) {
	.f-left-none {
		float: none;
	}
}

@media (max-width: 1024px) {
	.home-carousel .content-box {
		padding: 0 30px;
	}
	.long-gap-left {
		margin-left: 0;
	}
	.divider-gap {
		padding: 10% 5% 9% 5%;
	}
	.video-popup {
		min-height: 420px;
	}
	.mrt-lg-90 {
		margin-top: 90px;
	}
	.mrb-lg-20 {
		margin-bottom: 20px;
	}
	.mrb-lg-30 {
		margin-bottom: 30px;
	}
	.mrb-lg-40 {
		margin-bottom: 40px;
	}
	.mrb-lg-50 {
		margin-bottom: 50px;
	}
	.mrb-lg-60 {
		margin-bottom: 60px;
	}
	.mrb-lg-70 {
		margin-bottom: 70px;
	}
	.pdt-lg-105 {
		padding-top: 105px;
	}
	.pdb-lg-45 {
		padding-bottom: 45px;
	}
	.pdb-lg-50 {
		padding-bottom: 50px;
	}
	.pdb-lg-55 {
		padding-bottom: 55px;
	}
	.pdb-lg-70 {
		padding-bottom: 70px;
	}
	.pdb-lg-75 {
		padding-bottom: 75px;
	}
	.pdb-lg-80 {
		padding-bottom: 80px;
	}
	.pdb-lg-90 {
		padding-bottom: 90px;
	}
	.pdb-lg-100 {
		padding-bottom: 100px;
	}
}
@media (max-width: 991px) {
	/* .logo img {
		height: 38px;
	} */
	.header-wrapper .header-navigation-area {
		/*padding: 10px 0;*/
	}
	.language-select-box {
		text-align: center;
		float: none;
	}
	.header-top-social-area {
		float: initial;
		text-align: center;
	}
	.header-middle .topbar-info-area a {
		font-size: 15px;
	}
	.header-style-one .mean-container a.meanmenu-reveal {
		margin-top: -40px;
	}
	.header-style-one .header-wrapper .header-navigation-area {
		padding: 30px 0 15px;
	}
	.header-style-one .header-wrapper .header-top .header-info-area {
		text-align: center;
	}
	.header-style-one .header-wrapper .header-top .header-top-social-area ul {
		text-align: unset;
	}
	.header-style-two .header-wrapper .header-top .header-info-area {
		text-align: center;
	}
	.header-style-two .header-wrapper .header-top .header-top-social-area ul {
		text-align: unset;
	}
	.header-searchbox-style-two .toggle-searchbox.show {
		top: 148%;
	}
	.header-searchbox-style-two .show-searchbox a {
		margin: 10px 0 0px;
	}
	.about-section .image-link {
		margin-bottom: 45px;
	}
	.service-section-title-area {
		padding: 90px 0 240px;
		margin: 0;
		margin-top: -180px;
	}
	.gmap_canvas {
		height: 370px;
	}
	.popup-video-block {
		min-height: 445px;
	}
	.mrb-md-20 {
		margin-bottom: 20px;
	}
	.mrb-md-30 {
		margin-bottom: 30px;
	}
	.mrb-md-40 {
		margin-bottom: 40px;
	}
	.mrb-md-50 {
		margin-bottom: 50px;
	}
	.mrb-md-60 {
		margin-bottom: 60px;
	}
	.mrb-md-70 {
		margin-bottom: 70px;
	}
	.divider-gap {
		padding: 13% 5% 11% 5%;
	}
}

@media (max-width: 767px) {
	.error-inner .error-title {
		font-size: 110px;
		line-height: 120px;
	}
	.error-inner .error-text {
		font-size: 22px;
		color: #fff;
		margin-bottom: 10px;
	}
	.mrb-md-15 {
		margin-bottom: 15px;
	}
	.mrb-md-20 {
		margin-bottom: 20px;
	}
	.mrb-md-30 {
		margin-bottom: 30px;
	}
	.mrb-md-40 {
		margin-bottom: 40px;
	}
	.mrb-md-50 {
		margin-bottom: 50px;
	}
	.mrb-md-60 {
		margin-bottom: 60px;
	}
	.preloader-wrapper {
		left: 40%;
	}
}

@media (max-width: 768px) {
	.request-a-call-back-form {
		margin-left: 0;
	}
	.mapouter.fixed-height {
		height: auto;
	}
	.popup-youtube {
		transform: translateY(-90%);
	}
	.popup-video-block {
		min-height: 390px;
	}
	.case-study-item:hover .case-study-thumb .case-study-details {
		left: 0px;
	}
	.case-study-item:hover .case-study-thumb .case-study-link-icon a {
		right: 20px;
	}
	.mrt-md-0 {
		/* margin-top: 0; */
	}
	.mrb-md-15 {
		margin-bottom: 15px;
	}
	.mrb-md-20 {
		margin-bottom: 20px;
	}
	.mrb-md-30 {
		margin-bottom: 30px;
	}
	.mrb-md-40 {
		margin-bottom: 40px;
	}
	.mrb-md-50 {
		margin-bottom: 50px;
	}
	.mrb-md-60 {
		margin-bottom: 60px;
	}
	.mrt-md-15 {
		margin-top: 15px;
	}
	.mrt-md-20 {
		margin-top: 20px;
	}
	.mrt-md-30 {
		margin-top: 30px;
	}
	.mrt-md-40 {
		margin-top: 40px;
	}
	.mrt-md-50 {
		margin-top: 50px;
	}
	.mrt-md-60 {
		margin-top: 60px;
	}
	.pdb-md-0 {
		padding-bottom: 0;
	}
	.pdb-md-15 {
		padding-bottom: 15px;
	}
	.pdb-md-25 {
		padding-bottom: 25px;
	}
	.pdb-md-40 {
		padding-bottom: 40px;
	}
	.pdb-md-45 {
		padding-bottom: 45px;
	}
	.pdb-md-80 {
		padding-bottom: 80px;
	}
	.pdb-md-90 {
		padding-bottom: 90px;
	}
	.pdb-md-100 {
		padding-bottom: 100px;
	}
	.pdb-md-110 {
		padding-bottom: 110px;
	}
	.pdb-md-83 {
		padding-bottom: 83px;
	}
}
@media (max-width: 600px) {}

@media (max-width: 576px) {
	.navbar-brand {
		margin: 0 auto;
	}
}

@media (max-width: 480px) {}

@media (max-width: 425px) {
	h2 {
		font-size: 48px !important;
		line-height: 62px !important;
	}
	.home-carousel .content-box {
		text-align: center;
	}
	.home-carousel .content-box h1 {
		font-size: 48px;
		line-height: 54px;
	}
	.font-54 {
		font-size: 36px;
		line-height: 48px;
	}
	.shadow-text {
		font-size: 68px;
		animation: none;
	}
	.anim-object:before {
		position: absolute;
		right: 15%;
	}
	.anim-object2:before {
		height: 200px;
		width: 200px;
		top: 40%;
		left: 20%;
	}
	.text-divider .large-text {
		font-size: 36px;
		line-height: 1.3;
	}
	.preloader-wrapper {
		left: 36%;
		top: 42%;
	}
	.icon-box-two .icon {
		float: none;
	}
	.icon-box-two .icon-details {
		margin-left: 0;
		margin-top: 15px;
	}
	.about-icon {
		display: inline-block;
		margin-top: 35px;
		margin-bottom: 60px;
	}
	.about-contact-btn:after {
		visibility: hidden;
	}
	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-author-thumb {
		float: none;
		display: inline-block;
	}
	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content {
		margin-left: 0;
		margin-top: 30px;
	}
	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .children {
		margin-left: 30px;
	}
	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .comment-text {
		margin-bottom: 25px;
	}
	.blog-single-news .single-news-details .single-news-content .comments-area .comment-list .comment .comment-body .comment-content .reply {
		position: unset;
		margin-bottom: 50px;
	}
	.divider-gap {
		padding: 23% 4% 20% 4%;
	}
	.mrb-sm-15 {
		margin-bottom: 15px;
	}
	.mrb-sm-20 {
		margin-bottom: 20px;
	}
	.mrb-sm-30 {
		margin-bottom: 30px;
	}
	.mrb-sm-40 {
		margin-bottom: 40px;
	}
	.mrb-sm-50 {
		margin-bottom: 50px;
	}
	.mrb-sm-60 {
		margin-bottom: 60px;
	}
	.pdt-sm-50 {
		padding-top: 50px;
	}
	.pdb-sm-80 {
		padding-bottom: 80px;
	}
	.pdb-sm-90 {
		padding-bottom: 90px;
	}
	.pdb-sm-100 {
		padding-bottom: 100px;
	}
	.f-left-sm-none {
		float: none;
	}
}

@media (max-width: 375px) {
	.preloader-wrapper {
		left: 36%;
		top: 42%;
	}
}

@media (max-width: 360px) {}

@media (max-width: 320px) {
	.news-wrapper .news-details .news-description .news-bottom-meta {
		padding: 10px 30px;
	}
	.about-image .experience {
		padding: 40px 25px;
		max-width: 210px;
	}
	.about-image .experience h2 {
		font-size: 72px;
		line-height: 32px;
	}
	.about-image .experience h2 span {
		font-size: 24px;
		line-height: 32px;
	}
	
}