*{font-family:"微软雅黑","Microsoft Yahei";}
body {
  position: relative;
}
.btn.active.focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn:active:focus,
.btn:focus {
  outline: none;
}
.btn.active,
.btn:active {
  box-shadow: none;
}
.nav-tabs > li > a:hover {
  border-color: transparent;
}
.nav > li > a:focus,
.nav > li > a:hover {
  text-decoration: none;
  background-color: transparent;
}
.container-fluid {
  padding-top:1.5rem;
  padding-bottom:1.5rem;
}
.container-fluid .title {
  font-size: 28px;
  font-weight: 600;
  text-align: center;
  margin-bottom: 0.3733rem;
}
.container-fluid .subtitle {
  color: #787878;
  font-size: 0.32rem;
  font-weight: normal;
  text-align: center;
  margin-bottom: 0.4rem;
}
.bg-gray {
  background-color: #f4f4f7;
}
.navbar-new {
  z-index: 1030;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  padding: 0.4rem 0;
  display: flex;
  align-items: center;
  justify-content: space-around;
  background: rgba(112, 155, 231, 0.05);
  border-bottom: 1px solid rgba(112, 155, 231, 0.2);
  border-radius: 0;
  transition: all 0.4s;
}
.navbar-new .logo {
/*   margin-left: 0.8rem;
  display: flex;
  align-items: center;
  cursor: pointer; */
  float:left;
}
.navbar-new .logo-01 {
  display: inline-block;
  width: 4.32rem;
  height: 0.86rem;
  background: url(bx_logo1.png) center no-repeat;
  background-size: contain;
}
/* .navbar-new .logo-02 {
  display: inline-block;
  width: 1.7333rem;
  height: 0.8rem;
  background: url(nav_logo2_white.png) center no-repeat;
  background-size: contain;
} */
/* 右侧电话 */
.navbar-new .contact-info {
    margin-left: 0.3rem;
	padding-top:6px;
	align-items: center;
}
.navbar-new .contact-info .phone {
    display: flex;
    align-items: center;
}
.navbar-new .contact-info .icon-phone {
    content: '';
    display: block;
    width: 0.5rem;
    height: 0.5rem;
    background: url(nav-phone-white.svg) left center no-repeat;
    background-size: cover;
    margin-right: 0.1rem;
}
.navbar-new .contact-info span{font-size:16px;color:#fff;}

	.hidden-xs2 {
		display: none;
	}
.navbar-new .line {
  display: inline-block;
  width: 1px;
  height: 0.56rem;
  border-right: 1px solid #D2D2D2;
  margin: 0.06rem 0.1rem 0.06rem 0.2rem;
}

.navbar-new a {
  color: #ffffff;
  font-size: 14px !important;
  text-decoration: none;
}
.navbar-new li .more {
  padding: 10px 15px;
  color: #ffffff;
}
.navbar-new ul {
  display: flex;
  float:right;
}
.navbar-new li {
  position: relative;
  margin: 0;
  font-size: 14px !important;
}
.navbar-new li:hover{
  content: '';
  /* position: absolute; */
  /* bottom: -0.2rem; */
  /* width: 100%; */
  /* height: 1px; */
  border-bottom: 2px solid #d22443;
}
.navbar-new.white {
  background: rgba(255, 255, 255, 0.98);
  border-bottom: none;
  box-shadow: 0rem 0.0267rem 0.1467rem 0.0133rem rgba(40, 40, 40, 0.11);
  transition: all 0.4s;
}
.navbar-new.white .logo-01 {
  background: url(bx_logo2.png) center no-repeat;
  background-size: contain;
}
.navbar-new.white .logo-02 {
  background: url(nav_logo2_black.png) center no-repeat;
  background-size: contain;
}
.navbar-new.white a {
  color: #303962;
  text-decoration: none;
}
.navbar-new.white li .more {
  color: #303962;
}
.navbar-new.white .contact-info .icon-phone {
    background: url(nav-phone-black.svg) left center no-repeat;
    background-size: cover;
}
.navbar-new.white .contact-info span{font-size:16px;color:#888;}
/* .navbar-new.white li:hover:before,
.navbar-new.white li.active:before {
  content: '';
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
  border-bottom: 1px solid #FFF;
} */
/* .nav li:hover:before, */
/* .nav li.active:before {
  content: '';
  bottom: -0.2rem;
  height: 1px;
  border-bottom: 2px solid #d22443;
} */
.header {
  position: relative;
  height: 12rem;
  background: url(gxbg.jpg) center no-repeat #222347;
}
.w1280{width:1280px; padding-right: 15px; padding-left: 15px;}
.header:before {
  content: '';
  position: absolute;
  z-index:999;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  /* background-image: url(bg.png); */
  background-position: center bottom;
}
.header .left {
/*   z-index: 3;
  position: relative; */
  float:left;
  padding: 5rem 0 0 40px;
  color: #FFF;
  width: 30%;
}
.header .right {
  padding-top:3rem;
  width: 70%;
  float:right;
}
.header .right img{
/*   z-index:2;
  position:absolute; */
  float:right;
  padding-right:40px;
}
.header ul {
  font-size: 0.8rem;
}
.header ul li:nth-child(1) {
  font-weight: 600;
}
.header ul li:nth-child(2) {
  padding: 0.1rem 0 1.2rem 0;
  font-size: 0.4rem;
}
.header .button {
  width: 3.7067rem;
  padding: 0.25rem;
  font-size: 0.45rem;
  text-align: center;
  line-height: 0.32rem;
  background: linear-gradient(225deg, #d22443 0%, #ea274a 100%);
  border-radius: 0.0667rem;
  color: #FFF;
  z-index:999;
}
.header .button:hover,
.header .button:active {
  opacity: 0.8;
}
.section-1 .row,
.section-1 .left {
  display: flex;
  align-items: center;
}
.section-1 .right .pic {
  width: 8.5867rem;
  margin: auto;
}
/* .section-1 ul {
  width: 9.2333rem;
  font-size: 0.8rem;
} */
.margin-bottom-10 a:hover{text-decoration:none;}
.section-1 ul li:nth-child(1) {
  font-weight: 600;
}
/* .section-1 ul li:nth-child(3) {
  margin: 0.4rem 0;
  font-size: 0.32rem;
  color: #787878;
} */
/* .section-1 ul li:nth-child(4) {
  font-size: 0.4rem;
  color: #787878;
  font-weight: 500;
} */

.bxwrapper {
  font-size:0.3rem;
  height: 350px;
  /* position: absolute; */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  /* margin: auto; */
  background-color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
	  -ms-flex-align: center;
		  align-items: center;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
	  -ms-flex-pack: left;
		  justify-content: left;
  overflow: hidden;
/*   padding-right: 90px;
    padding-left: 90px;
    margin-right: auto;
    margin-left: auto; */
}

.bxleft-side {
  height: 350px;
  width: 20%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
	  -ms-flex-align: center;
		  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
	  -ms-flex-pack: center;
		  justify-content: center;
}
.bxleft-side ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 46px;
  height:46px;
  color: rgba(51, 51, 51, 0.5);
  font-weight:600;
  cursor: pointer;
  -webkit-transition: all .2s ease-out;
		  transition: all .2s ease-out;
  font-size:18px;
}
.bxleft-side ul li:hover {
  color: #333333;
  -webkit-transition: all .2s ease-out;
		  transition: all .2s ease-out;
}
.bxleft-side ul li:hover > .icon {
  fill: #333;
}
.bxleft-side ul li.active {
  color: #fff;
  padding:0 46px 0 15px; 
  height:46px;
  line-height:46px;
  background:url(4564756.png) #d80437 right no-repeat;
}
.bxleft-side ul li.active:hover > .icon {
  fill: #E74C3C;
}

.bxright-side {
  height: 350px;
  width: 80%;
  overflow: hidden;
  padding:0.5%;
}
.bxright-side .bxfirst, .bxright-side .bxsecond, .bxright-side .bxthird, .bxright-side .bxfourth {
  width:100%;	
  /* position: absolute; */
  height: 350px;
  -webkit-transition: all .6s ease-in-out;
		  transition: all .6s ease-in-out;
  margin-top: -350px;
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
	  -ms-flex-align: center;
		  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
	  -ms-flex-pack: center;
		  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
	  -ms-flex-direction: column;
		  flex-direction: column;
}
.bxright-side .bx1, .bxright-side .bx2, .bxright-side .bx3, .bxright-side .bx4, .bxright-side .bx5, .bxright-side .bx6, .bxright-side .bx7 {
  width:100%;	
  /* position: absolute; */
  height: 350px;
  -webkit-transition: all .6s ease-in-out;
		  transition: all .6s ease-in-out;
  margin-top: -350px;
  opacity: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
	  -ms-flex-align: center;
		  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
	  -ms-flex-pack: center;
		  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
	  -ms-flex-direction: column;
		  flex-direction: column;
}
.bxfirst,.bxfirst ul,.bxsecond ul,.bxthird ul,.bxfourth ul{
  display:block;
  width:100%;
}
.bx1,.bx1 ul,.bx2 ul,.bx3 ul,.bx4 ul,.bx5 ul,.bx6 ul,.bx7 ul{
  display:block;
  width:100%;
}
.bxfirst ul li,.bxsecond ul li{
  width:24%;
  min-width:100px;
  float:left;
  margin:0 3.6666%;
}
.bx1 ul li,.bx2 ul li{
  width:24%;
  min-width:100px;
  float:left;
  margin:0 3.6666%;
}
.bxfirst ul span,.bxsecond ul span{
  float:left;
  width:3%;
  padding-top: 0.5rem;
}
.bx1 ul span,.bx2 ul span{
  float:left;
  width:3%;
  padding-top: 0.5rem;
}
.bxthird ul li,.bxfourth ul li{
  width:24%;
  min-width:100px;
  float:left;
  margin:0 4.6666%;
}
.bx3 ul li,.bx4 ul li,.bx5 ul li,.bx6 ul li,.bx7 ul li{
  width:24%;
  min-width:100px;
  float:left;
  margin:0 4.6666%;
}
.bxfirst ul li img,.bxfirst ul li p,.bxsecond ul li img,.bxsecond ul li p,.bxthird ul li img,.bxthird ul li p,.bxfourth ul li img,.bxfourth ul li p{
  display:block;
  margin:0 auto;
  text-align:center;
  padding: 10px 0;
}
.bx1 ul li img,.bx1 ul li p,.bx2 ul li img,.bx2 ul li p,.bx3 ul li img,.bx3 ul li p,.bx4 ul li img,.bx4 ul li p,.bx5 ul li img,.bx5 ul li p,.bx6 ul li img,.bx6 ul li p,.bx7 ul li img,.bx7 ul li p{
  display:block;
  margin:0 auto;
  text-align:center;
  padding: 10px 0;
}
/* #first ul li img,#second ul li img,#third ul li img,#fourth ul li img{
  width:100%;
} */
.bxright-side .bxfirst p, .bxright-side .bxsecond p, .bxright-side .bxthird p, .bxright-side .bxfourth p {
  color: #333;
  font-weight: 500;
}
.bxright-side .bx1 p, .bxright-side .bx2 p, .bxright-side .bx3 p, .bxright-side .bx4 p, .bxright-side .bx5 p, .bxright-side .bx6 p, .bxright-side .bx7 p {
  color: #333;
  font-weight: 500;
}
.bxright-side .bxfirst h2, .bxright-side .bxsecond h2, .bxright-side .bxthird h2, .bxright-side .bxfourth h2 {
  padding: 20px 0;
}
.bxright-side .bx1 h2, .bxright-side .bx2 h2, .bxright-side .bx3 h2, .bxright-side .bx4 h2, .bxright-side .bx5 h2, .bxright-side .bx6 h2, .bxright-side .bx7 h2 {
  padding: 20px 0;
}
.bxright-side h2{
  font-size: 0.4rem;
}
.bxright-side .bxfirst.active, .bxright-side .bxsecond.active, .bxright-side .bxthird.active, .bxright-side .bxfourth.active {
  margin-top: 0px;
  opacity: 1;
  -webkit-transition: all .6s ease-in-out;
		  transition: all .6s ease-in-out;
}
.bxright-side .bx1.active, .bxright-side .bx2.active, .bxright-side .bx3.active, .bxright-side .bx4.active, .bxright-side .bx5.active, .bxright-side .bx6.active, .bxright-side .bx7.active {
  margin-top: 0px;
  opacity: 1;
  -webkit-transition: all .6s ease-in-out;
		  transition: all .6s ease-in-out;
}
/* 新增 */
.col-sm-5t{width:20%; padding-left:10px;}

.section-2 ul {
  padding: 0 1rem;
}
.section-2 ul li {
  padding: 0.2667rem;
  text-align: center;
  min-height: 4.6rem;
}
.section-2 ul li img {
  width: 1.2rem;
  height: 1.2rem;
}
#section3 ul li img {
  width: 2rem;
  height: 2rem;
}
#section3 ul li .name {
  font-size: 20px;
}
#section3 ul li span {
  font-size: 16px;
}
.section-2 ul li .name {
  font-size: 0.3rem;
  padding:0.3rem 0 0.1rem 0;
  font-weight: 600;
}
.section-3 .row {
  display: flex;
  align-items: center;
}
.section-3 video {
  width: 100%;
}
.section-3 .nav-tabs {
  border: 0;
}
.section-3 .nav-tabs {
  padding: 1rem 0;
}
.section-3 .nav-tabs li {
  float: none;
  margin: 0.2667rem 0;
  font-size: 0.4rem;
}
.section-3 .nav-tabs > li > a {
  color: #828282;
}
.section-3 .nav-tabs > li > a:hover {
  border-radius: 0.0533rem;
}
.section-3 .nav-tabs > li.active > a,
.section-3 .nav-tabs > li.active > a:focus,
.section-3 .nav-tabs > li.active > a:hover {
  border: 1px solid transparent;
  background: #E9F1FF;
  border-radius: 0.0533rem;
  color: #000;
}
.section-3 .nav-tabs > li.active > a:after {
  content: '';
  position: absolute;
  right: -0.1rem;
  top: 50%;
  width: 0.35rem;
  height: 0.35rem;
  background: #E9F1FF;
  -webkit-transform: translateY(-50%) rotate3d(0, 0, 1, 45deg);
          transform: translateY(-50%) rotate3d(0, 0, 1, 45deg);
}
.section-3 .tab-content {
  padding: 0 1rem;
}

