* {
  margin: 0px;
  padding: 0px;
  font-family: "Microsoft YaHei", SimHei, "Hiragino Sans GB";
  color: #333333;
  font-size: 1.1rem;
}

body,
html {
  max-width: 750px;
  width: 100%;
}

.clearfix {
  clear: both;
}

a {
  text-decoration: none;
}

a:hover {
  color: #007AFF;
}

ul,
li {
  list-style: none;
}

.index-header {
  position: fixed;
  left: 0px;
  top: 0px;
  z-index: 100;
  width: 100%;
}

.shanhailogo {
  display: block;
  margin: 0 auto;
  width: 24%;
}

.cleardiv::after {
  content: "";
  display: block;
  clear: both;
}

.cleardiv {
  zoom: 1;
}

.index-header-content {
  background-color: rgba(255, 255, 255, 0.8);
  padding: 1% 0;
}

.index-header-button {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: rgba(0, 0, 0, 0);
  background-size: cover;
  z-index: 100;
  width: 75%;
}

.index-header-button>img {
  width: 10%;

}

.index-header-list {
  background-color: white;
  display: none;
  z-index: 99;
  width: 30%;
  height: 1200px;
  position: absolute;
  top: 0;

}

.index-header-button:hover .index-header-list {
  display: block;
}

.index-header-spanUl {
  display: block;
  width: 100%;
  text-align: center;
  padding: 24px 0;
}

.index-header-spanUl:hover {
  background: url(../images/common-sprite.png) no-repeat scroll right center transparent;
  background-size: 10%;
}

.index-header-spanUl:first-child {
  background-image: none;
}

.index-header-ul {
  display: none;
  width: 100%;
  position: absolute;
  left: 100%;
  /* margin-top: -17%; */
  /* top: 8%; */
  background-color: LightSkyBlue;
}

.show {
  display: block;
}

.index-header-ul li:hover .index-header-ul-anli {
  display: block;

}

.index-header-ul-anli {
  display: none;
  width: 100%;
  height: 10rem;
  position: absolute;
  left: 0%;
  /* top: 8%; */
  background-color: LightSkyBlue;
  overflow: auto;
}

.index-header-ul li {
  border-bottom: 1px solid #999;

}

.index-header-ul li a {
  display: block;
  padding: 10px 0;

}

.index-header-spanUl:hover .index-header-ul {
  display: block;
}

/* 轮播图片 */
#index-banner-swiper {
  width: 100%;
}

.index-banner {
  width: 100%;
  margin-top: 64px;
}

.index-banner-lunbo {
  width: 100%;
  background-size: cover;
  margin: 0 auto;
}

#index-banner-swiper .swiper-wrapper .swiper-slide img {
  width: 100%;
}

#index-lunbo {
  width: 100%;
}

/* 轮播图片 */

/* 产品介绍 */
.index-product {
  width: 100%;
  z-index: -1;
  padding: 2% 0 6% 0;
}

.index-product>p {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  padding: 10px 0 20px 0;
  text-indent: 0;
}

.swiper-container {
  width: 90%;
  margin: 0 auto;
  overflow: hidden;
}

.swiper-wrapper {
  align-items: center;
}

.swiper-pagination {
  position: relative;
}

.swiper-slide {
  overflow: hidden;
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  z-index: 10;
}

#swiper1 .swiper-wrapper .swiper-slide img {
  width: 100%;
  -webkit-filter: brightness(50%);
  filter: brightness(50%);
  -moz-filter: brightness(50%);
  transition: 1s;
}

#swiper1 .swiper-wrapper .swiper-slide:hover img {
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
  -moz-filter: brightness(80%);
  /* transform: scale(1.2); */
}

.index-product-content {
  width: 100%;
  margin: 0 auto;
}

.index-product-content-top,
.index-product-content-bottom {
  width: 90%;
  margin: 0 auto;
}

.index-product-content-bottom img {
  width: 70%;
  margin: 0 auto;
  display: block;
  padding: 1% 0;
}

