.logo {
  width: 100%;
  overflow: hidden;
  background:#d6010f;
}
.logo img {
  margin:10px 0;
  width: 100%;
}
.banner {
  position: relative;
  background: #fff;
  margin: 0 auto;
  padding: 0;
  background: linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 100%) repeat;
}
.banner .swipe {
  overflow: hidden;
  visibility: hidden;
  position: relative;
}
.banner .swipe-wrap {
  overflow: hidden;
  position: relative;
}
.banner .swipe-wrap div {
  float: left;
  width: 100%;
  height: 16.64rem;
  position: relative;
}
#position {
  position: absolute;
  bottom: 0.5rem;
  right: 0;
  padding: 0;
  margin: 0;
  opacity: 0.6;
  width: 100%;
  filter: alpha(opacity=60);
  text-align: center;
}
#position li {
  width: 50px;
  height: 5px;
  margin: 0 2px;
  display: inline-block;
  background-color: #a1a1a1;
}
#position li.cur {
  background-color: #fff;
}
.img-responsive {
  display: block;
  width: 100%;
  height: 14rem;
  box-shadow: 5px 5px 5px #888;
}
.container {
  width: 100%;
  margin: 0 auto;
  background: #e4e4e4;
}
.container .nav {
  width: 100%;
  background: #fff;
  padding-bottom: 1rem;
}
.container .nav ul li {
  width: 25%;
  height: 6.3rem;
  float: left;
  margin: 0.54rem auto 0.36rem;
  font-size: 1.14rem;
}
.container .nav ul li h3 {
  color: #333;
  text-align: center;
}
.container .nav ul li .circle {
  width: 3.8rem;
  height: 3.8rem;
  border-radius: 50%;
  margin: 0.71rem auto;
}
.container .nav ul li .cle1 {
  background: #3ba6f2;
}
.container .nav ul li .cle2 {
  background: #76bd3d;
}
.container .nav ul li .cle3 {
  background: #f15352;
}
.container .nav ul li .cle4 {
  background: #8d84ed;
}
.container .nav ul li .cle5 {
  background: #f07a3a;
}
.container .nav ul li .cle6 {
  background: #0fa1d1;
}
.container .nav ul li .cle7 {
  background: #feb220;
}
.container .nav ul li .cle8 {
  background: #10b7a7;
}
.container .nav ul li .ic-nav {
  width: 3.8rem;
  height: 3.8rem;
  color: #fff;
  text-align: center;
  line-height: 4rem;
  font-size: 2.1rem;
  margin: 0;
  padding: 0;
}
.container .news {
  width: 100%;
  height: 5.71rem;
  margin-bottom: 0.54rem;
}
.container .news img {
  width: 100%;
  height: 5.71rem;
}
.container .products {
  background: #fff;
  padding: 0.66rem 0.36rem 1.3rem 0.36rem;
}
.container .products .p-title {
  width: 100%;
  height: 3rem;
  border-bottom: 0.1rem solid #eee;
}
.container .products .p-title .title {
  width: 70%;
  height: 3rem;
  float: left;
  line-height: 3rem;
  color: #a00000;
}
.container .products .p-title .title .ic-pro {
  float: left;
  margin-right: 0.54rem;
  margin-left: 0.71rem;
}
.container .products .p-title .title h3 {
  float: left;
  font-size: 1.4rem;
  font-weight: bold;
}
.container .products .p-title .p-more a {
  display: block;
  width: 2.3rem;
  height: 2.3rem;
  line-height: 2.3rem;
  float: right;
  background: #afcddb;
  text-align: center;
  color: #fff;
  margin-right: 0.7rem;
  margin-top: 0.2rem;
}
.container .products .p-list {
  width: 100%;
}
.container .products .p-list ul li {
  width: 25%;
  height: 9rem;
  margin-top: 1.07rem;
  float: left;
}
.container .products .p-list ul li img {
  display: block;
  width: 80%;
  height: 7rem;
  margin: 0 auto;
}
.container .products .p-list ul li h3 {
  font-size: 1.14rem;
  text-align: center;
  margin-top: 0.36rem;
}
.container .products .p-list2 {
  width: 100%;
}
.container .products .p-list2 ul li {
  width: 50%;
  height: 9rem;
  margin-top: 1.07rem;
  float: left;
}
.container .products .p-list2 ul li img {
  display: block;
  width: 80%;
  height: 7rem;
  margin: 0 auto;
}
.container .products .p-list2 ul li h3 {
  font-size: 1.14rem;
  text-align: center;
  margin-top: 0.36rem;
}
.container .problem {
  background: #fff;
  padding: 0.66rem 0.36rem 1.3rem 0.36rem;
}
.container .problem .p-title {
  width: 100%;
  height: 3rem;
  border-bottom: 0.1rem solid #eee;
}
.container .problem .p-title .title {
  width: 70%;
  height: 3rem;
  float: left;
  line-height: 3rem;
  color: #a00000;
}
.container .problem .p-title .title .ic-pro {
  float: left;
  margin-right: 0.54rem;
  margin-left: 0.71rem;
}
.container .problem .p-title .title h3 {
  float: left;
  font-size: 1.4rem;
  font-weight: bold;
}
.container .problem .p-title .p-more a {
  display: block;
  width: 2.3rem;
  height: 2.3rem;
  line-height: 2.3rem;
  float: right;
  background: #afcddb;
  text-align: center;
  color: #fff;
  margin-right: 0.7rem;
  margin-top: 0.2rem;
}
.container .problem .p-list {
  width: 100%;
  padding: 0.36rem;
}
.container .problem .p-list dl {
  padding: 1.5rem 0;
  border-bottom: 0.08rem dashed #e4e4e4;
}
.container .problem .p-list dl dt {
  font-size: 1.29rem;
  color: #222;
  height:1.4rem;
  line-height: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.container .problem .p-list dl dd {
  width: 100%;
  height: 3rem;
  overflow: hidden;
  font-size: 1.02rem;
  line-height: 1.6rem;
  margin-top: 0.36rem;
}
.container .problem .p-list dl dd span {
  display: block;
  font-size: 0.85rem;
  color: #afafaf;
}
.container .problem .p-list dl dd p {
  color: #797979;
}
/***************内页样式************/
.about {
  width: 100%;
}
.about img {
  width: 100%;
}
.about .about-con {
  width: 100%;
  font-size: 1.29rem;
  line-height: 2em;
  padding: 0.71rem;
}
.about .about-con p {
  width: 100%;
}
.news-list {
  width: 100%;
  padding: 0.36rem;
}
.news-list .tab-title {
  width: 100%;
  height: 3.2rem;
  background: #f0f0f0;
  border-top: 0.1rem solid #e4e4e4;
}
.news-list .tab-title li {
  float: left;
  width: 25%;
  text-align: center;
  height: 3.2rem;
  line-height: 3.2rem;
  font-size: 1.21rem;
  color: #0089c7;
}
.news-list .tab-title .selected {
  border-bottom: 0.08rem solid #ff9c00;
  color: #ff9c00;
}
.news-list .tab-con {
  width: 100%;
  padding: 0.36rem;
}
.news-list .tab-con dl {
  padding: 1.5rem 0;
  border-bottom: 0.08rem dashed #e4e4e4;
}
.news-list .tab-con dl dt {
  font-size: 1.29rem;
  color: #222;
  height:1.4rem;
  line-height: 1.4rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.news-list .tab-con dl dd {
  width: 100%;
  height: 4.8rem;
  overflow: hidden;
  font-size: 1.02rem;
  line-height: 1.6rem;
  margin-top: 0.36rem;
}
.news-list .tab-con dl dd span {
  display: block;
  font-size: 0.85rem;
  color: #afafaf;
}
.news-list .tab-con dl dd p {
  color: #797979;
}
.new-detail {
  width: 100%;
  padding: 0.71rem;
}
.new-detail .new-title {
  width: 100%;
  border-bottom: 0.1rem solid #eee;
  padding: 1.07rem 0 0.36rem 0;
}
.new-detail .new-title h3 {
  width: 100%;
  font-size: 1.29rem;
  height:1.5rem;
  line-height: 1.5rem;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-detail .new-title .new-date {
  font-size: 0.8rem;
  margin: 0.54rem auto;
  color: #afafaf;
  text-align: center;
}
.new-detail .new-title .new-date span{margin-right:1.5rem;}
.new-detail .pre-txt {
  width: 100%;
  background: #f5f5f5;
  margin-top: 0.5rem;
  padding: 1.07rem;
}
.new-detail .pre-txt p {
  font-size: 1.05rem;
  line-height: 1.5rem;
  height: 4.5rem;
  overflow: hidden;
  color: #000;
}
.new-detail .txt {
  width: 100%;
  padding: 0.36rem;
  font-size: 1.14rem;
  line-height: 2.5rem;
}
.new-detail .txt img {
  width: 100%;
  display:block;
  margin: 0.36rem auto;
}
.new-detail .pre-next {
  width: 100%;
  margin: 1.14rem auto;
}
.new-detail .pre-next a {
  width: 100%;
  display: block;
  font-size: 1rem;
  margin-top: 0.54rem;
  color: #888;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.new-detail .pre-next a span {
  color: #000;
}
.products {
  width: 100%;
  padding: 1rem 0;
  overflow: hidden;
}
.products ul li .far-pro {
  width: 100%;
  height: 3.5rem;
  line-height: 3.5rem;
  font-size: 1.14rem;
  background: #fff;
  border-bottom: 0.1rem solid #f3f3f3;
  padding: 0 1.07rem;
}
.products ul li .far-pro .far-pro-l {
  width: 90%;
  float: left;
}
.products ul li .far-pro .far-pro-l .ic-rec {
  display: block;
  width: 0.6rem;
  height: 0.6rem;
  background: #ffa200;
  float: left;
  margin-top: 1.3rem;
  margin-right: 1rem;
}
.products ul li .far-pro .far-pro-l h3 {
  float: left;
  font-size: 1.36rem;
}
.products ul li .far-pro .far-pro-r {
  width: 10%;
  float: right;
}
.products ul li .far-pro .far-pro-r .ic-jiantou {
  font-size: 1.6rem;
  color: #cccccc;
}
.products ul li .sub-pro li a {
  display: block;
  width: 100%;
  height: 3.5rem;
  line-height: 3.5rem;
  padding: 0 1.43rem 0 2.86rem;
  font-size: 1.21rem;
  color: #818181;
  background: #f3f3f3;
  border-bottom: 0.1rem dotted #e4e4e4;
}
.products ul li .sub-pro li a h4 {
  width: 90%;
  float: left;
}
.products ul li .sub-pro li a .ic-sub-jiantou {
  width: 10%;
  float: right;
  font-size: 1.29rem;
  color: #cccccc;
}
.products2 {
  width: 100%;
  background: #fff;
  margin: 0.71rem auto 2.86rem auto;
}
.products2 ul li {
  float: left;
  width: 50%;
  height: 20.5rem;
}
.products2 ul li a {
  display: block;
  height: 19.5rem;
  margin: 1.07rem 0.71rem;
}
.products2 ul li img {
  width: 100%;
  height: 16.5rem;
  border-radius: 0.18rem;
}
.products2 ul li h2 {
  width: 100%;
  height: 4rem;
  line-height: 2rem;
  text-align: center;
  font-size: 1.14rem;
  overflow: hidden;
}
.proDetail {
  width: 100%;
}
.proDetail .pro-pic {
  width: 100%;
  height: auto;
  text-align:center;
  overflow: hidden;
  position: relative;
}
.proDetail .pro-pic .pro-tab {
  width: 100%;
  height: 2.2rem;
  z-index: 99;
  position: absolute;
  top: 0rem;
  left: 0.8rem;
}
.proDetail .pro-pic .pro-tab .tag {
  width: 22%;
  height: 2.2rem;
  text-align: center;
  font-size: 1.18rem;
  line-height: 2.2rem;
  color: #fafafa;
  float: left;
  margin-right: 0.36rem;
}
.proDetail .pro-pic .pro-tab .rx {
  background: #f04645;
}
.proDetail .pro-pic .pro-tab .zj {
  background: #07b18b;
}
.proDetail .pro-pic .pro-tab .tj {
  background: #ffa233;
}
.proDetail .pro-pic .pro-tab .ma {
  background: #8d84ed;
}
.proDetail .pro-pic img {
  width: 95%;
  margin-top:10px;
}
.proDetail .pro-detail {
  background: #f0f0f0;
}
.proDetail .pro-detail .title {
  width: 100%;
  border-bottom: 0.08rem solid #e4e4e4;
  background: #fff;
  margin-top: 0.54rem;
}

.proDetail .pro-detail .title .title-con {
  /*border-bottom: 0.08rem solid #0089c7;*/
  height: 3.5rem;
  line-height: 3.5rem;
 text-align:center;
 color: #0089c7;
}
.proDetail .pro-detail .title .title-con i {
   display:inline;
  padding-right: 0.54rem;
  margin-left: 0.6rem;
  font-size:1.36rem;
}
.proDetail .pro-detail .title .title-con h3,.proDetail .pro-detail .title .title-con h2{
 display:inline;
 font-size: 1.3rem;
}

.proDetail .pro-detail .intro {
  width: 100%;
  background: #fff;
  font-size: 1.14rem;
  line-height: 2.5rem;
  padding: 1.07rem 0.71rem;
  overflow:hidden;
}
.proDetail .pro-detail .intro h4 {
  width: 100%;
  font-size: 1.21rem;
  margin-bottom: 0.54rem;
  color: #000;
}
.proDetail .pro-detail .intro h2 {
  width: 100%;
  font-size: 1.14rem;
  margin-top: 0.54rem;
  color: #000;
}
.proDetail .pro-detail .intro table{
   line-height: 1rem;
}
/*
.proDetail .pro-detail .intro p {
  font-size: 1.14rem;
  line-height: 2.5rem;
  margin-bottom: 0.54rem;
}
*/
.proDetail .pro-detail .intro div{
  font-size: 0;
  line-height: 0;
}
.proDetail .pro-detail .same-kind {
  background: #fff;
  padding: 0.36rem 0.71rem;
}
.proDetail .pro-detail .same-kind ul li {
  float: left;
  width: 50%;
  height:auto;
}
.proDetail .pro-detail .same-kind ul li a {
  display: block;
  width: 100%;
  padding: 0.71rem;
  height:auto;
}
.proDetail .pro-detail .same-kind ul li a img {
  width: 100%;
  border-radius: 0.36rem;
  height: auto;
}
.proDetail .pro-detail .same-kind ul li a h2 {
  width: 100%;
  text-align: center;
  font-size: 1.14rem;
  overflow: hidden;
  height: 2rem;
  line-height:2rem;
}
.photo {
  width: 100%;
  background: #fff;
  margin: 0.71rem auto 2.86rem auto;
}
.photo ul li {
  float: left;
  width: 50%;
  height: auto;
}
.photo ul li a {
  display: block;
  height: auto;
  margin: 1.07rem 0.71rem;
}
.photo ul li img {
  width: 100%;
  height:auto;
  border-radius: 0.18rem;
}
.photo ul li h2 {
  width: 100%;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
  font-size: 1.14rem;
  overflow: hidden;
}