@charset "utf-8";


.lineBG {
  background-color: #deb48e;
  /* 不支持线性的时候显示 */
  background-image: -webkit-linear-gradient(-40deg, #28a6e0, #deb48e);
  background-image: linear-gradient(-40deg, #28a6e0, #deb48e);
}
.lineBGspan {
 width: 2rem;
    height: 2rem;
    border-radius: 100%;
    margin: 0 0px;
    display: flex;
    border: 1px solid #fff;
    margin-top: 20px;
}
.lineBGspan:hover{ border: 1px solid #28a6e0;}
.lineBGspan > * {
  margin: 0.1rem;cursor:pointer;
}

.swiper-button-next{opacity: 0.5;right:8%}
.swiper-button-prev{opacity: 0.5;left:8%}
.swiper-button-next:after,
.swiper-button-prev:after { color: #767676;font-size: 46px;}
.swiper-button-next:hover{opacity: 1;}
.swiper-button-prev:hover{opacity: 1;}
a:hover,
a:focus,
a:active {
  text-decoration: none;
}

*{
	font-family:"微软雅黑";
}
.card-img,
figcaption {
  overflow: hidden;
}
.dropdown-toggle::after {
  display: none;
}
.pd4p {
  padding: 7rem 0;
}
@media (max-width: 767px) {
  .pd4p {
    padding: 30px 0;
  }
}
.HoverBefore {
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  border-bottom: 1px solid #28a6e0;
}
.HoverBefore-hover {
  left: 0;
  width: 100%;
}
p{line-height:1.5;font-family:"微软雅黑";}
body,
p,
span,
article,
b,
i,
strong,
h1,
h2,
h3,
h4,
h5,
h6 {
  padding:0;
  margin:0;
}
ul,
ol {
  list-style: none;
  padding: 0;
  margin: 0;
}
.maxwidth {
  max-width: 100%;
}
.btn.focus,
.btn:focus {
  outline: 0;
  box-shadow: none;
}
/*rem处理*/
body {
  font-size: 16px;
  font-size: 1rem;
}
body.bg-body {
  background-color: #28282a;
}
/*rem处理*/
/*动画*/
@keyframes ripple {
  0%,
  35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
}
@-webkit-keyframes ripple {
  0%,
  35% {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    opacity: 1;
  }
  50% {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 0.8;
  }
  100% {
    opacity: 0;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2);
    transform: scale(2);
  }
}
@keyframes shape-2 {
  from {
    transform: translate(-50%, -50%) scale(0.8);
  }
  to {
    transform: translate(-50%, -50%) scale(1.5);
  }
}
@-webkit-keyframes shape-2 {
  from {
    transform: translate(-50%, -50%) scale(0.8);
  }
  to {
    transform: translate(-50%, -50%) scale(1.5);
  }
}
@media (min-width: 992px) {
  .MYcontainer {
    width: 1630px;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
    max-width: 100%;
  }
  .container1400 {
    width: 1430px;
    margin: auto;
    max-width: 100%;
  }
  .container1600 {
    width: 1600px;
    margin: auto;
    max-width: 100%;
  }
  .container1720 {
    width: 1780px;
    margin: auto;
    max-width: 100%;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none!important;
  }
}
/*头部*/
.header {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: static;
  width: 100%;
  z-index: 1050;
  background: transparent;
}
.header nav {
  width: 100%;
  min-height: 5rem;
}
.header-sticky {
  -webkit-transform: translate(0, 0);
  -moz-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transition: all 0.4s;
  -moz-transition: all 0.4s;
  transition: all 0.4s;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  transition-delay: 0s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: auto;
  left: 0;
	border-bottom: 1px solid #566278;
}
.navbar {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  padding: 0 15px;
}
.navbar .navbar-brand {
  margin: 0;
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.navbar .navbar-brand span {
  max-width: 16rem;
  position: relative;
  font-size: 16px;
  display: inline-block;
  white-space: normal;
  vertical-align: middle;
  line-height: 1.4;
  padding-left: 1rem;
  color: #fff;
  font-weight: 600;
  margin-left: 1rem;
}

.navbar .form-inline {
  border: 1px solid #fff;
  border-radius: 2rem;
  overflow: hidden;
}
.navbar .form-inline .form-control {
  width: 7rem;
  height: 1.8rem;
}
.navbar .form-inline .btn {
  height: 1.8rem;
  padding: 0 0.5rem;
}
.navbar .form-inline .btn svg {
  color: #949494;
  padding-bottom: 0.1rem;
}
.navbar .ENlink {
  background-color: #deb48e;
  /* 不支持线性的时候显示 */
  background-image: -webkit-linear-gradient(-40deg, #28a6e0, #deb48e);
  background-image: linear-gradient(-40deg, #28a6e0, #deb48e);
  border-radius: 100%;
  color: #fff;
  width: 2rem;
  height: 2rem;
  margin-left: 1rem;
  display: flex;
  padding: 0;
  font-size: 0.875rem;
}
.navbar .ENlink span {
  margin: auto;
}
.navbar-dark .navbar-nav .nav-link {
  /* text-transform: uppercase; */
}
.headroom--not-top .header-dark {
  background: rgba(0, 0, 0, 0.5);
  position: fixed;
}
.headroom--unpinned .header-sticky {
  -webkit-transform: translate(0, -100%);
  -moz-transform: translate(0, -100%);
  transform: translate(0, -100%);
  opacity: 0;
}
.navbar-dark .navbar-toggler {
  background-color: #d4a456;
  /* 不支持线性的时候显示 */
 /*  background-image: -webkit-linear-gradient(-40deg, #28a6e0, #deb48e);
  background-image: linear-gradient(-40deg, #28a6e0, #deb48e); */
}
.navbar-nav .nav-phone {
  color: #fff;
}
.navbar-nav .nav-phone a {
  display: flex;
  color: inherit;
  align-items: center;
}
.navbar-nav .nav-phone a b {
  margin-left: 0.5rem;
  font-size: 16px;
  color:#28a6e0;
  margin-right: 1.4rem;
}
.navbar-nav .nav-ENlink {
  margin-left: 1rem;
  margin-right: 1rem;
}
.navbar-nav .nav-ENlink a {
  color: #fff;
}
.navbar-nav .nav-search {
  cursor: pointer;
}
.navbar-nav .nav-search svg {
  color: #fff;
}
@media (min-width: 992px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    font-size: 16px;
    color: #fff;
    position: relative;
    margin-right: 45px;
	padding: 25px 0.5rem;
  }
  .navbar-expand-lg .navbar-nav .nav-link:hover {
   border-bottom:2px solid #28a6e0;
   padding-bottom: 23px;
  }
  .navbar-dark .navbar-nav .active > .nav-link,
  .navbar-dark .navbar-nav .nav-link.active,
  .navbar-dark .navbar-nav .nav-link.show,
  .navbar-dark .navbar-nav .show > .nav-link {
	color:#fff
  }
  .navbar-dark .navbar-nav .active > .nav-link:before,
  .navbar-dark .navbar-nav .nav-link.active:before,
  .navbar-dark .navbar-nav .nav-link.show:before,
  .navbar-dark .navbar-nav .show > .nav-link:before {
    opacity: 1;
  }
 .dropdown-menu {
    position: absolute;
    top: 130%!important;
	right:0;
    left: auto !important;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 20rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
	transform: none!important;
  }
  .navbar-nav .dropdown-menu.show {
    top: 100%;
    visibility: visible;
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .headroom--top .navbar {
    min-height: 4.5rem;
    transition: 0.5s all;
  }
  .navbar-expand-lg {
    flex-flow: row nowrap;
    justify-content: flex-start;
  }
}

.dingbu_sou{border:none;position: relative; }
.dingbu_sou input{border:none;background:transparent;color:#191a1c;height:35px;width:100%;font-size:14px;}
.dingbu_sou button{border:none;background:transparent;color:#191a1c;line-height:22px;position: absolute;left: 10px;
    top: -2px;font-weight:900}

.dingbu_sou:hover{}
.navbar-right{position:absolute;right:0;width:95px;    text-align: center;
    border-left: 1px solid #eee;
    line-height: 95px;}




/**公共样式**/
.w1280{width:1280px; margin:auto;}
.w1200{width:1200px; margin:auto;}
.w1400{width:1400px; margin:auto;}
.w1440{width:1440px; margin:auto;}
.w1600{width:1600px; margin:auto;}
.w1720{width:96%; margin:auto;}

.ban_title{position:relative;}
.h2title{font-size:36px;color:#263238;z-index:2;margin-bottom:10px;}
.ban_title p {display:block;font-size:16px;color:#767676;}


.w100{width:100%;}
.flex{display:flex;}

.div_center {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
	justify-content: space-between;
}
.div_auto {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-around;
justify-content: space-around;}
.div_left{display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;}

.h3title{font-size:36px;color:#0d0d0b;font-weight:600;}
.ptitle{font-size:18px;color:#191a1c;line-height:1.5;}
@media (max-width: 1650px) {
.w1600{width:96%; margin:auto 2%;}
}
@media (max-width: 1440px) {
	.w1440{width:96%; margin:auto 2%;}
}
@media (max-width: 1280px) {
	.w1280{width:96%; margin:auto 2%;}
	.w1200{width:96%; margin:auto 2%;}
}
@media (max-width: 1400px) {
	.w1400{width:96%; margin:auto 2%;}
	.w1600{width:96%; margin:auto 2%;}
	.w1720{width:96%; margin:auto 2%;}
}
@media (max-width: 999px) {
	.header{    background: rgba(0, 0, 0, 0.2);border-bottom:none;}

	.h2title{font-size:2rem;color:#0d0d0b;letter-spacing:0px;}
	.ban_title p{    font-size: 14px;}
	.h3title{font-size:2rem;color:#0d0d0b;font-weight:600;}
	.ptitle{font-size:1.2rem;color:#7c7c7c;font-weight:400;line-height:1.5;}
	/* .dingbu_sou{margin: 1rem auto;display:none} */
  .dropdown-menu{min-width: 20rem;}
}
/****/



#totop {
  position: fixed;
  right: 15px;
  bottom: 3%;
  -webkit-transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  opacity: 1;
  z-index: 100020;
  display: none;
  width: 3rem;
  height: 3rem;
  background-color: #28a6e0;
  padding: 0.7rem 1rem;
  cursor: pointer;
  border-radius: 0;
  color: #fff;
  font-size: 1rem;
}
#totop:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: #28a6e0;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 1s ease-out 0s;
  -moz-transition: all 1s ease-out 0s;
  -ms-transition: all 1s ease-out 0s;
  -o-transition: all 1s ease-out 0s;
  transition: all 1s ease-out 0s;
  border-radius: 0;
}
#totop:after {
  z-index: -1;
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 3rem;
  height: 3rem;
  -webkit-animation: ripple 2s ease-out infinite;
  -moz-animation: ripple 2s ease-out infinite;
  -o-animation: ripple 2s ease-out infinite;
  animation: ripple 2s ease-out infinite;
  opacity: 0;
  background: #28a6e0;
  border-radius: 0;
}
#totop:hover,
#totop:focus {
  background-color: #28a6e0;
}
#playModal .modal-content {
  background-color: transparent;
  border: 0;
  border-radius: 0;
}
#playModal .modal-header {
  border-bottom: 1px solid #000;
}
#playModal .modal-body {
  background-color: rgba(0, 0, 0, 0.6);
}
a.more {
  font-size: 0.875rem;
  color: #fff;
  display: inline-block;
  padding: 0.8rem 3rem;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 background: #0089f7;border-radius: 0px 20px;color:#fff!important;
}
a.more:hover {
  
  /* 不支持线性的时候显示 */
  background-image: -webkit-linear-gradient(-40deg, #deb48e, #28a6e0);
  background-image: linear-gradient(-40deg, #deb48e, #28a6e0);
}
/*首页*/

#page_index {
  overflow: hidden;
  /*banner*/
  /*products*/
  /*advantage*/
  /*about*/
  /*honor*/
  /*case*/
  /*news*/
}

#page_index .banner img {
  width: 100%;
}
#page_index .banner .swiper-pagination {
  font-size: 1.3rem;
  max-width: 100%;
  position: absolute;
  left: 8%; top: 50%;   
    transform: translate(0%, -50%);
    bottom: auto;
  text-align: left;
}

#page_index .banner .swiper-pagination span {
  width: 20px;
  height:20px;
  background:transparent;
  border:2px solid #fff;border-radius:100%;
  opacity: 1;
display: block;    margin: 20px;
  -webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
#page_index .banner .swiper-pagination span.swiper-pagination-bullet-active {
   opacity: 1; background:#28a6e0;border:2px solid #28a6e0;border-radius:100%;
 
}

.clear{clear:both;}
#page_index .top{
  padding:50px 0;
}
#page_index .products1{
  background:#f8fafb;padding:40px 0;
}
@media (max-width: 999px) {
	#page_index .banner .swiper-pagination {left: 3%;}
	#page_index .banner .swiper-pagination span {margin: 5px;
  width: 10px;
	height:10px;}
.swiper-button-next:after,
.swiper-button-prev:after { font-size: 20px;}
}

.in_title{}


/***首页产品****/
.in_1{width:100%;float:left;padding:89px 0 85px;background: url("https://www.sz1942.com/uploadfile/2024/04/19/20240419155243Zejr2M.png") no-repeat center; background-position:right bottom;margin-bottom:75px;background-size: 250px;}
.in_1 .ban_title{margin-top:20px;}
.in1_por{background: url("../images/in1.jpg") no-repeat center; background-size: 100%;padding:40px 30px;}
.in1_por .ban_title{}
.in1_por .tab-menu{}
.tab-box .in1_por_div{width:100%; display:none;float:left;  position:relative;}
    /* 让第一个框显示出来 */
.tab-box .in1_por_div:first-Child{display:block;}
    /* 改变选项卡选中时候的样式 */

.in1_por .tab-menu ul{}
.in1_por .tab-menu ul li{margin:0 30px;}
.in1_por .tab-menu ul li a{font-size:16px;display:block;color:#263238;white-space:nowrap;position:relative;text-align:center;}
.in1_por .tab-menu ul li a h3{font-size:16px;margin-top:10px;}
.in1_por .tab-menu ul li a span{display:block;overflow:hidden;width:auto;height:36px;margin:auto;}
.in1_por .tab-menu ul li a span img{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  margin-top: 0px;}


.in1_por .tab-menu ul li:hover a h3,
.in1_por .tab-menu .change a h3{color:#28a7e1!important;font-weight:600}

.in1_por .tab-menu ul li:hover a span img,
.in1_por .tab-menu .change a span img{margin-top:-55px;}


.tab-box{ }
.in1_por_div{margin-top:50px;}
.in1_por_div{}
.in1_div{border-radius:15px;overflow:hidden;padding-bottom:20px;}
.in1_por_div_left{width:50%;padding-right:10px;float:left}
.in1_por_div_right{width:50%;padding-left:40px;float:left}
.in1_por_div_right h3{font-size:30px;color:#263238;margin:20px 0;}
.in1_por_div_right h4{font-size:24px;color:#263238;margin:10px 0;font-weight:600}
.in1_por_div_right p{font-size:16px;color:#767676;margin-top:5px;}
.in1_por_div_right ul{margin-top:35px;}
.in1_por_div_right ul li{width:32%;margin-right:20px;background:#fefefe;text-align:center;box-shadow:0 0 15px #eee;}
.in1_por_div_right ul li:nth-child(3){margin-right:0px;}
.in1_por_div_right ul li span{display:block;overflow:hidden;}
.in1_por_div_right ul li span img{width:100%;transition: all 0.5s;}
.in1_por_div_right ul li h4{font-size:14px;color:#767676;padding:20px 0 30px;}
.in1_por_div_right ul li:hover{background:#fff;box-shadow:0 0 15px #e2e3e3;}
.in1_por_div_right ul li:hover span img{transform: scale(1.1);  }
.in1_por_div_right ul li:hover h4{color:#28a7e1}

.in1_a{margin-top:40px;}
.in1_a a{color:#28a7e1}
.in1_a a:hover{border-bottom:1px solid #28a7e1;}

@media (max-width: 1250px) {
	.in1_top{display:block;margin-top:30px;}
	.in1_por .ban_title{}
	.in1_por .tab-menu{margin-top:30px;}
	
	.in1_por .tab-menu ul li{margin:0 20px;}
	
}

@media (max-width: 999px) {
	.in_1{padding:50px 0;background-size:50%;margin-bottom:0px;}
	.in1_por{margin-top: 0px;background:#fff;padding:0}
.in1_ul{padding-top:0px;position: relative;}
.in1_por_ul li:hover h3:after{display:none}
.in1_por .tab-menu ul{margin-top: 0px; display: -webkit-block;
    display: block;
    -webkit-justify-content: center;
    justify-content: center;}
.in1_por .tab-menu ul li{float:left;margin:1%;width:48%;}
	.in1_por .tab-menu ul li a{padding:8px;font-size:14px;display:block;border:1px solid #e5e5e5;text-align:center;}
	.in1_por_div{margin-top:15px;}
	.in1_por_ul{margin-top:18px;display:block}
.in1_por_div_left{width:100%;padding-right:0px;float:left}
.in1_por_div_right{width:100%;padding-left:0px;float:left;margin-top:20px;}
.in1_por_div_right h3{font-size:24px;color:#263238;margin:20px 0;}
.in1_por_div_right h4{font-size:16px;color:#263238;margin:10px 0;font-weight:600}
.in1_por_div_right p{font-size:14px;color:#767676;margin-top:5px;}
.in1_por_div_right ul{margin-top:25px;}
.in1_por_div_right ul li{width:32%;margin-right:8px;background:#fefefe;text-align:center;box-shadow:0 0 5px #eee;}
.in1_por_div_right ul li h4{font-size:12px;color:#767676;padding:10px 0 20px;}
.in1_a{margin-top:20px;}
}

@media (max-width: 1440px) {
	.in1_left{width:25%;float:left;}
	.leftsidebar_box dt{font-size:18px;}
	
	.in1_right{width:75%;float:left;}
	
}

@media (max-width: 999px) {
	
.in1_ul{padding-top:30px;position: relative;}
.in1_left{width:100%;float:left;}
.in1_right{width:100%;float:left;}
.in1_right ul li{width:48%;display:inline-block;margin:0.5%;}
.in1_right  ul li h3{width:100%;line-height:35px;text-align:center;color:#181818;font-size:12px;font-weight:400;background:#f0f1f4;}

}


/******首页方案*****/
.in_2{width:100%;float:left;padding:0px;position:relative;overflow:hidden;}

.in_about{position:relative;z-index:2;}
.in_about_img{position:relative;}

.in_about_text{width:56.25%;float:left;padding-left:11.5%}
.in_about_text .ban_title{text-align:left;}
.in_about_p{font-size:14px;color:#333333;margin-top:30px;line-height:1.5}



.ab1_img .ico{position: absolute;left: 50%; top:50%;width:80px;height:80px;border-radius:100%;margin-left:-40px;margin-top:-40px;}
.ab1_img .ico b{}
.ab1_img .ico:hover b{opacity:0.5}


.in_about_text{position: absolute;left: 2%; top:48%;background:#fff;padding:75px 50px ;width:475px;box-shadow:0 0 15px #bfc0c0;}
.in_about_text h3{color:#263238;font-size:16px;font-weight:600;margin-bottom:30px;}
.in_about_text p{color:#767676;font-size:14px;line-height:1.5;text-indent:28px;}


@media (max-width: 1550px) {
	.in_about_text{position: absolute;right: 3.17%; top:30%;background:#fff;padding:65px 50px ;width:475px;}
}
@media (max-width: 1250px) {
	.in_about_text{position: absolute;right: 0%; top:20%;background:#fff;padding:35px 30px ;width:455px;}
}
@media (max-width: 999px) {
	
.in_2{padding:0px 0}
.in2_about{font-size:2.5rem;position:relative;}
.in2{position:relative;z-index:2;padding-left:0%;margin-top:30px;}

.ab1_img .ico{position: absolute;left: 50%; top:50%;width:50px;height:50px;border-radius:100%;margin-left:-25px;margin-top:-25px;}

.in_about_text{position: relative;right: 0%; top:0%;background:#fff;padding:30px 10px ;width:100%;left: 0%;}
}



/******3大优势*****/


/******首页方案*****/
.in_3{width:100%;float:left;padding:93px 0 100px;background: url("../images/index1_05.jpg") no-repeat center; background-size: cover;}
.in_3 .ban_title h2{color:#fff;}
.in_3 .ban_title p{color:#cccccc;}
.in3{margin-top:60px;position:relative;z-index:9}
.in3 ul{display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;}
.in3 ul li{width:238px;height:238px;border-right:1px solid #fff;background:#f4f7f8;padding:30px 25px;position:relative;}
.in3 ul li:nth-child(2n){background:#dfe6e9;}
.in3 ul li h3{font-size:22px;color:#263238;line-height:1.3;font-weight:600;margin:20px 0}
.in3 ul li p{color:#263238;    position: absolute;
    bottom: 30px;
}
.in3 ul li span{display:block;overflow:hidden;width:auto;height:36px;margin:auto;}
.in3 ul li span img{-webkit-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  margin-top: -55px;}

.in3 ul li:hover span img{margin-top:0}

.in3 ul li:hover{background:#28a7e1;}
.in3 ul li:hover h3{color:#fff;}
.in3 ul li:hover p{color:#fff;}

.in3_bottom{margin-top:-119px;}


@media (max-width: 999px) {
	.in_3{width:100%;float:left;padding:50px 0 ;}
	.in3{margin-top:30px;position:relative;}
	.in3{margin-top:30px;position:relative;z-index:9}
	.in3 ul{margin-left:0px;display:block}
	.in3 ul li{width:50%;height:210px;border-bottom:1px solid #fff;background:#f4f7f8;padding:20px 15px;float:left;border-right:none}
	.in3 ul li h3{font-size:18px;color:#263238;line-height:1.3;font-weight:600;margin:10px 0}
}






.in_4{width:100%;float:left;padding:95px 0 0px;background:#fff}
.in_4 .list_head_ul{margin-top:80px;position:relative;}
.in4{margin-top:80px;position:relative;}
.in4_left{width:45%;float:left;}
.in4_weizhi{width:100%;padding:0 15%;}
.in4_li{overflow:hidden;border:22px solid #fff;margin-right: 150px;}
.in4_li img{width:100%;transition: all 0.5s}
.in4_li:hover img{transform: scale(1.1);}

.in4_left .in4_div{width:100%; display:none;float:left;  position:relative;}
    /* 让第一个框显示出来 */
.in4_left .in4_div:first-Child{display:block;}


.in4_right{width:55%;padding-left:60px;float:left;padding-bottom:110px;background: url("../images/1942_03.png") no-repeat center; background-position:right bottom;}
.in4_right p{font-size:14px;color:#767676;line-height:1.5;padding-right:20px;}
.in4_right_ul{margin-top:40px;}
.in4_right_ul li{width:47%;margin-right:2%;float:left;margin-bottom:18px;background:#fff;text-align:center;}
.in4_right_ul li a{line-height:70px;font-size:14px;color:#767676;}

.in4_right_ul li.cur,
.in4_right_ul li:hover{background:#28a6e0}
.in4_right_ul li.cur a,
.in4_right_ul li:hover a{color:#fff}

.swiper-pagination-bullet-active{background:#28a6e0}
@media (max-width: 999px) {
	.in_4{padding:50px 0}
	.in_4 .list_head_ul{margin-top:30px;position:relative;}
	.in4{margin-top:30px;position:relative;}
	.in4_left{width:100%;float:left;}
	.in4_right{width:100%;padding-left:0px;float:left;padding-bottom:50px;margin-top:30px;background-size:50%}
.in4_right_ul li{width:48%;margin-right:2%;float:left;margin-bottom:15px;background:#fff;text-align:center;}
.in4_right_ul li a{line-height:1.5;font-size:14px;color:#767676;padding:15px 0;display:block}
}

.in_5{width:100%;float:left;padding:80px 0 80px;}

.in5{}
.in5 .ban_title{width:50%;float:left}
.in5 .in5_head{width:50%;float:left;text-align:right}
.in5_ul{display: inline-block;margin-top:35px;}
.in5_ul li{width:120px;background:#dfe6e9;transform: skew(-10deg);text-align:center;margin-left:15px;float:left}
.in5_ul li a{font-size:16px;color:#263238;line-height:35px;transform: skew(10deg);    display: block;}

.in5_ul li.cur,
.in5_ul li:hover{background:#28a6e0}
.in5_ul li.cur a,
.in5_ul li:hover a{color:#fff}


.in5_xiamian .in5_bottom{display:none;}
    /* 让第一个框显示出来 */
.in5_xiamian .in5_bottom:first-Child{display:block;}
.in5_bottom{margin-top:55px;width:100%;float:left;}
.in5_left{width:48%;float:left;padding-right:35px;}
.in5_right{width:52%;float:left}

.news_top{}
.news_top .news_img{overflow:hidden;}
.news_img img{width:100%;transition: all 0.5s}
.news_top h3{font-size:18px;color:#263238;margin-top:40px;margin-bottom:20px;}
.news_top p{font-size:14px;color:#767676;margin-bottom:20px;border-bottom:1px solid #767676;padding-bottom:25px;}
.news_top span{font-size:14px;color:#66767f;padding-right:55px;}
.news_top span img{padding-right:13px;}

.news_top:hover .news_img img{transform: scale(1.1);}
.news_top:hover h3{color:#28a6e0}

.news_li{margin-bottom:30px;}
.news_li a{display:flex;}
.news_li .news_img{overflow:hidden;width:258px;}

.news_li_zi{width:420px;margin-left:30px;}
.news_li_zi h3{font-size:18px;font-weight:bold;text-align:center;color:#263238;margin-bottom:16px;line-height:1.5;}
.news_li_zi p{font-size:14px;color:#767676;margin-bottom:15px;}
.news_li_zi span{font-size:14px;color:#66767f;padding-right:55px;}
.news_li_zi span img{padding-right:13px;}
.news_li:hover .news_img img{transform: scale(1.1);}
.news_li:hover h3{color:#28a6e0}

@media (max-width: 999px) {
	.in_5{width:100%;float:left;padding:50px 0 ;}
	.in5 .ban_title{width:100%;float:left}
	.in5 .in5_head{width:100%;float:left;text-align:right}
	.in5_bottom{margin-top:30px;width:100%;float:left;}
.in5_left{width:100%;float:left;padding-right:0px;}
.in5_right{width:100%;float:left;margin-top:30px;}
.news_li a{display:block;}	
.news_li .news_img{overflow:hidden;width:100%;}

.news_li_zi{width:100%;margin-left:0px;}
}



.footer_top{
	padding: 185px 0 60px;
	background: url("../images/index1_07.jpg") no-repeat center;
  background-size: cover;
  width:100%;
	float:left;}
	
	
.footer_top_ul{}	
.footer_top_ul ul li{}	
.footer_top .footer_left{float:left;width:100%;margin:0px 0}
.footer_top .footer_left .foot_input{line-height:55px;margin-right:2%;width:50%}
.footer_top .footer_left .foot_input input{background:#e8edef;width:100%;line-height:55px;    border: none;
    color: #767676;
    padding-left: 22px;}
	
.footer_top .footer_left .foot_button{width:28%;}
.foot_button input {
    width: 100%;
   line-height:55px;
    background: #28a7e1;
    text-align: center;
    color: #fff;font-weight:600;
    font-size: 16px;
    border: none;
}
.foot_button input:hover{opacity:0.8}

.footer_top_li1{width:50%;float:left;padding-right:0%}
.footer_top_li3{width:23%;float:left;    align-items: center;}
.footer_top_li2{width:27%;float:left;    align-items: center;}

.footer_top_ul ul li h3{text-align:left;font-size:20px;color:#263238;line-height:1.5;font-weight:600;padding-right:30px;}

.footer_top_li2 span{display:inline-block;    vertical-align: middle;padding-right:8px;}
.footer_top_dianhua{display:inline-block;    vertical-align: middle;}
.footer_top_dianhua p{font-size:16px;color:#767676;}
.footer_top_dianhua h4{font-size:36px;color:#263238;}

@media (max-width: 1250px) {
	.footer_top_li1{width:100%;float:left;padding-right:0%;margin-top:30px;}
.footer_top_li3{width:50%;float:left;    align-items: center;}
.footer_top_li2{width:50%;float:left;    align-items: center;}
}

@media (max-width: 990px) {
	.footer_top{padding: 50px 0;background:#fff;}
.footer_top_li3{width:100%;float:left;    align-items: center;}

.footer_top_dianhua p{font-size:14px;color:#767676;}
.footer_top_dianhua h4{font-size:24px;color:#263238;}


.footer_top_li2{width:100%;float:left;    align-items: center;margin-top:30px;}	
.footer_top_li1 form{display:block}
.footer_top .footer_left .foot_input{margin-bottom:2%;width:90%}
.footer_top .footer_left .foot_input input{background:#e8edef;width:100%;line-height:45px;    border: none;
    color: #767676;
    padding-left: 22px;}
	.footer_top .footer_left .foot_button{width:40%;}
.foot_button input {
    width: 100%;
   line-height:45px;
}
}


.footer_dibu{float: left;width: 100%;padding:100px 0;background: #263238;color:#fff}
.footer_dibu a{color:#fff;}

.footer_img{}
.footer_img .footer_logo{margin-bottom:45px;display:block}
.footer_img .footer_logo img{width:200px;}
.footer_ico {max-width:200px;display: flex; flex-wrap: wrap;justify-content: space-around;}
.footer_ico a{width: 30%;text-align: center;}
.footer_ico img{width: 80%;margin: 6px 0;}
.footer_img a:hover{opacity:0.6}

.footer_center{}



.footer_center a{font-size:14px;padding-bottom:15px;color:#cccccc;display:block}
.footer_center p{font-size:14px;padding-bottom:15px;color:#cccccc;display:block}
.footer_center h3{padding-bottom:10px;font-size:16px;font-weight:600;color:3eff2f4}
.footer_center a:hover{color:#28a6e0;}

.foon_4{width:335px;}


.footer_lx{}
.footer_lx h3 a{padding-bottom:40px;font-size:16px;font-weight:600;display:block}
.footer_lx img{margin-right:10px;}
.footer_lx p{font-size:14px;padding-bottom:10px;display:block}
.footer_lx_a{margin-top: 40px;}
.footer_lx_a a{margin:0 10px;}

.footer_right{padding-bottom:114px}

.footer_right a{margin-right:10px;}
.footer_right h3 a{padding-bottom:40px;font-size:16px;font-weight:600;display:block}
.footer_right a:hover{color:#28a6e0;}
.footer_right_img{margin-top:15px;text-align:center;}
.footer_right_img p{font-size:12px;text-align:center;margin-top:15px;}

.youqing{line-height:60px;float: left;width: 100%;}
.youqing a{font-size:14px;padding-right:70px;}
.youqing a:hover{color:#28a6e0;}


.footer_xia{line-height:60px;float: left;width: 100%;}
.footer_xia a {font-size:14px;color:#677176;}
.footer_xia a:hover{color:#28a6e0;}
@media (max-width: 990px) {
.footer_dibu{float: left;width: 100%;padding:30px 0;background:#1a1a1a;}
.footer_dibu .div_center{display:block;margin-top:20px;}
.footer_img .footer_logo{margin-bottom:15px;display:block}
.footer_img .footer_logo img{width:auto;}
.footer_center {margin-top:30px;}
.footer_center a{font-size:14px;padding-bottom:15px;color:#cccccc;display:inline-block;width:30%;}
.footer_center h3{padding-bottom:10px;font-size:16px;font-weight:600;color:3eff2f4}




.footer_lx{width:100%;margin-top:30px;float:left;}
.footer_dibu h3 a{padding-bottom:20px;font-size:16px;font-weight:600;display:block}
.footer_right{width:100%;margin-top:30px;float:left;text-align:center;padding-bottom:30px}
.youqing{line-height:30px;float: left;width: 100%;}
.youqing a{font-size:14px;padding-right:20px;}

.footer_xia .div_center{display:block;}
.footer_xia{background:#1a1918;line-height:30px;}
.footer_xia1 a{font-size:12px;display:block;}
.footer_xia a{font-size:12px;}
}
/**
* Add a transition to the label and input.
* I'm not even sure that touch-action: manipulation works on
* inputs, but hey, it's new and cool and could remove the 
* pesky delay.
*/


@media (max-width: 999px) {
	.footer_lianxi1{width:96%;margin:0 2%}
	.footer_biaodan{
	width:100%;
	float:left;
	}
	.footer_biaodan h3 {padding-top:1rem}
	.footer_renwu{width:100%;
	float:right;}
	.footer_renwu_box{width:100%; margin:0 auto;}
	
	#contents{width:100%;border-top:1px solid #dee1e1;margin:auto}
	#contents h4{color:#28a6e0;font-size:18px;padding-top:1rem;line-height:2rem}
	#contents p{color:#ffffff;font-size:14px;line-height:2rem;padding-bottom: 2rem;}
	.footer_dibu_tu{display:none}
	.footer_hred{}
	.products1{display:none}
	.footer_hred{width:100%;}
	.footer_biaodan{padding:0 20px;    margin: 10px auto 10px;}
	.footer_hred_js {
    width: 96%;
    float: right;
    margin: 2%;}
	.foot-menu{display:none}
	
	.foot-menu_lx{display:block;width:96%;margin:2%;}
	.foot-menu h3{padding-bottom:10px;}
	.foot-menu_lx a{font-size:1.5rem!important;}
	
}

@media (max-width: 768px) {
  .form-inline .form-group {
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
	width:100%;    
  }
  .form-inline .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .form-inline .form-control-static {
    display: inline-block;
  }
  .form-inline .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .form-inline .input-group .input-group-addon,
  .form-inline .input-group .input-group-btn,
  .form-inline .input-group .form-control {
    width: auto;
  }
  .form-inline .input-group > .form-control {
    width: 100%;
  }
  .form-inline .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio,
  .form-inline .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .form-inline .radio label,
  .form-inline .checkbox label {
    padding-left: 0;
  }
  .form-inline .radio input[type="radio"],
  .form-inline .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .form-inline .has-feedback .form-control-feedback {
    top: 0;
  }
}


/*折叠*/
#feedback label {
  font-size: 0.875rem;
  color: #fff;
}
#feedback .form-group {
  margin-right: 1rem;
}
#feedback .form-control {
  border-radius: 0 ;
  border: 0;
}
#feedback input[type="submit"] {
  background-color: #332e2a;
  font-size: 1rem;
  font-weight: bold;
  color: #fff;
  border: 0;
  padding: 0.5rem 1.5rem;
}
#feedback input[type="text"] {
  width: 8rem;
}
#feedback input[type="tel"] {
  width: 16rem;
}
input:-internal-autofill-selected {
  background-color: transparent!important;
  background-image: none !important;
  color: #fff !important;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: rgba(10, 19, 42, 0.35);
  font-size: 0.875rem;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: rgba(10, 19, 42, 0.35);
  font-size: 0.875rem;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: rgba(10, 19, 42, 0.35);
  font-size: 0.875rem;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  color: rgba(10, 19, 42, 0.35);
  font-size: 0.875rem;
}
.about_effect {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.about_effect:before,
.about_effect:after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  z-index: 1;
  background: rgba(255, 255, 255, 0.5);
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -ms-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
.about_effect:hover:before,
.about_effect:before {
  right: 0;
  top: 0;
}
.about_effect:after {
  opacity: 0.3;
  left: 0;
  bottom: 0;
}
.about_effect:hover:after,
.about_effect:hover:before {
  width: 100%;
  height: 100%;
  opacity: 0;
}
/*内页banner*/
.sbann {
  background-position: center top;
  background-attachment: fixed;
  height: 24rem;
  color: #e0e0e0;
  overflow: hidden;
  background-repeat: no-repeat;
}
.sbann h2 {
  font-size: 2.25rem;
  color: #28a6e0;
  text-transform: uppercase;
  padding-top: 5rem;
}
.sbann p {
  font-size: 0.875rem;
  color: inherit;
}
/*内页*/
/*分页*/
.pagination {
  padding: 5rem 0 0;
}
.pagination * {
  transition: none!important;
}
.pagination li.page-item a {
  color: #aeaeaf;
  font-size: 1rem;
  overflow: hidden;
  text-align: center;
  background-color: transparent;
  border: 1px solid #626262;
  border-radius: 0!important;
  padding: 0.6rem 1rem;
}
.pagination li.page-item a:hover {
  background-color: transparent;
  color: #28a6e0;
  border-color: #626262;
}
.pagination li.page-item.active .page-link {
  background-color: transparent;
  color: #28a6e0;
  border-color: #626262;
}
.pagination li.disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.page-link:focus {
  box-shadow: 0 0 0 0.2rem rgba(205, 186, 107, 0.25);
}
.btn-secondary:hover {
  color: #fff;
  background-color: #28a6e0;
  border-color: #28a6e0;
}
.btn-secondary:not(:disabled):not(.disabled).active,
.btn-secondary:not(:disabled):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  color: #fff;
  background: transparent;border:none;
  border-color: none;
}
.btn-secondary{
 
  background: transparent;border:none;
  border-color: none;
}
/*响应*/
@media (min-width: 768px) and (max-width: 1200px) {
  .container {
    max-width: 100%;
  }
}
@media (max-width: 1670px) {
  .navbar-expand-lg .navbar-nav .nav-link {
   
  }
}
@media (max-width: 1590px) {
   .navbar-expand-lg .navbar-nav .nav-link {
    
    font-size: 16px;
    color: #fff;
    position: relative;
    margin-right: 15px;
    padding: 25px 0.5rem;
  }

}
@media (max-width: 1440px) {
  footer .foot-menu a,
  footer .foot-info .p2 {
    font-size: 0.875rem;
  }
  .about .swiper-button {
    opacity: 0;
  }
}
@media (max-width: 1400px) {
 
  #feedback input[type="tel"] {
    width: 15rem;
  }
  
}
@media (max-width: 1300px) {
  html {
    font-size: 85%;
  }
  .navbar .navbar-brand span {
    display: none;
  }
}
@media (max-width: 1024px) {
  html {
    font-size: 70%;
  }
}
@media (max-width: 991px) {
  footer .foot-menu .p1,
  footer .foot-info .p1 {
    margin-top: 2rem;
  }
  .navbar-dark .navbar-nav .nav-link {
    padding: 0.5rem 0.5rem;
    
  }
  .navbar-dark .navbar-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-direction: row;
  }
  .navbar-dark .navbar-nav > li {
        width: 100%;
    text-align: center;
    border-bottom: 1px solid #eee;
    padding: 0.8rem 0;
  }
  .navbar-dark .navbar-nav > li.nav-phone {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 50%;
  }
  .navbar-dark .navbar-nav > li.nav-ENlink,
  .navbar-dark .navbar-nav > li.nav-search {
    margin-top: 1rem;
    margin-bottom: 1rem;
    width: 20%;
  }
}
@media (max-width: 767px) {
 
  footer .flex-menu {
    display: none;
  }
  footer .foot-menus {
    padding-top: 2rem;
  }
  footer .p1 {
    font-size: 1.2rem;
    text-align: left;
    width: 100%;
  }
  footer .p3 {
    margin-top: 1rem;
    text-align: left;
    width: 100%;
    margin-bottom: 1rem;
  }
  #feedback .form-group {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  #feedback .input-groups {
    margin: 0;
  }
  #feedback input[type="text"],
  #feedback input[type="tel"] {
    width: 19rem;
  }
}
@media (max-width: 576px) {
 
  a.more {
    padding: 1rem;
    margin: 2rem auto;
    text-align: center;
  }
  #page_index .about .swiper-about:before,
  #page_index .about .swiper-about:after {
    width: 30px;
  }
  footer .f-t > .flex-info .foot-info {
    margin-bottom: 2rem;
  }
  footer .f-t > .flex-info .foot-info,
  footer .f-t > .flex-info .foot-feedback {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

/*固定的悬浮窗*/
.yb_conct{position:fixed;z-index:9999999;top:200px;right:-147px;cursor:pointer;transition:all .3s ease;}
.yb_bar ul li{width:200px;height:53px;font:16px/53px 'Microsoft YaHei';color:#fff;text-indent:54px;margin-bottom:3px;border-radius:3px;transition:all .5s ease;overflow:hidden;}
.yb_bar .yb_top{background:#28a7e1 url(../images/fixCont.png) no-repeat 0 0;}
.yb_bar .yb_phone{background:#28a7e1 url(../images/fixCont.png) no-repeat 0 -57px;}
.yb_bar .yb_phone a{color:#fff}
.yb_bar .yb_QQ{text-indent:0;background:#28a7e1 url(../images/fixCont.png) no-repeat 0 -113px;}
.yb_bar .yb_ercode{background:#28a7e1 url(../images/fixCont.png) no-repeat 0 -169px;}
.hd_qr{padding:0 9px 5px 9px;}
.yb_QQ a{display:block;text-indent:54px;width:100%;height:100%;color:#fff;}