.index-product-content-top p:first-child {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  padding: 10px 0 20px 0;
  text-indent: 0;
}

.index-product-content-top p:nth-child(2) {
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
}

.index-product-content-bottom p {
  text-indent: 2.4rem;
  -webkit-line-clamp: 4;
  -moz-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}

.index-product-content-top p,
.index-product-content-bottom p {
  text-indent: 1.6rem;
  font-size: 0.8rem;
}

.introduce-content-text-title strong {
  font-size: 0.9rem;
}

/* 产品介绍 */


/* 新闻中心 */

.index-news {
  width: 100%;
  background-color: rgba(238, 238, 238, 0.5);
  /* background-image: url(../img/index-news-banner.jpg); */
  padding: 6% 0;
  background-repeat: no-repeat;
}

.index-news>p {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  padding: 0 0 24px 0;
  text-indent: 0;
}

.index-news-logo {
  width: 100% !important;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 10px;
  text-align: center;
}

.index-news-content {
  width: 90%;
  margin: 0 auto;

}

.index-news-content-right {
  width: 100%;
}

.index-news-content-list li {
  padding: 6px;
}

.index-companyJieshao {
  width: 100%;
  padding: 20px 0;
}

.index-companyJieshao-content {
  width: 100%;
  margin: 0 auto;
}

.index-companyJieshao-title {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
  text-indent: 0;
}

.index-companyJieshao-img {
  width: 80%;
  margin: 0 auto;
}

.index-companyJieshao-img span {
  display: block;
  width: 30%;
  padding: 5% 10%;
  text-align: center;
  float: left;
}

.index-companyJieshao-img img {
  width: 100%;
}

.index-companyJieshao-text {
  width: 90%;
  margin: 0 auto;
  text-indent: 1.8rem;
  font-size: 0.9rem;
}

.index-news-logo p:first-child,
.index-news-logo p:first-child>a {
  font-size: 1.1rem;
  font-weight: bold;
  text-align: center;
  padding: 4px 0;
  -webkit-line-clamp: 1;
  -moz-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
}

.index-news-logo p:nth-child(2) {
  text-indent: 1.8rem;
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -moz-box;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  font-size: 0.9rem;
}

#swiper2 .swiper-wrapper .swiper-slide img {
  width: 50%;
}

/* 新闻中心 */

/* 荣誉展示 */
.index-honor {
  width: 100%;
  /* background-image: url(../img/honor-bg.jpg); */
}

.index-honor-img {
  display: block;
}

.index-honor-img img {
  width: 100%;

}

.index-honor-img:hover img {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

/* 荣誉展示 */


/* 大事记 */
.index-BigEvent {
  width: 100%;
  background-color: rgba(238, 238, 238, 0.5);
}

.index-BigEvent-content {
  width: 90%;
  margin: 0 auto;
}

.index-BigEvent-content p {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
  text-indent: 0;
}

/* 大事记 */



/* 底部 */
.index-navigation {
  background-color: black;
  z-index: 40;
  bottom: 0rem;
  z-index: 9;
  float: none;
  clear: both;
  font-size: 12px;
  width: 100%;
}

.index-navigation-content {
  width: 90%;
  margin: 0 auto;
  padding: 2% 0;
  position: relative;
  top: 0rem;
  z-index: 10;
}

.index-navigation-content-item {
  width: 100%;
  text-align: left;
  float: left;
  box-sizing: border-box;
  padding: 0rem;
  margin: 0rem;

}

.index-navigation-content-item li:first-child {
  margin-bottom: 0.1875rem;
  font-size: 0.9rem;
  color: #d7d8d9;

}

.index-navigation-content-item li {

  line-height: 1.2rem;
  padding: 0 0.3rem;
  float: left;
}

.index-navigation-content-item li a {
  color: #bbb;
  font-size: 0.9rem;
}

/* 主页大事记 */
#swiper-big .swiper-wrapper .swiper-slide span {
  font-size: 1.2rem;
  display: block;
  text-align: center;
}

#swiper-big .swiper-wrapper .swiper-slide p {
  text-align: center;
  text-indent: 0;
}

