.product {
    min-height: 12.9rem;
    position: relative;
    background: url(../images/product.jpg) no-repeat center center;
    background-size: 100% 100%;
    overflow: hidden;
}
.slideBox img {
    max-width: 100%;
    display: block;
    margin: 0px auto
}

.backs {
    margin-top: 25px;
}

.slideBox {
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background-size: 100% 100%;

}

.product .hd {
    margin-bottom: 20px;
}

.product .pro_nav {
    height: 41px;
    background: url(../images/pro_nav1.jpg) no-repeat center bottom;
    margin-top: 6px;
}

.product .yuandian {
    width: 10px;
    height: 10px;
    background-color: #b3b3b3;
    border-radius: 5px;
    display: block;
    margin: 0 auto;
    margin-top: -8px;
}

.product .pro_nav li {
    float: left;
    width: 24%;
    line-height: 41px;
    color: #1e1d1d;
    font-size: 20px;
    cursor: pointer;
    position: relative;
    height: 41px;
    text-align: center
}

.product .pro_nav li p {
    font-size: 0.25rem;
    color: #333333;
    display: inline;
}

.product .pro_nav li img {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
}

.product .pro_nav li .as1 {
    margin-left: 0px;
}

.product .pro_nav li .as2 {
    margin-left: 0px;
}

.product .pro_nav li .as3 {
    margin-left: 0px;
}

.product .pro_nav li .as4 {
    margin-left: 0px;
}

.hov p {
    background: url(../images/titproa.jpg) no-repeat center;
    color: #0a7371!important;
}

.hov .yuandian {
    background-color: #0a7371;
}

.slideBox .bd {
    position: relative;
    z-index: 0;
    margin-bottom: 30px;
    overflow: hidden;
}

.slideBox .bd li {
    position: relative;
    text-align: left;
    width:48%;
    margin:1%;
    float: left;

}

.slideBox .bd li img {
    vertical-align: top;
    width:100%;
    height: 150px;
    /* width: 100%; */
}