/* Button Bordered Danger */
.btn-brd-danger {
  display: inline-block;
  font-weight: 600;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #d22443;
  padding: 10px 23px;
  border-radius: 0.0667rem;
  font-size: 14px;
  background: transparent;
  line-height: 1.4;
  border: 1px solid #d22443 !important;
  transition-duration: 100ms;
  transition-property: all;
  transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
  .btn-brd-danger:focus, .btn-brd-danger:active:focus, .btn-brd-danger.active:focus {
    background-image: none;
    outline: 0;
    -webkit-box-shadow: none;
    box-shadow: none; }
  .btn-brd-danger:hover, .btn-brd-danger:focus {
    text-decoration: none;
    color: #fff;
    background: #d22443;
    border-color: #d22443;
    transition-duration: 400ms;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.7, 1, 0.7, 1); }
.margin-bottom-10 {
  margin-bottom: 20px !important; }

.margin-bottom-70 {
  margin-bottom: 70px !important; }

.margin-bottom-80 {
  margin-bottom: 80px !important; }


@media (max-width: 992px) {
  .md-margin-bottom-70 {
    margin-bottom: 70px !important; }
}
/*--------------------------------------------------
	[HEADING]
----------------------------------------------------*/
.heading {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 0.8rem; }
  .heading h2 {
    font-size: 0.6rem;
    font-weight: 600;
    text-align: center;
    margin-bottom: 0.3733rem;}
  .heading p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #a2a2a2; }