#swiper-big .swiper-wrapper .swiper-slide div {
  /* margin: 0 auto; */
  text-align: center;
}

#swiper-big .swiper-wrapper .swiper-slide img {
  width: 30%;
  /* display: block; */
  margin: 0 auto;
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}

/* 底部 */



/* 子页面开始 */
/* 子页面-产品介绍 */


.introduce-banner {
  width: 100%;
  /* background-image: url(../img/jijue-banner1-android.jpg); */
  background-size: cover;
  margin-top: 64px;
}

.introduce-banner img {
  width: 100%;
}

/* 头部banner */
/* 内容区开始 */
.introduce-content {
  width: 100%;
}

.introduce-content-header {
  width: 100%;
  padding: 1% 0 2% 0;
  border-bottom: 1px solid #eee;
}

.introduce-content-header-text {
  width: 90%;
  margin: 0 auto;
}

.introduce-content-body {
  margin: 2% 0 20% 0;
}

.introduce-content-body-list {
  width: 10%;
}

.introduce-content-body-ul {
  display: block;
  width: 100%;
  position: absolute;
}

.introduce-content-body-item {
  display: block;
  width: 80%;
  margin: 0 auto;
}

.introduce-content-body-item li {
  width: 90%;
  padding: 2% 6%;
  margin-bottom: 3%;
  /* box-shadow: #eee 1px 5px 1px 2px; */
  border-radius: 10px;
  border: 1px solid #eee;
}

.introduce-content-body-item img {
  width: 25%;
}

.introduce-item-content {
  width: 100%;
}

.introduce-item-content-title {
  font-weight: bold;
  float: left;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  /* text-overflow: ellipsis; */
  -webkit-line-clamp: 1;
  width: 60%;
  font-size: 0.9rem;
}

.introduce-item-content-title>a {
  font-size: 0.9rem;
}

.introduce-item-content-date {
  float: right;
  font-size: 0.8rem;
  color: #666;
}

.introduce-item-content-text {
  -webkit-line-clamp: 2;
  -moz-line-clamp: 2;
  display: -webkit-box;
  display: -moz-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -moz-box-orient: vertical;
  font-size: 0.8rem;
}

/* 内容区结束 */
/* 子页面-产品介绍 */

/* 关于我们 */
.introduce-content-text {
  width: 90%;
  margin: 0 auto;
}
.introduce-content-text div{
	text-indent: 2rem;
}

.introduce-content-text p {
  font-size: 0.9rem;
}

.introduce-content-text p:first-child {
  font-size: 1.3rem;
}

.introduce-content-title {
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  padding: 20px 0;
}

.introduce-content-text:nth-child(2) {
  text-indent: 2.4rem;

  margin: 2% auto 10% auto;
}

/* 荣誉资质 */
.introduce-content-list {
  width: 90%;
  margin: 12% auto 18% auto;
}

.callme-fangshi span {
  display: block;
  text-indent: 0;
  margin: 2% auto 2% 16%;
}

.callme-fangshi span p {
  font-size: 0.9rem;
}

.callme-fangshi span p:first-child {
  font-size: 1rem;
}


/* 产品展示 */
.selectul {
  width: 100%;
  height: 1.2rem;
  padding: 0.6rem 0;
  text-align: center;
}

.selectul div {
  float: left;
  height: 1%;
  width: 50%;
  text-align: center;
  font-size: 1rem;
}

.selectul div:last-child {
  float: none;
  height: 0%;
  width: 0%;
  text-align: center;
  font-size: 0rem;
}

.selectul div ul {

  display: none;
}

.selectul div li {
  font-size: 1rem;
}

.selectul div:hover ul {
  display: block;
}

.select-content-list-title {
  width: 100%
}

.select-content-list span {
  display: block;
  float: left;
  width: 50%;
  text-align: center;
  font-size: 1rem;
}

.select-content-list li:first-child span {
  font-size: 1.2rem;
}

/* 新闻中心内容页 */
.news-center-content {
  width: 90%;
  margin: 0 auto;
}
.news-center-content div{
	text-indent: 2rem;
}

