.carousel {
  width: 100%;
  position: relative;
}
.carousel .banner-content {
  top: 5% !important;
  background-color: transparent;
}
.carousel .banner-content h1 {
  color: #fff;
  padding-bottom: 2%;
  font-size: 48px\0;
  font-family: 'Lantinghei SC';
}
.carousel .banner-content p {
  color: #fff;
  font-family: 'Lantinghei SC';
}
.carousel .banner-content ul li {
  font-size: 20px;
  color: #fff;
  position: relative;
  display: inline-block !important;
  padding: 0 0.8%;
}
.carousel .banner-content ul li:before {
  content: "";
  display: table;
  height: 6px;
  width: 6px;
  background: #fff;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 40%;
}
.carousel .banner-content .banner-img {
  position: relative;
  padding-top: 2%;
}
.carousel .banner-content .banner-img img {
  display: inline-block !important;
}
.carousel .banner-content .banner-img img.mac {
  width: 25%;
}
.carousel .banner-content .banner-img img.phone {
  position: absolute;
  bottom: 0;
  right: 33%;
  width: 8.5%;
}
.carousel .banner-content .banner-img img.code_img {
  width: 11%;
}
.carousel .banner-content .banner-img .btn_show {
  padding: 0.5rem 3.5rem;
  padding: 8px 56px\9;
  background: #22addd;
  border: 1px solid #22addd;
  border-radius: 5px;
  color: #fff;
  font-size: 20px;
  display: inline-block;
}
.carousel .banner2 {
  padding-top: 3.5%;
}
.carousel .banner3 {
  padding-top: 6%;
}
.carousel .banner4 {
  padding-top: 6%;
}
.carousel .banner4 img {
  height: 170px;
}
.carousel .banner4 .logo-big {
  height: 220px;
}

.product .produt-content .produt-img {
  position: relative;
  min-height: 320px;
}
.product .produt-content .produt-img img {
  position: absolute;
}
.product .produt-content .produt-img img.img1 {
  width: 100%;
  height: 100%;
}
.product .produt-content .produt-img img.img2 {
  height: 85%;
  width: 54%;
  left: 3.5%;
  top: 5%;
}
.product .produt-content .produt-img img.img3 {
  height: 275px;
  width: 58%;
  top: 4%;
  left: 22%;
}
.product .produt-content .produt-img img.img4 {
  left: 35%;
  top: 26%;
  width: 45%;
}
.product .produt-content .guanjia-img {
  padding-left: 20%;
}
.product .produt-content .guanjia-img .hand_phone {
  width: 32%;
}
.product .produt-content .guanjia-img .erweima {
  width: 27%;
  left: 40%;
  top: 29%;
}
.product .produt-content .sudi_img .order {
  width: 27%;
  left: 40%;
  top: 10%;
}
.product .produt-content .produt-info {
  padding-top: 0rem;
  padding-top: 48px\9;
}
.product .produt-content .produt-info h2 {
  font-size: 32px;
  color: #fff;
}
.product .produt-content .produt-info p {
  font-size: 16px;
  color: #fff;
  padding: 2rem 0 2.7rem 0;
  padding: 32px 0 7.29px 0\9;
}
.product .produt-content .produt-info a {
  border-radius: 30px;
  background-color: #fff;
  color: #169efd;
  font-size: 16px;
  width: 140px;
  height: 40px;
  text-align: center;
  display: inline-block;
  line-height: 40px;
}

.serve .ser-wrapp {
  padding-top: 2rem;
  padding-top: 32px\9;
  padding-left: 10%;
}
.serve .ser-wrapp .title {
  margin-bottom: 0;
  margin-left: 7%;
}
.serve .ser-wrapp .title:after {
  margin: 0;
}
.serve .ser-wrapp .ser-text {
  padding: 1.875rem;
  padding: 30px\9;
  background-color: rgba(230, 230, 230, 0.4);
}
.serve .ser-wrapp .ser-text p {
  font-size: 16px;
  color: #555;
}
.serve .ser-wrapp .ser-text p:last-child {
  margin-top: 8%;
}