.heading-light {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 100px; }
  .heading-light:after {
    left: 50%;
    height: 3px;
    width: 50px;
    content: " ";
    bottom: -50px;
    margin-left: -25px;
    position: absolute;
    background: #bf5757; }
  .heading-light h2 {
    font-size: 40px;
    font-weight: 500;
    margin: 0 0 20px;
    color: #fff; }
  .heading-light p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #8693a7; }

.heading-blue {
  z-index: 1;
  position: relative;
  text-align: center;
  margin-bottom: 100px; }
  .heading-blue:after {
    left: 50%;
    height: 3px;
    width: 50px;
    content: " ";
    bottom: -50px;
    margin-left: -25px;
    position: absolute;
    background: #1b7685; }
  .heading-blue h2 {
    font-size: 40px;
    font-weight: 500;
    margin: 0 0 20px;
    color: #fff; }
  .heading-blue p {
    font-size: 16px;
    font-weight: 300;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    color: #9ddde7; }
/*--------------------------------------------------
	[FEATURES]
----------------------------------------------------*/
  .features-bg .features {
    overflow: hidden; 
	background:#fff;
	border-radius: 0.0667rem;
	}
  .features-bg .features:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	}	
 .features-bg .features h3{ 
  padding:0.1rem;
  font-size:0.4rem;
  clear: both;
  color:#3e3a39;
 }
.features-bg .features h3 a:hover {
   color: #d22443;
    text-decoration: none; 
	}
  .features-bg .features p{ 
  padding:0 0.1rem 0.3rem 0.1rem;
  font-size:0.3rem;
  color:#9fa0a0;
 }
    .features-bg .features img {
      width: 300px;
      height: auto;
      float: left;
      margin-right: 15px; }
    .features-bg .features .features-in {
      overflow: hidden; }
/*       .features-bg .features .features-in h3 {
        font-size: 0.35rem;
        font-weight: 500;
        text-transform: capitalize; } */
/*         .features-bg .features .features-in h3 a {
          color: #3f5263; }
        .features-bg .features .features-in h3 a:hover {
          color: #bf5757;
          text-decoration: none; } */
      .features-bg .features .features-in p {
		font-size: 0.25rem;  
        color: #8693a7; }

@media (max-width: 480px) {
  .features-bg .features img {
    width: 100%;
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 20px; } }
	
	
	
.section-4 {
  padding-left: 15px;
  padding-right: 15px;
}
.section-4 ul li {
  padding: 0.1rem 0;
  display: flex;
  align-items: center;
}
.section-4 ul li .img {
  width: 2rem;
}
.section-4 ul li .text {
  flex: 1;
  padding: 0.2667rem;
}
.section-4 ul li .name {
  margin-bottom: 0.1333rem;
  font-size: 0.32rem;
  font-weight: 600;
}
.section-4 ul li .desc {
  font-size: 0.3rem;
  color: #333;
}
.section-5 {
  padding-left: 3rem;
  padding-right: 3rem;
}
.section-5 .swiper-block {
  position: relative;
}
.section-5 .swiper-button-prev,
.section-5 .swiper-button-next {
  position: absolute;
  top: 50%;
  width: 1.3333rem;
  height: 1.3333rem;
  background-size: contain;
  margin-top: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  outline: none;
}
.section-5 .swiper-button-prev {
  left: -2rem;
  background-image: url(why_right.png);
}
.section-5 .swiper-button-next {
  right: -2rem;
  background-image: url(why_left.png);
}
.section-5 .swiper-slide {
  padding: 1rem 0;
}
.section-5 .swiper-slide,
.section-5 li {
  text-align: center;
}
.section-5 .card {
  margin: 0.1rem 0;
  padding: 0.4rem 0.2rem;
  min-height: 4.1333rem;
  border: 1px solid #f2f2f2;
  transition: 0.3s;
  overflow: hidden;
}
.section-5 .card:hover {
  box-shadow: 0rem 0.2rem 0.45rem #d1d3d6;
  transition: 0.3s;
}
.section-5 .card img {
  width: 1.0667rem;
  height: 1.0667rem;
}
.section-5 .name {
  margin-bottom: 0.0667rem;
  font-size: 0.32rem;
  font-weight: 600;
}
.section-5 .desc {
  font-size: 0.3rem;
}
#section6 .tabs {
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  position: relative;
  /* background: white; */
  /* padding: 50px; */
  /* padding-bottom: 80px; */
  margin-top: 20px;
  /* width: 60%; */
  border-radius: 5px;
  min-width: 240px;
}
#section6 .tabs input[name="tab-control"] {
  display: none;
}
#section6 .tabs .content section h2,
#section6 .tabs ul li label {
  font-family: "微软雅黑";
  font-weight: bold;
  font-size: 0.3rem;
  color: #d10539;
}
#section6 .tabs ul {
  width: 60%;
  margin: 0 auto;
  list-style-type: none;
  padding-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  margin-bottom: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
#section6 .tabs ul li {
  box-sizing: border-box;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  width: 20%;
  padding: 0 5px;
  text-align: center;
}
#section6 .tabs ul li label {
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  color: #888;
  padding: 5px auto;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  cursor: pointer;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  white-space: nowrap;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#section6 .tabs ul li label br {
  display: none;
}
#section6 .tabs ul li label svg {
  fill: #888;
  height: 1.2em;
  vertical-align: bottom;
  margin-right: 0.2em;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