.slideBox .bd li a {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.slideBox .bd li .tit {
    display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    text-indent: 10px;
    height: 28px;
    line-height: 28px;
    color: #fff;
    text-align: left;
}


.in_title{text-align: center;padding: .4rem 0 .3rem 0; overflow: hidden;}
.in_title h2{color: #434343;font-size: .3rem;font-weight: normal; }
.in_title h2 span{color:#0a7371;}
.in_title h3{color:#d6d6d6; font-weight: normal; font-size: 0.2rem; position: relative; margin-top:8px; line-height: 0.6rem;}
.in_title h3::before{width:50px;height: 2px;background: #0a7371; position: absolute; top:0;  content: ""; left:50%; margin-left:-25px;}
.in_title p.txt1{color:#2d2d2e;line-height: .4rem;font-size: .23rem;}
.in_title p.heng{width: 10%; height: 1px;background:#0a7371; margin: .2rem auto;}
a.more {
  font-size: .28rem;
  line-height: .6rem;
  color: #ffffff;
  width: 1.8rem;
  background:#0a7371;
  display: block;
  margin: .3rem auto 0;
  text-align: center;
}
.wrap{width: 96%;margin: 0 2%;}

.calt ul{
  display: flex;
  flex-wrap:wrap;
}
.calt li{
  width:33.33%;
  justify-content: center;
  margin-bottom:0.2rem;
}
.calt li a{
  color:rgb(102, 102, 102)
}
.calt li p{
  width:100%;
  text-align: center;
  line-height: 0.5rem;
}
.adv2{padding:20px 10px; overflow: hidden;  margin-top:-30px; position: relative; z-index: 999; background: #fff;  margin-bottom: 10px;}
.adv2 li{width:49%; float: left;  box-sizing: border-box; background:#0a7371; margin-right:2%; margin-bottom:10px; padding:10px; box-sizing: border-box}

.adv2 li div{ width:70%;color:#fff; font-size: 12px; float:right;}
.adv2 li div h2{font-size: 14px; margin-bottom:10px; font-weight: normal;}
.adv2 li div p{line-height: 20px; overflow: hidden; height: 40px;}
.adv2 img{float: left;  transition: all 0.5s ease-in-out; width:25%; margin-top:13px;}
.adv2 li:hover{cursor: pointer;}
.adv2 li:hover img{
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    cursor: pointer;
}


/* .in_adv{background:url(../images/dv_bg.jpg) no-repeat;background-size: 100% 100%;}
.in_adv .in_title{padding: .3rem 0;}
.in_adv .in_title h2{color: #fff;}
.in_adv .in_title p.txt1{color:#fff;}
.in_adv .in_title p.heng{background:#fff; } */

/*in_adver*/
.in_adver{ margin:15px auto;text-align: center;background: #fff; display: flex; justify-content: space-between; flex-wrap: nowrap; overflow: hidden; padding:10px ; box-sizing: border-box;padding-bottom: 20px;}

.in_adver li{width: 33%; background:#0a7371; border-radius: 10px; padding:10px; display: inline-block; box-sizing: border-box; color:#fff;}
.in_adver li img{width: 60%;}
.in_adver li p{color:#fff;font-size: .32rem;line-height: .4rem;}
.in_adver li p span{color:#fff;font-size: .18rem; padding-top:10px;}

/*in_product*/
.in_product {width: 100%;height: auto;text-align: center; padding:0 10px; box-sizing: border-box; background: #fff;}
.in_product .heng{width:35px; display: block; height: 4px;background:#0a7371; margin: .1rem auto;}
.in_product .swiper-slide{position: relative;}
.in_product .swiper-slide img {width: 100%;display: block;}
.in_product .swiper-slide .mask_blue {width: 100%;height: 100%;background: rgba(40, 44, 47, .4);position: absolute;top: 0;left: 0;z-index: 2;}
.in_product .swiper-slide .cover {position: absolute;z-index: 9;width: 90%;top: 20%;left: 0;overflow: hidden;margin: 0 5%; }
.in_product .swiper-slide h2{font-size: .28rem;color: #fff;line-height: .4rem;}
.in_product .swiper-slide p.heng{font-size: 0;width: 20%; height: 1px;background: #fff;margin: .2rem auto;}
.in_product .swiper-slide p{font-size: .28rem;color: #3f4040;line-height: 0.6rem;word-wrap:break-word;}
.in_product .swiper-slide a {margin-top: .2rem; width: 40%;height: .6rem;line-height: .6rem;text-align: center;border: 1px solid #ddd;display: inline-block;color: #fff;font-size: .24rem;}

.in_product .swiper-container{position: relative;}
.in_product .swiper-button-next, .swiper-button-prev {position: absolute;top: 55%;width: .3rem;height: .5rem;z-index: 10;cursor: pointer;}
.in_product .swiper-button-prev{background: url(../images/prev.png) no-repeat;background-size: 100% 100%;left: 0;}
.in_product .swiper-button-next{background: url(../images/next.png) no-repeat;background-size: 100% 100%;right: 0;}
.menu{overflow: hidden;display: flex;  flex-wrap:wrap; justify-content: space-between; margin-bottom:20px;}
.menu a{background:#0a7371; width:32%; color: #fff; display:block; line-height: 35px; margin-bottom:5px;}
.product .text{
    text-align: center
}
.product .text a {
    width: 30%;
    border: 1px solid #0a7371;
    color: #0a7371;
    border-radius: 5px;
    line-height: 0.6rem;
    text-align: center;
    display: inline-block;
    margin-top: 15px;
}

.in_adv{background: #fff;  margin-top:10px;}
.in_adv .index_title{margin-bottom:135px;}
.about{width:100%;}
.about .txt{background:#fff;padding:5px;overflow: hidden;  box-sizing: border-box; text-align: center;}
.about .txt .img1{float:left;  overflow: hidden; width:49%; margin-right:3%; }
.about .txt p{color:rgb(102, 102, 102); font-size: 0.2rem; line-height: 0.5rem; text-align: left;}
.about .txt a{width:30%;border:1px solid #0a7371; color:#0a7371; border-radius:5px; line-height: 0.6rem; text-align: center;  display: inline-block; margin-top:15px;}

/*in_news*/
.in_news {margin-top: 10px;background: #fff;padding-bottom: .4rem;}

.in_news .news_top {text-align: center;}
.in_news .news_top li{ border-radius:10px; color: #000;font-size: .28rem;display: inline-block;height: .6rem;line-height: .6rem;width: 1.8rem;border:1px solid #818181;margin:0 .1rem;}
.in_news .news_top li.on{color: #fff; background: #0a7371;border:1px solid #0a7371;}

.in_news .news_box ul{margin-top: .3rem;}
.in_news .news_box ul.on{display: block;}
.in_news .news_box .fl{width: 28%;}
.in_news .news_box div.fr{width: 100%; padding:10px; box-sizing: border-box;}
.in_news .news_box ul li {   border-bottom: 1px solid #e2e2e2;padding: .1rem;background:url(../images/18.png) no-repeat 0 center; }
.in_news .news_box ul li a{color:rgb(102, 102, 102); display: flex; justify-content: space-between;}
.in_news .news_box ul li a span{ justify-content: right;}
.in_news .news_box ul li h2 {font-size: 0.28rem;color:#333333;}
.in_news .news_box ul li h2 span{ color:#0a7371; font-weight: bold; padding-right:5px;  border-right:1px solid #bcbcbb; margin-right: 5px;}
.in_news .news_box ul li p {font-size: 0.22rem;margin-top: 0.1rem;line-height: 0.32rem;color:#919090;}
.in_news .news_box ul li a.fr{font-size: 0.22rem;color:#fff;display: block;background:#0a7371;padding: 0 .2rem; border-radius: .2rem;}
.in_case{background: #fff; margin-top:10px;}
.in_case ul{display: block; }
.in_case ul li{width: 46%;margin:auto 2% .2rem;float: left;border: 1px solid #f1f1f1;}