.partner_list {
  width: 85%;
  margin: 0 auto;
}

.partner .title {
  margin-bottom: 2rem;
  margin-bottom: 32px\9;
}
.partner .carousel .carousel-inner .item {
  padding-top: 10px;
  padding-left: 10px;
}
.partner .carousel .carousel-inner .item ul {
  margin: 0;
}
.partner .carousel .carousel-inner .item ul li {
  position: relative;
  cursor: pointer;
  height: 110px;
  width: 18%;
  width: 18% \0;
  float: left;
  margin: 0 2% 2% 0;
}
.partner .carousel .carousel-inner .item ul li:hover .brand_gray {
  opacity: 0;
}
.partner .carousel .carousel-inner .item ul li:hover.brand_img {
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  -ms-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  -o-box-shadow: 0 1px 7px rgba(0, 0, 0, 0.3);
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=7,\a 								Direction=192, Color='#cccccc')";
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=7,Direction=192,Color='#cccccc');
  zoom: 1;
}
.partner .carousel .carousel-inner .item ul li img {
  width: 100%;
  height: 110px;
  clear: both;
}
.partner .carousel .carousel-inner .item ul li img.brand_img {
  position: absolute;
  z-index: 1;
  box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1);
}
.partner .carousel .carousel-inner .item ul li img.brand_gray {
  position: absolute;
  z-index: 2;
  -webkit-transition: all 0.8s ease;
          transition: all 0.8s ease;
  opacity: 1;
}
.partner .carousel .carousel-inner .item ul li:last-child {
  padding-right: 0;
}
.partner .carousel .carousel-control.left {
  background-image: inherit;
  -webkit-filter: none;
          filter: none;
  top: 35%;
  left: -8%;
}
.partner .carousel .carousel-control.right {
  background-image: inherit;
  -webkit-filter: none;
          filter: none;
  top: 35%;
  right: -7%;
}

.row_wrapp {
  padding: 35px 16px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border: 1px solid #ccc\9;
  margin-bottom: 10%;
  transition: All 0.6s ease-in-out;
  -webkit-transition: All 0.6s ease-in-out;
  -moz-transition: All 0.6s ease-in-out;
  -o-transition: All 0.6s ease-in-out;
}
.row_wrapp:hover {
  box-shadow: none;
  transform: translate(0, -10px);
  -webkit-transform: translate(0, -10px);
  -moz-transform: translate(0, -10px);
  -o-transform: translate(0, -10px);
  -ms-transform: translate(0, -10px);
  box-shadow: 0px 5px 15px #e5e5e5;
}

.row_wrapp img {
  width: 100%;
  min-height: 208px;
}

.row_wrapp .rarr {
  font-size: 16px;
  color: #fff;
  background-color: #01bbec;
  display: inline-block;
  width: 210px;
  height: 42px;
  line-height: 42px;
  border-radius: 20px;
  margin-top: 20px;
}

.row_wrapp a i {
  display: inline-block;
  font-size: 18px;
  vertical-align: middle;
}

.row_wrapp h2 {
  font-size: 24px;
  color: #01bbec;
  margin-bottom: 30px;
  font-family: 'Lantinghei SC';
}

.carousel-control {
  left: 0;
  width: 52px;
  height: 150px;
  opacity: 0.4;
  filter: alpha(opacity=40) !important;
  border-radius: 0;
  border: none;
  line-height: 140px;
}

.carousel-control.right {
  right: 0;
}