#section6 .tabs ul li label:hover, #section6 .tabs ul li label:focus, #section6 .tabs ul li label:active {
  outline: 0;
  color: #636363;
}
#section6 .tabs ul li label:hover svg, #section6 .tabs ul li label:focus svg, #section6 .tabs ul li label:active svg {
  fill: #636363;
}
#section6 .tabs .bxdbheng{
  width: 60%;
  margin:0 auto;
}
#section6 .tabs .bxslider {
  position: relative;
  width: 20%;
  -webkit-transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
  transition: all 0.33s cubic-bezier(0.38, 0.8, 0.32, 1.07);
}
#section6 .tabs .bxslider .indicator {
  position: relative;
  width: 50px;
  max-width: 100%;
  margin: 0 auto;
  height: 4px;
  background: #d10539;
  border-radius: 1px;
}
#section6 .tabs .bxcontent {
  margin-top: 30px;
}
#section6 .tabs .bxcontent section {
  display: none;
  -webkit-animation-name: content;
          animation-name: content;
  -webkit-animation-direction: normal;
          animation-direction: normal;
  -webkit-animation-duration: 0.3s;
          animation-duration: 0.3s;
  -webkit-animation-timing-function: ease-in-out;
          animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
          animation-iteration-count: 1;
  line-height: 1.4;
}
#section6 .tabs .bxcontent section h2 {
  color: #d10539;
  display: none;
}
#section6 .tabs .bxcontent section img {
  width:100%;
}
#section6 .tabs .bxcontent section h2::after {
  content: "";
  position: relative;
  display: block;
  width: 30px;
  height: 3px;
  background: #d10539;
  margin-top: 5px;
  left: 1px;
}
#section6 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
  cursor: default;
  color: #d10539;
}
#section6 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label svg {
  fill: #d10539;
}
/* @media (max-width: 600px) {
  #section6 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    background: rgba(0, 0, 0, 0.08);
  }
} */
#section6 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .bxdbheng .bxslider {
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
#section6 .tabs input[name="tab-control"]:nth-of-type(1):checked ~ .bxcontent > section:nth-child(1) {
  display: block;
}

