.navbar-default .navbar-nav > li > a {
  color: #fff !important;
}
.navtitle {
  background-color: #000;
  width: 100%;
}
.navtitle nav {
  width: 75%;
  margin: 0 auto;
  background-color: #000;
  border: 0;
}
.navtitle nav .navbar-brand {
  padding: 5px;
}
.navtitle nav li {
  padding: 0px 5px;
}
.particles {
  width: 100%;
  height: 450px;
  position: relative;
}
.particles .msg {
  width: 100%;
  height: 450px;
}
.particles .msg img {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 2;
}
.particles #particles-js {
  width: 100%;
  height: 450px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
}
#products {
  width: 100%;
  height: 100%;
}
#products #tabs {
  width: 100%;
  height: 100px;
  background-color: #e7eded;
  position: relative;
}
#products #tabs li {
  cursor: pointer;
  display: block;
  float: left;
  font-size: 20px;
}
#products #tabs li a {
  text-decoration: none;
  color: #333;
}
#products #tabs #tab1 {
  position: absolute;
  left: 41%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#products #tabs #tab2 {
  position: absolute;
  left: 49%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#products #tabs #tab3 {
  position: absolute;
  left: 57%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#products .bi {
  margin-top: 35px;
  width: 100%;
}
#products .bi .bititle {
  width: 70%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
}
#products .bi .bititle h2 {
  display: block;
  margin-bottom: 20px;
}
#products .bi .bititle i {
  font-style: normal;
  height: 20px;
  line-height: 26px;
}
#products .bi .bititle img {
  margin-top: 30px;
  width: 30%;
}
#products .bi .problem {
  width: 100%;
}
#products .bi .problem img {
  margin-top: 15px;
  width: 100%;
}
#products .bi .advantage {
  margin-top: 35px;
  width: 100%;
}
#products .bi .bititle2 {
  width: 70%;
  text-align: center;
  margin: 0 auto;
}
#products .bi .bititle2 h2 {
  display: block;
  margin-bottom: 20px;
}
#products .bi .bititle2 i {
  font-style: normal;
  height: 20px;
  line-height: 26px;
}
#products .bi .bititle2 img {
  margin-top: 30px;
  width: 30%;
}
#products .bi .miedas {
  width: 36%;
  margin: 0 auto;
}
#products .bi .miedas .media {
  margin-top: 40px;
}
#products .bi .miedas .media span {
  display: block;
  width: 50px;
  margin-left: 20px;
  font-size: 35px;
}
#products .bi .miedas .media h4 {
  display: block;
}
#products .bi .miedas .media p {
  display: block;
  width: 420px;
}
#products .Sensitive {
  width: 100%;
  text-align: center;
  margin-top: 40px;
}
#products .Sensitive h2 {
  display: block;
  margin-bottom: 8px;
}
#products .Sensitive i {
  font-style: normal;
  height: 20px;
  line-height: 26px;
}
#products .Sensitive .shop {
  margin-top: 25px;
  width: 100%;
}
#products .Sensitive .shop .shop-title {
  color: #000;
  font-size: 26px;
  text-align: center;
  margin: 32px 0;
}
#products .Sensitive .shop .shopContent {
  width: 50%;
  margin: 0 auto;
}
#products .Sensitive .shop .shopContent .productIntroduce {
  width: 100%;
  height: 100%;
}
#products .Sensitive .shop .shopContent .productIntroduce li {
  width: 32%;
  height: 100%;
  margin-right: 5px;
  border: 1px solid #e6e6e6;
  float: left;
}
#products .Sensitive .shop .shopContent .productIntroduce li .li-head {
  padding-top: 25px;
  background-color: #00a0e9;
  padding-bottom: 25px;
}
#products .Sensitive .shop .shopContent .productIntroduce li .li-body {
  background-color: #fff;
  margin: 20px 15px 20px 13px;
  padding-top: 10px;
  padding-bottom: 15px;
}
#products .Sensitive .shop .shopContent .productIntroduce li .li-body h4 {
  margin-bottom: 9px;
}
#products .Sensitive .shop .shopContent .productIntroduce li .li-body p {
  color: #7c7c7d;
}
#products .Sensitive .banner {
  width: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
}
#products .Sensitive .banner img {
  width: 100%;
}
#products .Sensitive .universeimg {
  width: 100%;
  height: 400px;
  margin-bottom: 70px;
  position: relative;
}
#products .Sensitive .universeimg .ubig {
  position: absolute;
  left: 35%;
  top: 50%;
  transform: translate(-50%, -50%);
}
#products .Sensitive .universeimg .ubig .ubig1 {
  width: 400px;
  height: 400px;
  border-radius: 200px;
  border: 1px dashed #626262;
  background-color: #fff;
  position: relative;
}
#products .Sensitive .universeimg .ubig h5 {
  text-align: center;
  color: #fff;
}
#products .Sensitive .universeimg .ubig .ubig1-on,
#products .Sensitive .universeimg .ubig .ubig1-tw,
#products .Sensitive .universeimg .ubig .ubig1-th {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background-color: #e88823;
}
#products .Sensitive .universeimg .ubig .ubig1-on h5,
#products .Sensitive .universeimg .ubig .ubig1-tw h5,
#products .Sensitive .universeimg .ubig .ubig1-th h5 {
  margin-top: 24%;
}
#products .Sensitive .universeimg .ubig .ubig1-on {
  position: absolute;
  top: -1%;
  left: 69%;
}
#products .Sensitive .universeimg .ubig .ubig1-tw {
  position: absolute;
  top: 85%;
  left: 57%;
}
#products .Sensitive .universeimg .ubig .ubig1-th {
  position: absolute;
  top: 38%;
  left: -9%;
}
#products .Sensitive .universeimg .ubig .ubig2 {
  width: 270px;
  height: 270px;
  border-radius: 135px;
  border: 1px dashed #626262;
  position: absolute;
  top: 16%;
  left: 16%;
}
#products .Sensitive .universeimg .ubig .ubig2 .ubig2-on,
#products .Sensitive .universeimg .ubig .ubig2 .ubig2-tw,
#products .Sensitive .universeimg .ubig .ubig2 .ubig2-th {
  width: 60px;
  height: 60px;
  border-radius: 30px;
  background-color: #2c9e49;
}
#products .Sensitive .universeimg .ubig .ubig2 .ubig2-on h5,
#products .Sensitive .universeimg .ubig .ubig2 .ubig2-tw h5,
#products .Sensitive .universeimg .ubig .ubig2 .ubig2-th h5 {
  margin-top: 37%;
}
#products .Sensitive .universeimg .ubig .ubig2 .ubig2-on {
  position: absolute;
  top: 36%;
  left: 90%;
}
#products .Sensitive .universeimg .ubig .ubig2 .ubig2-tw {
  position: absolute;
  top: -6%;
  left: 26%;
}
#products .Sensitive .universeimg .ubig .ubig2 .ubig2-th {
  position: absolute;
  top: 74%;
  left: 6%;
}
#products .Sensitive .universeimg .ubig .ubig2 .ubig3 {
  width: 100px;
  height: 100px;
  border-radius: 50px;
  background-color: #a1d6ef;
  position: absolute;
  top: 34%;
  left: 34%;
}
#products .Sensitive .universeimg .ubig .ubig2 .ubig3 .ubig4 {
  width: 80px;
  height: 80px;
  border-radius: 40px;
  background-color: #00a0e9;
  position: absolute;
  top: 10%;
  left: 10%;
}
#products .Sensitive .universeimg .ubig .ubig2 .ubig3 .ubig4 h5 {
  margin-top: 28%;
}
#products .Sensitive .txt {
  position: absolute;
  right: 9%;
  top: 50%;
  transform: translate(120%, -40%);
}
#products .Sensitive .txt h3 {
  text-align: left;
  margin-bottom: 10px;
}
#products .Sensitive .txt p {
  text-align: left;
}
#products .mdb {
  width: 100%;
}
#products .mdb .mhead {
  width: 70%;
  text-align: center;
  margin: 0 auto;
  margin-bottom: 20px;
}
#products .mdb .mhead h2 {
  margin-top: 30px;
  display: block;
  margin-bottom: 20px;
}
#products .mdb .mhead i {
  font-style: normal;
  height: 40px;
  display: block;
  margin-bottom: 45px;
}
#products .mdb .mhead img {
  width: 78%;
  display: block;
  margin: 0 auto;
  margin-bottom: 30px;
}
#products .mdb .mhead p {
  display: block;
  float: left;
}
#products .mdb .bgimg {
  width: 100%;
  position: relative;
}
#products .mdb .bgimg img {
  width: 100%;
}
#products .mdb .img2 {
  width: 100%;
}
#products .mdb .img2 img {
  width: 40%;
  position: absolute;
  left: 50%;
  top: 66%;
  transform: translate(-50%, -50%);
}
#products .mdb .shop {
  margin-top: 55px;
  margin-bottom: 55px;
  width: 100%;
  height: 393px;
  position: relative;
}
#products .mdb .shop .shop-title {
  color: #000;
  font-size: 26px;
  text-align: center;
  margin: 32px 0;
}
#products .mdb .shop .shopContent {
  position: absolute;
  left: 41%;
  top: 50%;
  transform: translate(-34%, -50%);
  margin: 0 auto;
}
#products .mdb .shop .shopContent .col-lg-2,
#products .mdb .shop .shopContent .col-md-12 {
  padding-right: 0;
  padding-left: 0;
}
#products .mdb .shop .shopContent .none {
  margin-right: 0;
}
#products .mdb .shop .shopContent li {
  margin-right: 1px;
  float: left;
  width: 32%;
  min-height: 220px;
  background-color: #eeeeed;
}
#products .mdb .shop .shopContent li .li-head {
  padding-top: 10px;
  background-color: #00a0e9;
  padding-bottom: 1px;
  color: #fff;
}
#products .mdb .shop .shopContent li .li-head h4 {
  margin-bottom: 4px;
  text-align: center;
}
#products .mdb .shop .shopContent li .li-body {
  padding: 7px 5px 0px 9px;
}
#products .mdb .shop .shopContent li .li-body p {
  color: #7c7c7d;
}
.relation {
  width: 100%;
  margin-top: 30px;
  position: relative;
  color: #fff;
}
.relation img {
  width: 100%;
}
.relation .relationC {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
}
.relation .relationC h4 {
  padding-top: 10px;
  margin-bottom: 15px;
}
.relation .relationC .us {
  border: 1px solid #fff;
  border-radius: 10px;
  padding: 3px 134px;
  text-decoration: none;
  color: #fff;
}
.foot {
  width: 100%;
  height: 100px;
  background-color: #e1e2e5;
  position: relative;
}
.foot ul {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.foot ul li {
  text-align: center;
  float: left;
}
.foot ul li a {
  text-decoration: none;
  color: #9a9999;
}
.foot span {
  position: absolute;
  left: 50%;
  top: 74%;
  transform: translate(-50%, -50%);
  color: #9a9999;
  margin-bottom: 20px;
}