.about {
  position: relative;
}
.about .about-wrapp {
  padding-top: 15%;
}
.about .about-wrapp .title {
  margin-bottom: 0;
}
.about .about-wrapp .about-info {
  font-size: 16px;
  margin-bottom: 3.75rem;
  margin-bottom: 60px\9;
  padding-top: 1rem;
  padding-top: 16px\9;
}
.about .about-list {
  margin-top: 5%;
}
.about .about-list ul li {
  cursor: crosshair;
  margin-left: 0.5rem;
  margin-bottom: 0.2rem;
  margin-left: 8px\9;
  margin-bottom: 3.2px\9;
  position: relative;
  display: inline-block;
  width: 49%;
  height: 100%;
  float: left;
  max-height: 17.5rem;
  max-height: 280px\9;
  overflow: hidden;
}
.about .about-list ul li:first-child {
  margin-left: 0px;
}
.about .about-list ul li:hover img {
  -webkit-transform: scale(1.4);
      -ms-transform: scale(1.4);
          transform: scale(1.4);
}
.about .about-list ul li img {
  height: auto;
  max-width: 100%;
  -webkit-transition: all 0.6s;
          transition: all 0.6s;
}

@media (max-width: 480px) {
  .about .about-list ul li {
    width: 100%;
  }
}
.new-wrapp > ul {
  padding-left: 30px;
  margin-bottom: 1.875rem;
  margin-bottom: 30px\9;
}

.new-wrapp .nav-tabs {
  border-bottom: none;
}

.new-wrapp .nav-tabs > li {
  padding-right: 1.25rem;
  padding-right: 20px\9;
}

.new-wrapp .nav-tabs > li > a {
  border: none;
  font-size: 14px;
  color: #666 !important;
  padding: 6px 20px;
}

.new-wrapp .nav-tabs > li > a:hover {
  color: #fff !important;
  background-color: #01bbec;
  border: 1px solid #01bbec;
}

.new-wrapp .nav-tabs > li > a {
  border-radius: 30px;
  border: 1px solid #666;
}

.new-wrapp .nav-tabs > li.active > a, .new-wrapp .nav-tabs > li.active > a:hover,
.new-wrapp .nav-tabs > li.active > a:focus {
  color: #fff !important;
  background-color: #01bbec !important;
  border: 1px solid #01bbec;
}