#section6 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
  cursor: default;
  color: #d10539;
}
#section6 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label svg {
  fill: #d10539;
}
/* @media (max-width: 600px) {
  #section6 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    background: rgba(0, 0, 0, 0.08);
  }
} */
#section6 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .bxdbheng .bxslider {
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
#section6 .tabs input[name="tab-control"]:nth-of-type(2):checked ~ .bxcontent > section:nth-child(2) {
  display: block;
}

#section6 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
  cursor: default;
  color: #d10539;
}
#section6 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label svg {
  fill: #d10539;
}
/* @media (max-width: 600px) {
  #section6 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    background: rgba(0, 0, 0, 0.08);
  }
} */
#section6 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .bxdbheng .bxslider {
  -webkit-transform: translateX(200%);
          transform: translateX(200%);
}
#section6 .tabs input[name="tab-control"]:nth-of-type(3):checked ~ .bxcontent > section:nth-child(3) {
  display: block;
}

#section6 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
  cursor: default;
  color: #d10539;
}
#section6 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label svg {
  fill: #d10539;
}
/* @media (max-width: 600px) {
  #section6 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ ul > li:nth-child(4) > label {
    background: rgba(0, 0, 0, 0.08);
  }
} */
#section6 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ .bxdbheng .bxslider {
  -webkit-transform: translateX(300%);
          transform: translateX(300%);
}
#section6 .tabs input[name="tab-control"]:nth-of-type(4):checked ~ .bxcontent > section:nth-child(4) {
  display: block;
}
#section6 .tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
  cursor: default;
  color: #d10539;
}
#section6 .tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label svg {
  fill: #d10539;
}
/* @media (max-width: 600px) {
  #section6 .tabs input[name="tab-control"]:nth-of-type(5):checked ~ ul > li:nth-child(5) > label {
    background: rgba(0, 0, 0, 0.08);
  }
} */
#section6 .tabs input[name="tab-control"]:nth-of-type(5):checked ~ .bxdbheng .bxslider {
  -webkit-transform: translateX(400%);
          transform: translateX(400%);
}
#section6 .tabs input[name="tab-control"]:nth-of-type(5):checked ~ .bxcontent > section:nth-child(5) {
  display: block;
}


