.bannerpc{line-height:0;position:relative;}
.bannerpc img{width:100%;display:block;}
.bannerpc .ban-con{width:100%;position:absolute;left:8%;top:13rem;}
.bannerpc .ban-con.txt1 span{
       display: block;
       line-height: 3.6rem;
       font-size: 2.6rem;
       color: #fff;
       font-weight: normal;
       font-family:"Sans-B";
       width: 51%;
}
.bannerpc .ban-con.txt1 ul {
    margin-top: 1.2rem;
}

.bannerpc .ban-con.txt1 ul li {
    background: url(../images/b-dian.png) no-repeat left center;
    background-size: 1rem;
    padding-left: 2rem;
    font-size: 1.3rem;
    color: #fff;
    display: block;
    height: 2rem;
    line-height: 2rem;
}

.bannerpc .ban-con.txt1 p{
        line-height: 1.6rem;
        font-size: 1.3rem;
        color: #fff;
        font-family: Arial;
        width: 47%;
        height: 4rem;
        margin-bottom: 2.6rem;
        font-family:"Sans";
}
.bannerpc .ban-jt{width:100%;}
.bannerpc .ban-jt i{display:block;width:36px;height:70px;cursor:pointer;z-index:300;transition:.5s;}
.bannerpc .ban-jt i img{width:100%;}
.bannerpc .ban-jt i.banner-prev{position:absolute;left:0;top:50%;transform:translate(0,-50%);opacity:0;}
.bannerpc .ban-jt i.banner-next{position:absolute;right:0;top:50%;transform:translate(0,-50%);opacity:0;}
.bannerpc:hover i.banner-prev{left:5%;opacity:1;}
.bannerpc:hover i.banner-next{right:5%;opacity:1;}
 

.bannerpc .dot {
    display: block;
    padding: 2em 0;
}

.bannerpc .dot b {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    background: #2fa485;
    padding: 0px;
    border-radius: 50%;
    margin-right: 0.4rem;
}

.bannerpc .ban-con.txt2 h3{
   font-size:3.4rem;
   color:#2fa485;
   display: block;
   height: 3rem;
   line-height: 3.4rem;
   padding-bottom: 1.5rem;
     font-family:"Sans-B";
}
.bannerpc .ban-con.txt2 b{
   font-size:3.4rem;
   color:#fff;
   display: block;
   height: 3.4rem;
   line-height: 3.4rem;
     font-family:"Sans-B";
}

.bannerpc .ban-con.txt2 p{
        line-height: 1.6rem;
        font-size: 1.3rem;
        color: #fff;
        font-family: Arial;
        width: 47%;
        height: 4rem;
        margin-bottom: 2.6rem;
         font-family:"Sans";
}

.bannerpc .ban-con.txt2 ul{margin-top:3.2rem; }

.bannerpc .ban-con.txt2 ul li{display:block;height:3rem;line-height:3rem;color:#fff;font-size:1.3rem;padding-left: 3.4rem;margin-bottom:0.5rem;}
.bannerpc .ban-con.txt2 ul li:nth-child(1){background:url(../images/b2_1.png) no-repeat;background-size:100% 100%;width: 21rem;}
.bannerpc .ban-con.txt2 ul li:nth-child(2){background:url(../images/b2_2.png) no-repeat;background-size:100% 100%;width:16.5rem;}
.bannerpc .ban-con.txt2 ul li:nth-child(3){background:url(../images/b2_3.png) no-repeat;background-size:100% 100%;width: 25.5rem;}
.bannerpc .ban-con.txt2 ul li:nth-child(4){background:url(../images/b2_3.png) no-repeat;background-size:100% 100%;width: 25.5rem;}


.bannerpc .ban-con.txt3{top: 14.6rem;}
.bannerpc .ban-con.txt3 p{
    color: #fff;
    font-size: 2.6rem;
    display: block;
    text-align:left;
    line-height: 3rem;
    margin-left: 0%;
    font-family: "Sans-B";
}

.bannerpc .ban-con.txt3 ul{margin-top:3rem; }

.bannerpc .ban-con.txt3 ul li {
    background: url(../images/b-dian.png) no-repeat left center;
    background-size: 1rem;
    padding-left: 2rem;
    font-size: 1.3rem;
    color: #fff;
    display: block;
    height: 2rem;
    line-height: 2rem;
}

.bannerpc .ban-con.txt3 h3 {
    margin-bottom: 1.35rem;
    color: #2fa485;
    font-size: 5rem;
    display: block;
    line-height: 3rem;
    font-family: "Sans-B";
    background: url(../images/b_hg.png) no-repeat 7.6rem center;
    background-size: 6rem;
}

.kehu {
    padding: 5.6rem 0 2.6rem;
}

.tit {
    display: block;
    text-align: center;
}

.tit h2 {
    font-size: 2.4rem;
    color: #333333;
    height: 2.4rem;
    margin-bottom: 1rem;
    line-height: 2.4rem;
}

.tit p {
    color: #666;
    font-size: 0.9rem;
    height: 1rem;
    line-height: 1rem;
    font-style: italic;
}

.kehu .tit {
    margin-bottom: 2.6rem;
}

.kehu ul.clearfix {
    box-shadow: 0px 17px 27px #eff6f7, 3px 3px 15px #f6f6f6;
    background: #f3f3f3;
    width: 100%;
}

.kehu .content {
    width: 100%;
    max-width: 100%;
    overflow: hidden;
}
div#kehu {
    box-shadow: 0px 0.8rem 1.9rem #f7f7f7, 3px 3px 3.8rem #f7f7f7;
    background: #f4f4f4;
}