.new-wrapp .new-content .new-img {
  position: relative;
  width: 100%;
  margin-bottom: 1.875rem;
  margin-bottom: 30px\9;
  overflow: hidden;
}
.new-wrapp .new-content .new-img:hover .new-text {
  opacity: 1;
  bottom: 0;
  display: block\9;
}
.new-wrapp .new-content .new-img img {
  width: 100%;
  min-height: 15.5rem;
  min-height: 248px;
}
.new-wrapp .new-content .new-img .new-time {
  text-align: center;
  position: absolute;
  width: 14%;
  background-color: #01bbec;
  padding: 0.375rem;
  padding: 6px\9;
  z-index: 1;
}
.new-wrapp .new-content .new-img .new-time span {
  font-size: 42px;
  color: #fff;
  display: block;
}
.new-wrapp .new-content .new-img .new-time em {
  font-size: 14px;
  color: #fff;
  display: block;
}
.new-wrapp .new-content .new-img .new-text {
  opacity: 0;
  display: none\9;
  transition: all 0.5s ease;
  -webkit-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  position: absolute;
  bottom: -20%;
  width: 100%;
  background-color: rgba(255, 255, 255, 0.7);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2ffffff,endColorstr=#B2ffffff);
  padding: 0.625rem 1.25rem;
  padding: 10px 20px\9;
}
.new-wrapp .new-content .new-img .new-text p {
  font-size: 24px;
  color: #333;
  margin: 0;
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-wrapp .new-content .new-detail {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.new-wrapp .new-list ul li a {
  position: relative;
  display: inline-block;
  width: 100%;
  padding: 1.25rem 0;
  padding: 20px 0\9;
  border-bottom: 1px dotted #d9d9d9;
}
.new-wrapp .new-list ul li a:hover span {
  color: #01bbec;
}
.new-wrapp .new-list ul li a:hover em {
  color: #01bbec;
}
.new-wrapp .new-list ul li a:hover:before {
  border: 1px solid #01bbec;
  background-color: #01bbec;
}
.new-wrapp .new-list ul li a:before {
  content: "";
  display: table;
  height: 12px;
  width: 12px;
  border: 1px solid #d9d9d9;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 40%;
}
.new-wrapp .new-list ul li a span {
  padding-left: 1.5rem;
  padding-left: 24px\9;
  font-size: 18px;
  color: #333;
}
.new-wrapp .new-list ul li a em {
  font-size: 14px;
  color: #999;
}

.more-detail {
  padding-top: 1.5rem;
  padding-top: 24px\9;
}
.more-detail .more_news {
  font-size: 16px;
  color: #999;
}
.more-detail .more_news:hover i {
  -ms-transform: translate(5px);
      transform: translate(5px);
  -webkit-transform: translate(5px);
  -o-transform: translate(5px);
  -moz-transform: translate(5px);
  -webkit-transition: all 0.6s ease;
          transition: all 0.6s ease;
}
.more-detail .more_news i {
  font-size: 16px;
  margin-left: 8px;
  vertical-align: middle;
  -webkit-transform: translate(0px);
  -ms-transform: translate(0px);
  transform: translate(0px);
  -webkit-transition: all 0.6s ease;
  transition: all 0.6s ease;
  display: inline-block;
}
.more-detail .more_news:hover {
  color: #01bbec;
}
.more-detail .more {
  text-align: center;
  width: 8rem;
  height: 2.5rem;
  width: 128px\9;
  height: 40px\9;
  display: inline-block;
  color: #01bbec;
  border: 1px solid #01bbec;
  line-height: 2.5rem;
  line-height: 40px\9;
  position: relative;
  z-index: 0;
  border-radius: 20px;
}

.more-white {
  padding: 0;
}
.more-white .more {
  color: #fff;
  border: 1px solid #fff;
  background-color: initial;
  position: relative;
  z-index: 0;
}

.map {
  position: relative;
}
.map .map_address {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.map .map_address i {
  cursor: pointer;
  position: absolute;
  color: #08adf1;
  font-size: 20px;
  bottom: 90%;
}
.map .map_address i:hover {
  color: #ee5353;
  -ms-transform: translateY(-3px);
      transform: translateY(-3px);
  -o-transform: translateY(-3px);
  -webkit-transform: translateY(-3px);
  font-size: 26px;
}
.map .map_address i.active {
  color: #ee5353;
  font-size: 26px;
}
.map .map_address i.zhuhai {
  bottom: 10%;
  right: 29%;
}
.map .map_address i.zhongshan {
  bottom: 13%;
  right: 27%;
}
.map .map_address i.jiangmen {
  bottom: 14%;
  right: 23%;
}
.map .map_address i.dongguan {
  bottom: 18%;
  right: 20%;
}
.map .map_address i.foshan {
  bottom: 17%;
  right: 25%;
}
.map .map_address i.changsha {
  bottom: 23%;
  right: 28%;
}
.map .map_address i.fuzhou {
  bottom: 25%;
  right: 16%;
}
.map .map_address i.nanning {
  bottom: 15%;
  right: 36%;
}
.map .map_address i.changde {
  bottom: 28%;
  right: 32%;
}
.map .map_address i.chongqin {
  bottom: 32%;
  right: 38%;
}
.map .map_address i.yiyang {
  bottom: 29%;
  right: 28%;
}
.map .map_address i.hangzhou {
  bottom: 33%;
  right: 13%;
}
.map .map_address i.wuxi {
  bottom: 44%;
  right: 17%;
}
.map .map_address i.xining {
  bottom: 47%;
  right: 60%;
}
.map .map_address i.lanzhou {
  bottom: 60%;
  right: 59%;
}

.about-page {
  width: 100%;
  background: url(../../images/about.jpg) fixed 50% 50% no-repeat;
  background-size: cover;
}

/*# sourceMappingURL=index.css.map */