.news-center-content .content-title {
  font-weight: bold;
  padding: 1rem 0;
  display: block;
  text-align: center;
  font-size: 1.2rem;
}

.news-center-content .content-text,
p {
  font-size: 0.9rem;
  text-indent: 1.8rem;
}

.news-center-content img {
  width: 80%;
  margin: 1rem auto;
  display: block;
}

/* 荣誉资质荣誉轮播 */
.introduce-content-lunbo {
  overflow: hidden;
}

.introduce-content-title {
  text-indent: 0;
}

.introduce-content-lunbo .swiper-wrapper .swiper-slide {
  overflow: inherit;
  width: 30% !important;
  margin-right: 5% !important;
}

.introduce-content-lunbo .swiper-wrapper .swiper-slide:hover img {
  -webkit-filter: brightness(80%);
  filter: brightness(80%);
  -moz-filter: brightness(80%);
  transform: scale(1);

}

#honor-content-type {
  margin: 0 auto;
}

.index-honor-img:hover img {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
  -moz-filter: brightness(100%);
}

.index-honor-img .index-honor-img:hover {
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
  -moz-filter: brightness(100%);
}




/* b站导航栏 */
.daohang {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  max-width: 750px;
  z-index: 99;
}

.index-header-button {
  width: 100%;
  max-width: 750px;
  height: 10%;
  background-color: white;
  position: fixed;
  max-height: 62px;
  z-index: -1;
  /* box-shadow: #999 0px 0px 13px 4px; */
}

.index-header-button>img {
  position: absolute;
  width: 16%;
  min-width: 160px;
  /* padding: 1% 0 1% 8%; */
  top: 18%;
  left: 8%;
}

.daohangbutton,
.outbutton {
  width: 45px;
  height: 45px;
  /* max-width: 50px; */
  /* max-height: 50px; */
  /* min-width: 40px; */
  position: absolute;
  margin: 5px 0;
  min-height: 40px;
  background-color: #0c1119;
  background-image: url(../images/fangkuaibutton.png);
  right: 8%;
  top: 10%;
  background-repeat: no-repeat;
  background-size: contain;
}

.outbutton {
  display: none;
  background-image: url(../images/Xguanbi.png);
}

.content {
  width: 100%;
  height: 100%;
}

.content-left {
  display: none;
  width: 100%;
  height: 900px;
  max-width: 750px;
  min-width: 150px;
  margin: 0 auto;
  background-color: #1c232f;
  float: left;
  position: relative;
  top: 62px;
  /* margin: 0 auto; */
  right: 0;
}

.content-right {

  width: 100%;
}

.left-title {
  width: 100%;

}

.left-title>a {
  display: block;
  line-height: 100%;
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-size: 1.4rem;
  padding: 4% 0;
  color: white;
}

.left-title>a img {
  width: 32%;
  padding: 15px 0;
  max-width: 200px;
}

/* 分割线 */
.seg {
  height: 1px;
  width: 100%;
  background-color: black;
}

.nav {
  margin: 1% 0;
}

/* 菜单项标题 */
.nav-title {
  color: white;
  text-align: center;
  font-size: 1.2rem;
  padding: 2% 0;
  /* 当鼠标滑过主标题，鼠标为手 */
  /* cursor: pointer; */

}

/* 子标题内容 */
.nav-content {
  width: 100%;
    /* height: 100%; */
    height: 240px;
    background-color: #0c1119;
    overflow-y: auto;
}

.nav-content>span {
  display: block;
  width: 100%;
  color: #ccc;
  font-size: 1.1rem;
  text-align: center;
  text-decoration: none;
  padding: 2% 0;
  cursor: pointer;
  /* height: ; */
}

.nav-content>span>a {
  color: #ccc;
  font-size: 1.1rem;
}

.nav-content>a:hover {
  color: #fff;
  background-color: #12040c;
  text-decoration: none;
}

.introduce-content-header-text>span,
.introduce-content-header-text>a {
  font-size: 0.9rem;
}