div#kehu .list li:not(:last-child){
	margin-right: 10px;
}
div#kehu .item:not(:last-child){
	margin-bottom: 10px;
}
.kehu li {
     float: left;
    width: 14.58%;
    height: auto;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    line-height: 0px; 
}
.kehu ul li {
    float: left;
    width: 14.58%;
    height: auto;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    line-height: 0px;
}

.kehu ul li:hover img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
}

.kehu ul li img {
    width: 100%;
    transition: 1s;
}


.kehu .mores {
    background: #2fa485;
    width: 16rem;
    height: 3rem;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    border-radius: 2rem;
    margin-top: 2rem; 
}

.kehu .mores a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 3rem;
    color: #fff;
    box-sizing: border-box;
    font-size: 0.9rem;
    background: #2fa485 url(../images/anniut.png) no-repeat 13.3rem center;
    padding-right: 1.5rem;
    background-size: 1.6rem;
}








.abouts {
    background: #f5f5f5;
    padding: 5.75rem 0  6rem 0;
}

.abouts dl {
    float: left;
    width: 40%;
    overflow: hidden;
    background: #fff;
}

.abouts dl dt {
    line-height: 0px;
}

.abouts dl dt img {
    width: 100%;
}

.abouts dl dd {
    box-sizing: border-box;
    padding: 1rem 5% 1.6rem 5%;
    color: #000;
}

.abouts dl dd h4 {
    font-size: 1.2rem;
}

.abouts dl dd p {
    font-size: 0.9rem;
    line-height: 1.5rem;
}

.abouts dl dd a {
font-size: 1rem;
    border-bottom: 2px solid #2fa485;
    display: inline-block;
    padding-bottom: 0.76rem;
    margin-top: 1.4rem;
    color: #2fa485;
    padding-right: 2rem;
    background: url(../images/anniu2t.png) no-repeat right center;
    background-size: 1.4rem;
    height: 1.1rem;
}

.abouts .about-right {
    float: right;
    width: 52.88%;
        margin-top: 2rem;
}

.abouts .about-right h2 {
    font-size: 2.4rem;
    color: #000;
    height: 5.5rem;
    line-height: 3rem;
    padding-bottom: 1.75rem;
    margin-bottom: 1.45rem;
    position: relative;
}
.abouts .about-right h2:after{content:"";background: #2fa485;width: 1.85rem;height: 0.16rem;display: block;position: absolute;left: 0px;bottom: 0px;}
.abouts .about-right .desc {
font-size: 1rem;
    line-height: 1.85rem;
        margin-top: 2rem;
    color: #000;
}

.abouts .about-right a {
    width: 8rem;
    height: 2.36rem;
    text-align: center;
    overflow: hidden;
    border-radius: 2rem;
    margin-top: 2.2rem;
    color: #fff;
    display: block;
    line-height: 2.36rem;
    box-sizing: border-box;
    padding-right: 1.2rem;
    background: #2fa485 url(/web/template/trhb/images/anniut.png) no-repeat 6rem center;
    background-size:1.4rem ;
    margin-bottom: 3.3rem;
}

.abouts .about-right ul {}

.abouts .about-right ul li {
    float: left;
    margin-right: 9.49%;
}

.abouts .about-right ul li p {
    height: 2.5rem;
    line-height: 2.5rem;
    overflow: hidden;
    padding-bottom: 0.4rem;
}

.abouts .about-right ul li p span {
    color: #2fa485;
    font-size: 3rem;
    float: left;
    font-family: 'Sans-B';
}

.abouts .about-right ul li p i {
    float: left;
    font-size: 0.9rem;
    color: #2fa485;
    line-height: 3.3rem;
    height: 3rem;
    font-family: 'Sans-B';
}

.abouts .about-right ul li b {font-family: 'Sans';font-size:0.9rem;}

.abouts .about-right ul li img {
    width: 2.05rem;
    display: block;
    margin-top: 1.5rem;
}

.clearfix {}

.abouts .about-right ul li:last-child {
    margin: 0px;
}








.products {
    padding: 5.6rem 0 2.6rem;
}
.products .pre {
    position: relative;
}

.products .pre .pro_cp {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    height: 0px;
    z-index: 99;
}
.products .tit {
    width: 60%;
    text-align: center;
    margin: 0 auto 3rem;
}

.products .tit h2 {
    height: 5rem;
}

.products .tit  p {
    height: auto;
    line-height: 1.4rem;
    font-style: italic;
}

.products .imgs {
    line-height: 0px;
    position: relative;
}

.products .imgs img {
    width: 100%;
    display: block;
}


.products .ps {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}
div#products {
    overflow: hidden;
}
.products  .content {
    height: 100%;
    display: block;
}

.products .wenzi {
    float: left;
    width: 31.333%;
    height: 100%;
    overflow: hidden;
    box-sizing: border-box;
    padding-top: 7%;
}

.products .wenzi b {
    display: block;
    height: 4.4rem;
    font-size: 2rem;
    line-height: 2.4rem;
    margin-bottom: 2.2rem;
}

.products .wenzi p {
    color: #000;
    font-size: 0.9rem;
    line-height: 1.5rem;
    height:auto;
    margin-bottom:2rem;
}

.products .wenzi .mores {
    display: block;
}

.products .wenzi .mores a {
    width: 8rem;
    height: 2.36rem;
    text-align: center;
    overflow: hidden;
    border-radius: 2rem;
    margin-top: 2.2rem;
    color: #fff;
    display: block;
    font-size: 0.8rem;
    line-height: 2.36rem;
    box-sizing: border-box;
    padding-right: 1.2rem;
    background: #2fa485 url(/web/template/trhb/images/anniut.png) no-repeat 6rem center;
    background-size:1.4rem;
    margin-bottom: 3.3rem;
}