@-webkit-keyframes content {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@keyframes content {
  from {
    opacity: 0;
    -webkit-transform: translateY(5%);
            transform: translateY(5%);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}

@media (min-width: 1280px) {
 .container, .section {width:1280px; margin:0 auto;}

}


@media (max-width: 1000px) {
  #section6 .tabs ul li label {
    white-space: initial;
  }
  #section6 .tabs ul li label br {
    display: initial;
  }
  #section6 .tabs ul li label svg {
    height: 1.5em;
  }
}
@media (max-width: 600px) {
  #section6 .tabs ul {
	width: 100%;
  }
  #section6 .tabs .bxdbheng {
    width: 100%;
  }
  #section6 .tabs ul li label {
    padding: 5px;
    border-radius: 5px;
  }
  #section6 .tabs .bxcontent {
    margin-top: 20px;
  }
  #section6 .tabs .bxcontent section h2 {
    display: block;
  }
}
.section-6 {
  position: relative;
  /* background: url(feedback_bg.png) center center no-repeat; */
  background-size: 10.6667rem 10.6667rem;
  background-color: #fff;
}
.section-6 .swiper-container {
  padding: 0 0 1.2rem;
}
.section-6 .swiper-pagination-bullet {
  width: 0.2rem;
  height: 0.2rem;
  background: #d22443;
  opacity: 1;
}
/*.section-6 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 .5rem;}*/
.section-6 .swiper-pagination-bullet-active {
  background: #303962;
}
.section-6 .right {
  position: absolute;
  left: 66%;
  top: 4.8rem;
}
.section-6 .right h1 {
  font-size: 1.2533rem;
  font-weight: 600;
}
.section-6 .iphone {
  position: relative;
  width: 5.92rem;
  height: 11.8133rem;
  padding: 0.3333rem 0.3867rem 0.3333rem;
  margin: 0.7rem auto 0.8rem;
}
.section-6 .phone-body {
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  width: 5.92rem;
  height: 11.8133rem;
  background: url(phone.png) center center no-repeat;
  background-size: contain;
  pointer-events: none;
}
.section-6 .swiper-slide {
  text-align: center;
}
.section-7 ul {
  padding-top: 0.2667rem;
}
.section-7 ul li {
  position: relative;
  text-align: center;
  padding: 0.2667rem 0;
}
.section-7 ul li:after {
  content: '';
  position: absolute;
  top: 0.55rem;
  right: -0.1rem;
  width: 0.32rem;
  height: 0.56rem;
  background: url(step.png) center no-repeat;
  background-size: contain;
}
.section-7 ul li:nth-last-child(1):after {
  content: normal;
}
.section-7 ul li img {
  width: 1.2rem;
  height: 1.2rem;
}
.section-7 ul li .name {
  margin-top: 0.15333rem;
  font-size: 0.4rem;
}
.section-8 {
  background: url(web_bg.jpg) no-repeat center;
  background-size: cover;
  color: #fff;
  padding: 1rem 0;
}
.section-8 .title {
  color: #fff;
  font-size: 0.8rem;
}
.section-8 .subtitle {
  color: #fff;
  font-size: 0.4rem;
}
.section-8 ul {
  padding: 0.5rem 1.6rem;
}
.section-8 ul li {
  padding: 0.15rem 0.4rem 0.55rem;
  position: relative;
}
.section-8 .inner {
  display: flex;
  border-radius: 0.0667rem;
  overflow: hidden;
}
.section-8 input {
  flex: 1;
  font-size: 0.3rem;
  background: #fff;
  width: 100%;
  padding: 0.2rem 0.2rem;
  border-radius: 1;
}
.section-8 .tips {
  padding-left: 0.5rem;
  color: #FFF;
  font-size: 0.25rem;
  position: absolute;
  bottom: 0.1rem;
  left: 0.4rem;
}
.section-8 .tips:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  background: url(warn.png) center no-repeat;
  background-size: contain;
}
.container2 .inner {
  display: flex;
  border-radius: 0.0667rem;
  overflow: hidden;
  border:1px solid #eee;
  width:100%
}
.container2 input {
  flex: 1;
  font-size: 0.3rem;
  background: #fff;
  width: 100%;
  padding: 0.2rem 0.2rem;
  border-radius: 1;
}
.container2 .tips {
  padding-left: 0.5rem;
  color: #FFF;
  font-size: 0.25rem;
  position: absolute;
  bottom: 0.1rem;
  left: 0.4rem;
}
.container2 .tips:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 100%;
  background: url(warn.png) center no-repeat;
  background-size: contain;
}
.container2 .btn-submit {
  font-size: 0.48rem;
  padding: 0.12rem 1.5rem;
  border-radius: 0.0667rem;
  background: #d22443;
  border-color: #ea274a;
  color: #fff;
}
.section-8 .action {
  text-align: center;
}
.section-8 .btn-vcode {
  flex: none;
  color: #d22443;
  border-radius: 0;
  background: #fff;
}
.section-8 .btn-submit {
  font-size: 0.48rem;
  padding: 0.12rem 1.5rem;
  border-radius: 0.0667rem;
  background: #d22443;
  border-color: #ea274a;
  color: #fff;
}
.section-9 {
  font-size: 0.35rem;
  padding: 0.6rem 0 0.3rem 0;
  background: #222347;
  color: #fff;
}
.section-9 .about-us{  margin: 0.3rem 0 0.5rem 0; padding-right: 1rem;}
.section-9 .contact{  margin: 0.3rem 0 0.5rem 0; padding-left: 1rem;}
.section-9 .about-us p ,.section-9.content p{
  font-size: 0.25rem;	
  line-height: 0.5rem;
}
/* .section-9 .contact {
  border-left: 1px solid #62637c;
} */
.section-9 .title {
  font-size: 0.45rem;
  text-align: left;
  font-weight: 400;
  margin-bottom: 0.2rem;
}
.section-9 .contact .content{
  font-size: 0.25rem;	
}
.section-9 .contact p{
  line-height: 0.5rem;
}
.copyright {
  text-align: center;
  padding-top: 0.2667rem;
  color: #9293a9;
  font-size: 0.3rem;
}
.copyright a{ 
  color: #9293a9;
}
.copyright a:hover{ 
  color: #fff;
}
.headroom {
  will-change: transform;
  transition: -webkit-transform 0.25s ease-in-out 0s;
  transition: transform 0.25s ease-in-out 0s;
  transition: transform 0.25s ease-in-out 0s, -webkit-transform 0.25s ease-in-out 0s;
}
.footer-nav {
  position: fixed;
  z-index: 10;
  right: 0;
  left: 0;
  bottom: 0;
  background: #fff;
  border-top: 1px solid #f2f2f2;
}
.footer-nav ul {
  height: 1.4rem;
}
.footer-nav ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  padding: 0;
}
.footer-nav ul li .inner {
  text-align: center;
}
.footer-nav ul li .icon {
  height: 0.8rem;
}
.footer-nav .btn-message {
  background: #303962;
  text-align: center;
  font-size: 0.4rem;
}
.footer-nav .btn-message a {
  color: #fff;
  text-decoration: none;
}
.copyright{
  font-size: 0.25rem;
}
.footer-nav.pinned {
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.footer-nav.unpinned {
  -webkit-transform: translateY(100%);
          transform: translateY(100%);
}
.modal-form-res .message {
  text-align: center;
  padding: 0.5rem 0 0.2rem 0;
}
.modal-form-res .message .title {
  font-size: 0.45rem;
  color: #303962;
  padding: 0.2rem 0;
}
.modal-form-res .message .sub-title {
  font-size: 0.35rem;
}
.modal-form-res .icon {
  height: 60px;
  width: 60px;
  background: #c3d9ff;
  border-radius: 50%;
}
#udesk_panel {
  right: 0 !important;
}
#udesk_btn a {
  margin: 0 !important;
}
@media (max-width: 768px),(max-width: 940px) {
	
	
	
.section-1{margin-top:50px;}
  .section .subtitle {
    font-size: 0.4rem;
  }
  .navbar-new {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 0.4rem 0;
    background: none;
    border-bottom: none;
  }
  .header {
    position: relative;
    height: 9.6133rem;
    background: linear-gradient(to right, #303962, #404d85);
  }
  .header:before {
    content: normal;
  }
  .header .left {
	width: 100%;
	float:none;
    z-index: 3;
    position: relative;
    padding: 3rem 0 0;
    color: #FFF;
    text-align: center;
  }
  .header .left .button {
    margin: auto;
  }
  .section-1 .row {
    display: block;
  }
  .section-1 .left {
    text-align: center;
  }
  .section-1 ul {
    margin: 0 auto 0;
  }
/*   .section-1 ul li:nth-child(3) {
    font-size: 0.4rem;
    line-height: 0.6rem;
    color: #000;
  } */
  .section-2 .subtitle {
    line-height: 0.6rem;
  }
  .section-2 ul li {
    min-height: 0;
  }
  .section-3 .row {
    display: block;
  }
  .section-4 .bxwrapper{
	  
    padding-left: 0.4rem;
    padding-right: 0.4rem;
  }

/*   .section-4 ul li .name {
    font-size: 0.4rem;
  } */
  .section-4 ul li .desc {
    font-size: 0.3rem;
    color: #000;
  }
  .section-5 {
    padding-left: 0;
    padding-right: 0;
  }
  .section-5 .col-xs-6 {
    padding: 0;
  }
  .section-5 ul {
    margin-top: 0.5rem;
  }
  .section-5 .card {
    padding: 0.4rem 0.2rem;
    margin: 0.2rem;
    color: #333;
  }
/*   .section-7 ul li .name {
    font-size: 0.4rem;
  } */
  .section-8 .title {
    font-size: 0.54rem;
  }
  .section-8 .subtitle {
    font-size: 0.34rem;
  }
  .section-8 ul {
    padding: 0.5rem 0.5rem;
  }
  .section-8 input {
    font-size: 0.45rem;
    font-weight: 400;
  }
  .section-8 .btn-submit {
    padding: 0.2rem 2rem;
  }
  .section-8 .tips {
    font-size: 0.3rem;
    font-weight: 600;
  }
  #udesk_btn a {
    bottom: 1.2rem !important;
  }
  
.bxwrapper {
    height:6rem;
}
.bxleft-side {
    height:6rem;
    width: 20%;}  
.bxright-side {
    height:6rem;
    width: 80%;}
.bxright-side .bxfirst, .bxright-side .bxsecond, .bxright-side .bxthird, .bxright-side .bxfourth {
height: 6rem;
margin-top: -6rem;
}	
.bxfirst ul li, .bxsecond ul li {
    width: 24%;
    min-width:0; 
    float: left;
    margin: 0 3.6666%;
}
.bxfirst, .bxfirst ul, .bxsecond ul, .bxthird ul, .bxfourth ul {
    display: block;
    width: 100%;
} 
.bxwrapper .bxleft-side ul h2{
	font-size: 0.6rem !important;
	position: absolute; 
    z-index:2;    
    top: 10.8rem;
    text-align: center;
    width: 93%;
	font-size: 0.6rem;
}
.bxright-side h2{text-align: center;}
.bxleft-side li{font-size:0.3rem}
.bxthird ul li, .bxfourth ul li {
 min-width:0;

} 
.bxleft-side ul li {
	width:61px;
	padding:5px;
	overflow:hidden;text-overflow:ellipsis;
    line-height: 30px;
    height: 30px;
}
.bxleft-side ul li.active {
	width:75px;
	font-size: 0.4rem;
    padding: 0 20px 0 5px;
	color:#d80437;
	    line-height: 30px;
    height: 30px;
	font-weight:bold;
	background:none;
	overflow:hidden;text-overflow:ellipsis;
	}
.w1280 {
   width:100%;

}
.section-1,.section-2,.section-3,.section-4,.section-6,.section-9{padding:0;}
.pic{padding-top:15px;}
.section-9 .about-us {
    padding-right:0;
}
.section-9 .contact {
    border-left: none;
    padding-left: 15px;
}
.detail .col-sm-8{padding-left: 0;}
.col-sm-5t {
    width: 100%;
    padding-left:0;
}
.features-bg .features img {
    width: 100%;
}
.inner p{font-size: 0.4rem;}