.products .column {
    float: right;
    width: 27%;
    height: 100%;
    line-height: 1.5rem;
    padding-top: 7.2%;
}

.products .column li {
    display: block;
    height: 4.1rem;
    background: #fff;
    margin-bottom: 4.6%;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #2fa485;
    border-radius: 0.5rem;
    cursor: pointer;
    position:relative;
}
.products .column li.cur:before {content: "";position: absolute;left: -8px;top: 50%;transform: translateY(-50%);border-top: 12px solid transparent;border-bottom: 12px solid transparent;border-right: 12px solid #2fa485;border-left: 0;}

.products .column li span {
     padding: 1rem;
     font-size: 0.9rem;
    line-height: 1.2rem;
    height: 100%;
    width: 94%;
    box-sizing: border-box;
    margin-left: 6%;
    padding-left: 10%;
    font-family: 'Sans-B';
    display: flex;
    align-items: center;
    justify-content: left;
    text-align: left;
}

.products .column li em {
    width: 1.75rem;
    height: 1.45rem;
    overflow: hidden;
    position: absolute;
    top: 1.2rem;
    left: 5%;
}

.products .column li em img {
    width: 100%;
}

.products .column li.cur em .no {
    display: none;
}


.products .column li.cur {
    background: #2fa485;
}

.products .column li.cur span {
    color: #fff;
}
.products2 {
    margin-bottom: 5rem;
}

.products2 li {
    float: left;
    width: 24.9%;
    border-bottom: 1px solid #e5e5e5;
    border-right: 1px solid #e5e5e5;
    border-top: 1px solid #e5e5e5;
}

.products2 li img {
    width: 100%;
}

.products2 li a {}

.products2 li a i {}

.products2 li a .tit {
    height: 5.5rem;
    line-height: 1.3rem;
    font-size: 0.8rem;
    text-align: center;
    box-sizing: border-box;
    padding: 0 13%;
    display: flex;      /* 开启flex */
    align-items: center;/* 上下居中 */
    justify-content: center; /* 左右居中（可选） */
    text-align: left;
}

.products2 li:nth-child(n+5) {border-top: 0px;}
.products2 li:nth-child(4n) {border-right: 0px;}
.products2 .fenye {
    display: block;
}

.products2 .prolist {
    position: relative;
}

.products2 .fenye span {
    position: absolute;
    top: 45%;
    display: block;
    width: 2rem;
    cursor: pointer;
}

.products2 .fenye span img {
    width: 100%;
}

.products2 .fenye span.prve {
    left: -4rem;
}

.products2 .fenye span.next {
    right: -4rem;
}

.products2 .content {
    position: relative;
}


.bannerpc .ban-con.txt1 {
    top: 13.6rem;
}

.apps {
    background: #f5f5f5;
    padding: 5rem 0 6.5rem;
}

.apps .tit {
    margin-bottom: 2.9rem;
}

.apps .tit h2 {
    height: 5rem;
}

.apps .tit p {}

.apps .column {
    margin-bottom: 2.6rem;
}

.apps .column li {
    float: left;
    text-align: center;
    width: 9%;
    padding: 0 1.7%;
    cursor: pointer;
}

.apps .column li em {
    display: block;
    width: 3.1rem;
    height: 3.1rem;
    border: 1px solid #000;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin-bottom: 1.3rem;
}

.apps .column li em img {
    transition: .2s;
    width: 100%;
    display: block;
    position: absolute;
    opacity: 1;
    left: 0px;
    top: 0px;
}

.apps .column li em img.yes {
    opacity: 0;
}

.apps .column li em img.no {}

.apps .column li:hover em img.no {}

.apps .column li:hover em img.yes {}

.apps .column li span {
    display: block;
    width: 100%;
    font-size: 0.9rem;
    color: #000;
    font-family: 'Sans-B';
    line-height: 1.2rem;
}

.apps .column li a {}

.apps .appslist {}

.apps .column li.cur em img.yes,.apps .column li:hover em img.yes {
    opacity: 1;
}

.apps .column li.cur em,.apps .column li:hover em {
    background: #2fa485;
    border: 1px solid #2fa485;
}

.apps .column li.cur em img.no,.apps .column li:hover em img.no {
    opacity: 0;
}






.apps .app_fs {
    position: relative;
}

.apps .app_fs dt img {
    width: 100%;
}

.apps .app_fs .fenye {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    width: 100%;
    height: 0px;
}

.apps .app_fs .fenye .content {
    position: relative;
    height: 0px;
}

.apps .app_fs .fenye span.prve {
    position: absolute;
    top: 17rem;
    width: 3.5rem;
    left:-3rem;
    z-index: 99;
}
.apps .app_fs .fenye span.next {
    position: absolute;
    top: 17rem;
    width: 3.5rem;
    right:-3rem
}
.apps .app_fs .fenye img {
    width: 100%;
}

.apps .app_fs .fenye span {
    cursor: pointer;
}
.apps .app_fs dl{ cursor: pointer;}
.apps .app_fs dl dt {
    position: relative;
    z-index: 98;
    line-height: 0px;
}

.apps .app_fs dl dt img {
    display: b;
}

.apps .app_fs dl dt em {
  display: inline-block;
    font-size: 1.2rem;
    color: #fff;
    position: absolute;
    top: 6%;
    z-index: 99;
    left: 11%;
    padding-bottom: 1rem;
    line-height: 1.4rem;
    width: 77%;
}
.apps .app_fs dl:hover dd{

  opacity:1;  
}

.apps .app_fs dl:hover dt em{

  opacity:0;  
}
.apps .app_fs dl dd{
    position: absolute;
    z-index: 99;
    opacity: 0;
    left: 0px;
    top: 0px;
    height: 100%;
}

.apps .app_fs dl dd:after{content:"";background:#2fa485;width: 100%;position: absolute;left: 0px;height: 100%;top: 0px;opacity: 0.9;z-index: 9;}

.apps .app_fs dl .zdex {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.apps .app_fs dl .zdex b {
    display: inline-block;
    font-size: 1.2rem;
    color: #fff;
    position: absolute;
    top: 6%;
    width: 77%;
        line-height: 1.4rem;
    z-index: 99;
    left: 11%;
    padding-bottom: 0.5rem;
    font-weight: normal;
    
}

.apps .app_fs dl .zdex b:after {
    content: "";
    background: rgb(255 255 255 / 60%);
    width: 1rem;
    height: 0.1rem;
    position: absolute;
    bottom: 0px;
    left: 0px;
}


.apps .app_fs dl .zdex .desc {
    padding: 0 11%;
    font-size: 0.9rem;
    color: #fff;
    line-height: 1.5rem;
    top: 22%;
    position: relative;
    left: 0%;
    box-sizing: border-box;
}

.apps .app_fs dl .zdex .more_a {
    font-size: 0.8rem;
    position: absolute;
    top: 65%;
    left: 8%;
    color: #fff;
    display: inline-block;
    border-bottom: 1px solid #fff;
    background: url(/web/template/trhb/images/ht2.png) no-repeat right center;
    padding-right: 1rem;
    background-size: 0.34rem;
    line-height: 1.5rem;
}

.apps .app_fs dl .zdex .more_b {font-size: 0.8rem;position: absolute;top: 83%;left: 8%;color: #2fa485;display: inline-block;border-bottom: 1px solid #fff;background: #fff url(/web/template/trhb/images/anniu2t.png) no-repeat 90% center;padding-right: 1rem;background-size: 1.4rem;width: 44%;height: 2.3rem;line-height: 2.3rem;border-radius: 2rem;overflow: hidden;text-align: center;}

.apps .app_fs dl dt em:after {
    content: "";
    background: rgb(255 255 255 / 20%);
    width: 1rem;
    height: 0.1rem;
    position: absolute;
    bottom: 0px;
    left: 0px;
}










.youshi {
    background: #f5f5f5;
    padding-bottom: 3.3rem;
}

.youshi .tit {}

.youshi .tit h2 {
    height: 5.5rem;
    line-height: 3rem;
}

.youshi .ps {
    position: relative;
}

.youshi .fenye {}

.youshi .fenye .prve {
    position: absolute;
    left: -4rem;
}

.youshi .fenye span.next {
    right: -4rem;
}

.youshi .fenye span img {
    width: 100%;
}

.youshi .wen_dl {}

.youshi .wen_dl dl {
    position: relative;
    top: 2.22rem;
}
.youshi .wen_dl dl dd{
    width: 42.666%;
    background: #fff;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    box-sizing: border-box;
    padding: 2rem 3.2%;
}
.youshi .wen_dl dl dt {
    width: 57.33%;
    float: right;
    line-height: 0px;
}
.youshi .wen_dl dl dt img{ width:100%;}
.youshi .wen_dl dl dd em {
    display: flex;
    background: url(../images/szx.png) no-repeat;
    border-radius: 55%;
    width: 8rem;
    height: 8rem;
    align-items: center;
    justify-content: center;
    text-align: left;
    margin-top: -4rem;
    background-size: 100%;
}
.youshi .wen_dl dl dd em img{
    margin: 0 auto;
    width: 32%;
}

.youshi .wen_dl dl dd h4 {
    margin-top: 2rem;
    font-size: 2.2rem;
    color: #000;
    line-height: 2.5rem;
    font-weight: normal;
    margin-bottom: 1.5rem;
}

.youshi .wen_dl dl dd p{
    font-size: 0.9rem;
    color: #000;
    line-height: 1.5rem;
}

.youshi .column {
    height: 6.9rem;
}

.youshi .column ul {
    display: block;
    height: 100%;
}

.youshi .column ul li {
    height: 100%;
    width: 25%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    padding: 0 4%;
    text-align: center;
    line-height: 1.4rem;
    color: #000;
    font-size: 0.9rem;
    border-bottom: 2px solid #e8e8e8;
    cursor: pointer;
    position: relative;
     font-family: 'Sans-B';
}
.youshi .fenye span {
    width: 2.1rem;
    display: block;
    position: absolute;
    top: 36%;
    cursor: pointer;
}

.youshi .column ul li.cur {
    border-bottom: 2px solid #2fa485;
}

.youshi .column ul li b {
    width: 2rem;
    position: absolute;
    bottom: -1.4rem;
    opacity: 0;
    left: 45%;
}

.youshi .column ul li b img {
    width: 100%;
}

.youshi .column ul li.cur b {
    opacity: 1;
}








.news {
    padding: 5.08rem 0 6rem;
}

.news dl {
    float: left;
    width: 31.5%;
    margin-right: 2.6%;
    cursor: pointer;
}

.news dl dt {
    line-height: 0px;
}

.news dl dt  img {
    width: 100%;
}

.news dd {
    background: #f5f5f5;
    box-sizing: border-box;
    padding: 1.3rem 7% 2.1rem 7%;
    display: block;
    height: 17.6rem;
}

.news dd span {
    display: block;
    font-size: 0.8rem;
    margin-bottom: 0.6rem;
    color: #2fa485;
     font-family: 'Sans-B';
}

.news dd h4 {
    font-size: 1rem;
    display: block;
    max-width: 100%;
    white-space: normal;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-all;
    line-break: strict;
    line-height: 1.5rem;
    padding-bottom: 0.8rem;
  font-family: 'Sans-B';
    font-weight: normal;
    color: #000;
}

.news dd p {
    font-size: 0.8rem;
    line-height: 1.5rem;
    display: block;
    height: 4.5rem;
    overflow: hidden;
    margin-bottom: 1.1rem;
}

.news dd a {
  width: 8rem;
    height: 2.36rem;
    text-align: center;
    overflow: hidden;
    border-radius: 2rem;
    margin-top: 2.2rem;
    color: #fff;
    display: block;
    line-height: 2.36rem;
    box-sizing: border-box;
    padding-right: 1.2rem;
    background: #2fa485 url(/web/template/trhb/images/anniut.png) no-repeat 6rem center;
    margin-bottom: 3.3rem;
    background-size: 1.2rem;
    font-size: 0.8rem;
}

.news dl:last-child {
    margin-right: 0px;
}


.news .column {
    text-align: center;
    margin-bottom: 1.57rem;
}

.news .column li {
    display: inline-block;
    margin: 0 1.85rem;
    cursor: pointer;
}

.news .column li em {
    float: left;
    width: 1.25rem;
    overflow: hidden;
    height: 1.25rem;
    position: relative;
    margin-right: 0.4rem;
}

.news .column em img {
    width: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
}

.news .column em .yes {
    opacity: 0;
}

.news .column em .no {
    opacity: 1;
}

.news .column span {
    float: left;
     font-family: 'Sans-B';
    font-size: 0.9rem;
    color: #000;
}

.news  .tit {
    margin-bottom: 2.55rem;
}

.news .column li.cur em .no {
    opacity: 0;
}
 
.news .column li.cur em .yes {
    opacity: 1;
}

.news .column li.cur span {
    color: #2fa485;
}

.news .column li.cur {
    border-bottom: 3px solid #2fa485;
}

.banmc{ display:none;}

.kehumc {display:none;}

.aboutsmc {display:none;}

.productsmc {display:none;}

.products2mc {display:none;}

.appsmc {display:none;}

.youshimc {display:none;}

.newsmc {display:none;}
@media screen and (max-width: 767px){

.bannerpc{ display:none;}

.kehu {display:none;}

.abouts {display:none;}

.products {display:none;}

.products2 {display:none;}

.apps {display:none;}

.youshi {display:none;}

.news {display:none;}


.banmc{ display:block;}

.kehumc {display:block;}

.aboutsmc {display:block;}

.productsmc {display:block;}

.products2mc {display:block;}

.appsmc {display:block;}

.youshimc {display:block;}

.newsmc {display:block;}




.banmc{line-height:0;position:relative;}
.banmc img{width:100%;display:block;}
.banmc .ban-con{width:100%;position:absolute;left:0%;top: 4rem;}

.banmc .ban-con.txt1 span{
         display: block;
        line-height: 2.7rem;
        font-size: 1.8rem;
        color: #fff;
        font-weight: bold;
        font-family: "Sans-M";
        width: 100%;
        text-align: center;
}
.banmc .ban-con.txt1 p{
        line-height: 1.86rem;
        font-size: 1.3rem;
        color: #fff;
        font-family: Arial;
        width:100%;
        height: 4rem;
        margin-bottom: 2.6rem;
        font-family:"Sans";
}

.banmc .dot {
    display: block;
    padding: 2em 0 1.55rem;
}

.banmc .dot b {
    display: inline-block;
    width: 0.6rem;
    height: 0.6rem;
    background: #2fa485;
    padding: 0px;
    border-radius: 50%;
    margin-right: 0.4rem;
}


.banmc .ban-con.txt1{ top:6rem;}

.banmc .ban-con.txt2{ left:0px; }


.banmc .ban-con.txt2 h3{
   font-size:2.4rem;
   color:#fff;
   display: block;
   text-align: center;
   height: 2rem;
   line-height: 2.4rem;
   padding-bottom: 1.5rem;
    font-family: 'Sans-B';
}
.banmc .ban-con.txt2 b{
   font-size:2.4rem;
   color:#fff;
      text-align: center;
   display: block;
   height: 2.4rem;
   line-height: 2.4rem;
    font-family: 'Sans-B';
}

.banmc .ban-con.txt2 p{
        line-height: 1.6rem;
        font-size: 1.3rem;
        color: #fff;
        font-family: Arial;
        width: 47%;
        height: 4rem;
        margin-bottom: 2.6rem;
        font-family:"Sans";
}

.banmc .ban-con.txt2 ul{margin-top:4.2rem; }





.banmc .ban-con.txt2 ul li{display:block;height:3rem;line-height:3rem;color:#fff;font-size:1.3rem;padding-left: 3.4rem;margin:0 auto;margin-bottom:0.5rem; }
.banmc .ban-con.txt2 ul li:nth-child(1){background:url(../images/b2_1.png) no-repeat;background-size:100% 100%;width: 21rem;}
.banmc .ban-con.txt2 ul li:nth-child(2){background:url(../images/b2_2.png) no-repeat;background-size:100% 100%;width:16.5rem;}
.banmc .ban-con.txt2 ul li:nth-child(3){background:url(../images/b2_3.png) no-repeat;background-size:100% 100%;width: 25.5rem;}
.banmc .ban-con.txt2 ul li:nth-child(4){background:url(../images/b2_3.png) no-repeat;background-size:100% 100%;width: 25.5rem;}



.banmc .ban-con.txt3 h3 {
    margin-bottom: 1.35rem;
    color: #fff;
    font-size: 5rem;
    text-align: center;
    display: block;
    line-height: 3rem;
    font-family: "Sans-B";
    background-size: 6rem;
}



.banmc .ban-con.txt1 ul{margin-top: 2rem;}

.banmc .ban-con.txt1 ul li {
    font-size: 1.1rem;
    color: #fff;
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-family: "Sans-M";
}
.banmc .ban-con.txt3 ul{margin-top: 2rem;}

.banmc .ban-con.txt3 ul li {
    font-size: 1.1rem;
    color: #fff;
    display: block;
    height: 2rem;
    line-height: 2rem;
    text-align: center;
    font-family: "Sans-M";
}




.banmc .ban-con.txt3{top: 7rem;}
.banmc .ban-con.txt3 p{
    color: #fff;
        font-size: 1.8rem;
        line-height: 3rem;
        display: block;
        text-align: center;
        width: 100%;
        font-family: 'Sans-B';
}




.kehumc {
    background: #f5f5f5;
    padding: 3.6rem 0 4rem;
    overflow: hidden;
}

div#kehumc {
    box-shadow: 0px 0.8rem 1.9rem #f7f7f7, 3px 3px 3.8rem #f7f7f7;
    background: #f4f4f4;
}

div#kehumc .list li:not(:last-child){
	margin-right: 0.5rem;
}
div#kehumc .item:not(:last-child){
	margin-bottom: 0.5rem;
}

.tit h2 {
    font-size: 2.2rem;
     font-family: 'Sans-B';
}

.kehumc .tit {
    margin-bottom: 1.85rem;
}

.kehumc li {
    float: left;
    width: 25%;
    line-height: 0px;
}

.kehumc .mores a {
    width: 100%;
    height: 3.5rem;
    text-align: center;
    overflow: hidden;
    border-radius: 2rem;
    color: #fff;
    display: block;
    line-height: 3.5rem;
    box-sizing: border-box;
    padding-right: 1.66rem;
    background: #2fa485 url(/web/template/trhb/images/anniut.png) no-repeat 91% center;
    background-size: 1.6rem;
    font-size: 1.2rem;
     font-family: 'Sans';
}

.kehumc .mores {
    width: 52%;
    margin: 0 auto;
    padding-top: 2.4rem;
}





.aboutsmc {
    padding: 3.8rem 0 4rem;
}

.aboutsmc h2 {
    font-size: 2.2rem;
    color: #000;
    display: block;
    text-align: center;
    margin-bottom: 1.8rem;
}

.mcontent {
    width: 92%;
    margin: 0 auto;
    overflow: hidden;
}

.aboutsmc img {
    width: 100%;
}

.aboutsmc dt img {
    border-radius: 0.5rem;
    display: block;
}

.aboutsmc dl dt {
    line-height: 0px;
    margin-bottom: 2rem;
}

.aboutsmc dd {
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #000;
    margin-bottom: 2rem;
}

.aboutsmc a {
    width: 34%;
    height: 3.5rem;
    text-align: center;
    overflow: hidden;
    border-radius: 2rem;
    color: #fff;
    display: block;
    line-height: 3.5rem;
    box-sizing: border-box;
    padding-right: 1.2rem;
    background: #2fa485 url(/web/template/trhb/images/anniut.png) no-repeat 85% center;
    background-size: 1.6rem;
    font-size: 1.2rem;
    margin: 0 auto;
}

.aboutsmc ul li {
    float: left;
    width: 50%;
}

.aboutsmc ul li:nth-child(3), .aboutsmc ul li:nth-child(4) {
    border-bottom: 0px;
}
.aboutsmc ul {
    margin-top: 3.5rem;
    border: 1px solid #e5e5e5;
    border-radius: 0.6rem;
}
.aboutsmc ul li {
    box-sizing: border-box;
    padding: 2rem 6%;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}

.aboutsmc ul li p {
    color: #000;
    display: block;
    width: 100%;
    line-height: 2.5rem;
    height: 2.5rem;
     font-family: 'Sans-B';
}

.aboutsmc ul li p span {
    font-size: 3rem;
    color: #2fa485;
    font-weight: bold;
}

.aboutsmc ul li i {
    font-size: 1.2rem;
    color: #2fa485;
}

.aboutsmc ul li b {
    font-size: 1.2rem;
    display: block;
    color: #000;
    font-weight: normal;
     font-family: 'Sans';
}



.aboutsmc ul li:nth-child(1):after {
    content: "";
    position: absolute;
    width: 1px;
    top: 0px;
    right: 1px;
    display: block;
    background: #e5e5e5;
    height: 100%;
}

.aboutsmc ul li:nth-child(3):after {
    content: "";
    position: absolute;
    width: 1px;
    top: 0px;
    right: 1px;
    display: block;
    background: #e5e5e5;
    height: 100%;
}




.productsmc {
    background: #f5f5f5;
    padding-bottom: 1rem;
    padding-top: 3.6rem;
}

.productsmc .column li em {
    position: absolute;
    top: 1rem;
    left: 4%;
    width: 1.5rem;
}

.productsmc .column li em img {
    width: 100%;
}


.tit p {
    color: #000;
    font-style: normal;
    font-size: 1.2rem;
     font-family: 'Sans-B';
}

.productsmc .column {
    width: 92%;
    height: 100%;
    line-height: 1.5rem;
    padding-top: 7.2%;
    margin: 0 auto;
}
.productsmc .column li:after {content:"";background: url(/web/template/trhb/images/anniu2t.png) no-repeat;display: block;position: absolute;width: 1.5rem;height: 1.5rem;background-size: 100%;right: 3%;top: 1.13rem;}
.productsmc .column li {
    display: block;
    height: 4.2rem;
    background: #fff;
    margin-bottom: 0.8rem;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #acdbce;
    border-radius: 0.5rem;
    cursor: pointer;
    position:relative;
}
.productsmc .column li span {
    padding: 1rem;
    display: block;
    line-height: 2.2rem;
    height: 100%;
    width: 94%;
    font-size: 1.2rem;
    box-sizing: border-box;
    margin-left: 6%;
    padding-left: 10%;
    color: #000;
}
.productsmc .column li:nth-child(1) span {background: url(/web/template/trhb/images/pro-c1.png) no-repeat left center;background-size: 2.1rem;}
.productsmc .column li:nth-child(2) span {background: url(/web/template/trhb/images/pro-c2.png) no-repeat left center;background-size: 2.1rem;}
.productsmc .column li:nth-child(3) span {background: url(/web/template/trhb/images/pro-c3.png) no-repeat left center;background-size: 2.1rem;}
.productsmc .column li:nth-child(4) span {background: url(/web/template/trhb/images/pro-c4.png) no-repeat left center;background-size: 2.1rem;}



.products .column li.cur {
    background: #2fa485;
}

.products .column li.cur span {
    color: #fff;
}

.productsmc li {}

.productsmc {}

.products2mc {
   background: linear-gradient(#f5f5f5, #f6f6f6 25%, #fdfdfd);
    padding-bottom: 2.7rem;
    box-shadow: 0px 0.8rem 1.9rem #fdfdfd, 3px 3px 3.8rem #fdfdfd;
}

.products2mc li {
    float: left;
    width: 48%;
    margin-right: 4%;
    background: #fff;
    margin-bottom: 1.5rem;
    box-shadow: 0px 0.8rem 1.9rem #f0f0f0;
}

.products2mc li img {}

.products2mc li .tit {
    font-size: 1.2rem;
    color: #000;
    display: block;
    line-height: 1.7rem; 
    height: 6.33rem;
    text-align: left;
    padding: 0 9%;
}

.products2mc li:nth-child(2n) {
    margin-right: 0px;
} 

.products2mc a.more {
    width: 46%;
    height: 3.5rem;
    text-align: center;
    overflow: hidden;
    border-radius: 2rem;
    color: #fff;
    display: block;
    line-height: 3.5rem;
    box-sizing: border-box;
    padding-right: 4%;
    background: #2fa485 url(/web/template/trhb/images/anniut.png) no-repeat 89% center;
    background-size: 1.6rem;
    font-size: 1.2rem;
    margin: 1rem auto;
}







.appsmc {
    padding: 1rem 0 6.5rem;
    overflow: hidden;
}

.appsmc .tit {
    margin-bottom: 2.9rem;
}

.appsmc .tit h2 {
    height: 2.5rem;
}

.appsmc .tit p {}

.appsmc .column {
    margin-bottom: 2.6rem;
}

.appsmc .column li {
    float: left;
    text-align: center;
    width: 25%;
    padding: 0 1.7%;
    cursor: pointer;
    box-sizing: border-box;
    border-right: 1px solid #e5e5e5;
    padding-bottom: 1rem;
}

.appsmc .column li em {
    display: block;
    width: 3.1rem;
    height: 3.1rem;
    border: 1px solid #000;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    margin: 0 auto;
    margin-bottom: 1.3rem;
}

.appsmc .column li em img {
    transition: .2s;
    width: 100%;
    display: block;
    position: absolute;
    opacity: 1;
    left: 0px;
    top: 0px;
}

.appsmc .column li em img.yes {
    opacity: 0;
}

.appsmc .column li em img.no {}

.appsmc .column li:hover em img.no {}

.appsmc .column li:hover em img.yes {}

.appsmc .column li span {
    display: block;
    width: 100%;
    font-size: 1.2rem;
    color: #000;
    font-family: 'Sans';
    line-height: 1.2rem;
    height: 4rem;
    font-weight: normal;
}

.appsmc .column li a {}

.appsmc .appsmclist {}

.appsmc .column li.cur em img.yes,.appsmc .column li:hover em img.yes {
    opacity: 1;
}

.appsmc .column li.cur em,.appsmc .column li:hover em {
    background: #2fa485;
    border: 1px solid #2fa485;
}

.appsmc .column li.cur em img.no,.appsmc .column li:hover em img.no {
    opacity: 0;
}






.appsmc .app_fs {
    position: relative;
}

.appsmc .app_fs dt img {
    width: 100%;
}

.appsmc .app_fs .fenye {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 99;
    width: 100%;
    height: 0px;
}

.appsmc .app_fs .fenye .content {
    position: relative;
    height: 0px;
}

.appsmc .app_fs .fenye span.prve {
    position: absolute;
    top: 17rem;
    width: 3.5rem;
    left:-3rem;
    z-index: 99;
}
.appsmc .app_fs .fenye span.next {
    position: absolute;
    top: 17rem;
    width: 3.5rem;
    right:-3rem
}
.appsmc .app_fs .fenye img {
    width: 100%;
}

.appsmc .app_fs .fenye span {
    cursor: pointer;
}
.appsmc .app_fs dl{cursor: pointer;background: #f5f5f5;}
.appsmc .app_fs dl dt {
    position: relative;
    z-index: 98;
    line-height: 0px;
}

.appsmc .app_fs dl dt img {
    display: block;
}

.appsmc .app_fs dl dd{
    position: relative;
    z-index: 99;
    height: auto;
    padding-bottom: 2rem;
    height: 27rem;
}

.appsmc .app_fs dl .zdex {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}

.appsmc .app_fs dl .zdex b {
    display: block;
    font-size: 1.8rem;
    color: #000;
    position: relative;
    text-align: left;
    margin: 2rem 0 1.5rem;
    padding: 0 0 0 12%;
    line-height: 2rem;
}

.appsmc .app_fs dl .zdex b:after {
    content: "";
    background: rgb(255 255 255 / 60%);
    width: 1rem;
    height: 0.1rem;
    position: absolute;
    bottom: 0px;
    left: 0px;
}


.appsmc .app_fs dl .zdex .desc {
    padding: 0 7% 2rem;
    font-size: 1.2rem;
    color: #000;
    line-height: 1.65rem;
    position: relative;
    left: 0%;
    box-sizing: border-box;
}

.appsmc .app_fs dl .zdex .more_a {
    font-size: 0.8rem;
    position: absolute;
    top: 65%;
    left: 8%;
    color: #fff;
    display: inline-block;
    border-bottom: 1px solid #fff;
    background: url(/web/template/trhb/images/ht2.png) no-repeat right center;
    padding-right: 1rem;
    background-size: 0.34rem;
    line-height: 1.5rem;
}

.appsmc .app_fs dl .zdex .more_b {
  width: 69%;
  height: 3.5rem;
  text-align: center;
  overflow: hidden;
  border-radius: 2rem;
  color: #fff;
  display: block;
  line-height: 3.5rem;
  box-sizing: border-box;
  padding-right: 4%;
  background: #2fa485 url(/web/template/trhb/images/anniut.png) no-repeat 89% center;
  background-size: 1.6rem;
  font-size: 1.2rem;
  margin: 1rem auto;
}

.appsmc .app_fs dl dt em:after {
    content: "";
    background: rgb(255 255 255 / 20%);
    width: 1rem;
    height: 0.1rem;
    position: absolute;
    bottom: 0px;
    left: 0px;
}


.appsmc .column li:nth-child(4n) {
    border: 0px;
}






.youshimc {
    background: linear-gradient(#f9f9f9, #f6f6f6 5%, #f5f5f5);
}

.youshimc .tit {
    margin-bottom: 2.2rem;
    height: 5rem;
}

.tit {}

.youshimc {}

.youshimc dl {
    margin-bottom: 2rem;
    box-shadow: 0px 0.8rem 0.9rem #e6e6e6;
    border-radius: 0.35rem;
    overflow: hidden;
}

.youshimc dl dt {
    display: none;
    line-height: 0px;
    position: relative;
}

.youshimc dl dt img {
    width: 100%;
    display: block;
    border-radius: 0.5rem;
}

.youshimc dl dt i {}

.youshimc dl dt em {
position: absolute;
        bottom: -2rem;
        right: 3%;
        background: url(../images/szx.png) no-repeat;
        border-radius: 50%;
        width: 5rem;
        overflow: hidden;
        background-size: 100%;
        padding: 1rem;
}

.youshimc dl dt em i {
        display: block;
        margin: 12%;
        border-radius: 50%;
        padding: 12%;
}

.youshimc dl dt em i img {
    width: 100%;
}

.youshimc dl dd {
    display: none;
    box-sizing: border-box;
    padding: 0 6%;
}

.youshimc dl dd.yes {
    display: block;
    background: #fff;
    box-sizing: border-box;
    height: 7rem;
    padding: 1rem 6%;
    position: relative;
}

.youshimc dl dd h4 {
    font-size: 1.8rem;
    color: #000;
    line-height: 2.3rem;
    padding: 2rem 0 1.5rem;
    padding-right: 20%;
}

.youshimc dl dd p {
    font-size: 1.2rem;
    color: #000;
    line-height: 1.8rem;
}

.youshimc dl dd.yes:after {
    content: "";
    background: url(/web/template/trhb/images/mjt.png) no-repeat;
    background-size: 1.85rem;
    position: absolute;
    display: block;
    width: 2rem;
    height: 2rem;
    right: 6%;
    top: 3rem;
}

.youshimc dl dd.yes span {
    color: #000;
    font-size: 1.4rem;
    font-family: 'Sans-B';
    padding-right: 38%;
    line-height: 2rem;
    display: block;
    margin-top: 0.5rem;
}

.appsmc {
    background: linear-gradient(#fdfdfd,#f9f9f9, #fff 80%, #f9f9f9);
}

.youshimc dl.cur dt,.youshimc dl.cur dd {
    display: block;
}

.youshimc dl.cur dd.yes {
    display: none;
}

.youshimc dl.cur {
    box-shadow: none;
}


.newsmc {
    padding: 3.2rem 0 3.7rem;
}

.newsmc .tit {
    padding-bottom: 2rem;
    border-bottom: 1px solid #dcdcdc;
} 

.newsmc dl {
    display: block;
    padding: 1.65rem 0;
    border-bottom: 1px solid #dcdcdc;
}

.newsmc dl dt {
    float: right;
    width: 41%;
    line-height: 0px;
    border-radius: 0.5rem;
    overflow: hidden;
    padding-left: 1%;
}

.newsmc dl dt img {
    width: 100%;
}

.newsmc dl dd h4 {
    font-size: 1.2rem;
    color: #000;
}

.newsmc dl dd {display:block}

.newsmc dl dd span {
    font-size: 1rem;
    color: #2fa485;
}

}