.tit{text-align: center;font-weight: normal;font-size: 0;line-height: 0;}
.tit span{display:block;font-size: 2.5rem;color: #333333;line-height: 2.5rem;position: relative;font-weight: bold;}
.tit i{display:block;font-size: 1.2rem;line-height:1.2rem;color: #666666;margin-top: 0.6rem;text-transform: uppercase;position: relative;}

.news dt {
    max-height: 20rem;
    overflow: hidden;
}

.g-bd {
    position: relative;
    width: 100%;
    margin: 0 auto;
    height: auto;
    z-index: 15;
    font-size: 0;
}

.g-bd .m-box img {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
}

body .g-bd .swiper-pagination {
    bottom: 2rem;
    height: 0.8rem;
    line-height: 0;
    text-align: center;
}

.g-bd .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background: #fff;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 0.4rem;
    border-radius: 0.5rem;
    box-sizing: border-box;
}

.g-bd .swiper-pagination .swiper-pagination-bullet-active {
    background: #fc5604;
}

.g-adv img {
    width: 100%;
}

.wrap {
    max-width: 750px;
}

.yz {
    padding: 4rem 0 2rem;
}

.yz h2 {
    text-align: center;
    font-size: 1.2rem;
    padding-bottom: 1rem;
}

.yz h2 span {
    display: block;
}

.yz h2 b {
    color: #fc5604;
}

.yz h2 i {
    padding: 0.2rem 0;
    display: block;
}

.content {
    padding: 0 4%;
}

.yz dd p {
    display: block;
    font-size: 1.1rem;
    line-height: 1.8rem;
    color: #666666;
    padding-top: 0.8rem;
    font-weight: normal;
}

.yz a.more {
    color: #fff;
    line-height: 2.4rem;
    text-align: center;
    background: #fc5604;
    width: 8.8rem;
    display: block;
    border-radius: 9px;
    margin: 2rem auto;
    font-size: 1.21rem;
}

.case h2.tit {
    padding-bottom: 1.5rem;
}

.pro_con li span b {
    color: #666;
    font-size: 0.8rem;
    display: block;
}

div#productsTabs {}

.m_cp {
    padding-bottom: 2rem;
}

.m_cp .m_cpc {
    padding: 0 4%;
}

.m_cp dl {
    width: 48%;
    margin-right: 4%;
    float: left;
    height: auto;
    margin-bottom: 2rem;
    position: relative;
    border: 1px solid #d9d9d9;
    padding: 1%;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 36px 0 36px 0;
    transition: transform 0.3s ease;
}

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

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

.m_cp dl h3 {
    font-size: 1.1rem;
    color: #333;
    padding-bottom: 1rem;
}

.m_cp dl h3 a {
    color: #333;
    font-size: 1rem;
}

.m_cp dl .wz {
    border-bottom: 1px solid #d9d9d9;
    padding: 0.6rem 0;
    font-size: 0.8rem;
    line-height: 1.2rem;
    border-top: 1px solid #d9d9d9;
}

.m_cp dl .wz li {
    font-size: 1rem;
    line-height: 2rem;
}

.m_cp dl dd span {
    display: block;
    width: 100%;
}

.m_cp dl dd {
    padding: 4%;
}

.m_cp dl dd span img {
    width: 7rem;
    margin-top: 1rem;
}


.ys{height: 51rem;padding-top: 0px;box-sizing: border-box;background: url(/Mobile/Images/ys_bg.jpg) no-repeat center;er; */position: relative;background-size: 100% 100%;}
.ys .tit span,.ys .tit i{ color: #fff;  }
.ys h3{ width: 100%; background: rgba(255,255,255,0.8);height:112px;text-align: center;display: block;border-radius: 40px 40px 0 0;margin-top: 48px;}
.ys h3 em{ display: block;font-size: 22px;color: #0d0d0d;line-height: 22px;font-weight: normal;padding-top: 30px;}
.ys h3 span{ display: block;font-size: 22px;color: #0d0d0d;line-height: 22px;font-weight: bold;padding-top: 10px;}
.ys h3 span b{ color: #fc5604;}
.bg-white {
    padding: 2rem 2%;
    box-sizing: border-box;
    border-radius: 1rem;
    margin-top: 1.26rem;
    position: relative;
    overflow: hidden;
    height: auto;
}
.ys .card {
    float: left;
    width: 48%;
    border: 1px solid rgb(51 51 51 / 20%);
    margin-right: 2%;
    box-sizing: border-box;
    border-radius: 1rem;
    overflow: hidden;
    color: #333;
    height: 29rem;
    cursor: pointer;
    transition: transform 0.3s ease;
    margin-bottom: 3rem;
    padding-bottom: 4rem;
}

.ys .card:last-child {
    margin-right: 0px;
}

.bg-orange-500.text-white.p-4.text-center {}

.ys .card .bg-orange {
    color: #333;
    padding: 1rem 8% 1rem 8%;
}

.ys .card .bg-orange .text-2xl {
    text-align: center;
    font-size: 3rem;
    display: block;
    height: 3rem;
    line-height: 3rem;
    color: #fc5604;
    margin-bottom: 1rem;
}

.ys h2.tit {
    padding-top: 4.22rem;
}
.ys .content {
    width: 92%;
    max-width: 1520px;
}

.bg-white:before {
    content: "";
    background: #f4f0ee;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index: 9;
    opacity: 0.9;
}

.bg-white:after {}

.ys .grid {
    position: relative;
    z-index: 10;
    overflow: hidden;
}

.text-lg {
    text-align: center;
    color: #333;
    font-weight: bold;
    font-size: 1.3rem;
}

.text-sm {
    text-align: center;
    font-size: 1.1rem;
    line-height: 2rem;
    font-weight: bold;
}

.p-4 {
    padding: 0 3%;
}

.p-4 span {
    font-size: 1rem;
    word-break: break-all;
    overflow-wrap: break-word;
}
.p-4 li {
    margin-bottom: 1.2rem;
}

span.text-orange-500.mr-2.mt-1 {
    color: #fc5604;
    font-size: 1.52rem;
    padding-right: 0.2rem;
    float: left;
    height: 2rem;
    line-height: 1rem;
}

.ys .card:hover {
   transform:translateY(-0.25rem);
}



.pro{padding: 5rem 0% 0;background: url(/mobile/images/ysbgs.jpg) no-repeat center;background-size: 100% 57.5rem;height: 42.5rem;position: relative;box-sizing: border-box;margin-bottom: 13rem;}
.pro .tit span{ color: #fff; }
.pro .tit i{ color: #fff;opacity: 0.6; }
.pro_t{margin-top: 4rem;margin-bottom: 2rem;}
.pro_t li{float: left;width: 25%;height: 8rem;/* border-right: 1px solid rgba(255,255,255,0.1); */box-sizing: border-box;border-bottom: 1px solid rgba(255,255,255,0.1);}
.pro_t li img{ display: block;width: 5rem;height: 5rem;margin: 0 auto; }
.pro_t li span{ display: block;font-size: 1.3rem;line-height: 1.3rem;text-align: center;padding-top: 0.2rem;color: #f9f5f2; }
.pro_t li:nth-child(3),.pro_t li:nth-child(4){}
.pro_t li:nth-child(4){
    border-right: 0px;
}

.pro ul.wz {
    color: #fff;
    height: 7rem;
}

.pro ul.wz i {
    padding: 0;
    font-size: 1.2rem;
    line-height: 2rem;
    text-align: center;
    padding-top: 0.2rem;
    color: #f9f5f2;
}

.pro .yswu {
  overflow: hidden;
}

.pro_t li.cur {
    border-bottom: 2px solid #fc5604;
}

.pro ul.wz li.cur {
 
}
.pro_con{height: 20.1rem;background: #f4f0ee;box-sizing: border-box;text-align: center;margin-top: 1.7rem;border-radius: 0.66rem;}
.pro_con li a{width: 50%;float: left;text-align: center;position: relative;display: block;box-sizing: border-box;padding-top: 1.3rem;height: 16.1rem;}
.pro_con li:last-child a{border-right: 0;}
.pro_con li img{ display: block;width: 80%;margin:0 auto; }
.pro_con li span{ display:block;margin-top: 1.5rem; }
.pro_con li span em{display: block;font-size: 3rem;color: #000000;opacity: 0.2;h;height: 2.1rem;font-family: Impact;line-height: 1.8rem;text-align: center;}
.pro_con li span i{font-size: 1.2rem;color: #333;line-height: 2rem;text-align: left;margin-top: 0.5rem;position: relative;transition: all 0.3s;z-index: 20;text-align: center;display: inline-block;border-bottom: 1px solid #fc5604;margin-bottom: 0.4rem;font-weight: bold;}
.pro_con li span i:after{ position: absolute;left:-3%;top:0.8rem;width: 0;height: 0.35rem;content: ""; transition: all 0.3s;}
.pro_con li.cur span i{font-weight: bold;color: #0e0e0e;}
.pro .sp{ position: absolute;left:50%;margin-left: -3.3rem;width: 6.6rem;height: 7.3rem;bottom:-3.3rem; }


.case a.more {
    color: #fff;
    line-height: 2.4rem;
    text-align: center;
    background: #fc5604;
    width: 9rem;
    display: block;
    border-radius: 1rem;
    font-size: 1rem;
    margin: 1rem auto;
    overflow: hidden;
}
.case ul li a:after {
    content: "";
    background: rgb(0 0 0 / 16%);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 9;
}

.case{padding: 3.4rem 4% 1rem;background: #f0f0f0;}
.case_con{margin-top: 2.5rem;position: relative;padding-bottom: 2.6rem;}
.case_z li{width: 48%;position: relative;margin-bottom: 1rem;float: left;}
.case_s li{width: 100%;position:relative;margin-bottom: 1rem;}
.case_z li:nth-child(2){ float: right; }
.case ul li img{ display: block;width: 100%; }
.case ul li span{position: absolute;left:1.4rem;bottom:1.4rem;font-size: 1.1rem;color: #fff;line-height: 1.1rem;padding-right: 1rem;background: url(../images/case_jt.png) no-repeat right center;background-size: 0.3rem 0.5rem;z-index: 10;}
.case_con .swiper-pagination{bottom: 5rem;height: 0.8rem; line-height:0;text-align: center;}
.case_con .swiper-pagination .swiper-pagination-bullet{opacity: 1;background: url(../images/case_ddh.png) no-repeat center; width: 0.8rem; height: 0.8rem; margin: 0 0.5rem;box-sizing: border-box;background-size: 0.8rem 0.8rem;vertical-align: middle;}
.case_con .swiper-pagination .swiper-pagination-bullet-active{background: url(../images/case_dd.png) no-repeat center; width: 1rem; height: 1rem;background-size: 1rem 1rem;}

body .case .swiper-pagination {
    bottom: 1rem;
    height: 0.8rem;
    line-height: 0;
    text-align: center;
}

.case .swiper-pagination .swiper-pagination-bullet {
    opacity: 1;
    background: #fff;
    width: 0.8rem;
    height: 0.8rem;
    margin: 0 0.4rem;
    border-radius: 0.5rem;
    box-sizing: border-box;
}

.case .swiper-pagination .swiper-pagination-bullet-active {
    background: #fc5604;
}






.td{padding: 4rem 4%;}
.td .tit span{ color: #0e0e0e;  }
.td_con{margin: 2.5rem 0 0;}
.td_con ul{box-sizing: border-box;}
.td ul li{float: left;height: 10rem;padding-top: 1.4rem;box-sizing: border-box;width: 33%;position: relative;}
.td ul li img{ display: block;width: 2.5rem;height: 2.5rem;text-align: center;margin: 0 auto; }
.td ul li b{display:block;font-size: 1.2rem;line-height: 2rem;color: #0d0d0d;margin-top: 0.6rem;text-align: center;}
.td ul li i{display:block;font-size: 12px;line-height:12px;color: #0d0d0d;margin-top: 0.3rem;opacity: 0.2;text-transform: uppercase;text-align: center;}

.td ul li:after {
    position: absolute;
    right: 10%;
    top: 3.3rem;
    width: 1px;
    height: 4rem;
    content: "→";
    transition: all 0.3s;
    font-size: 2rem;
    color: #fc5604;
}
.td ul li:nth-child(1) {width: 26%;}
.td ul li:nth-child(2) {width: 48%;}
.td ul li:nth-child(3) {width: 26%;}
.td ul li:nth-child(4) {float: right;width: 55%;}
.td ul li:nth-child(5) {float: right;}

.td ul li:nth-child(1):after {
    position: absolute;
    right: 0%;
    top: 3.3rem;
    width: 1px;
    height: 4rem;
    content: "→";
    transition: all 0.3s;
    font-size: 2rem;
    color: #fc5604;
}
.td ul li:nth-child(2):after {
    position: absolute;
    right: 12%;
    top: 3.3rem;
    width: 1px;
    height: 4rem;
    content: "→";
    transition: all 0.3s;
    font-size: 2rem;
    color: #fc5604;
}
.td ul li:nth-child(3):after {
    position: absolute;
    right: 5rem;
    top: 9.6rem;
    width: 1px;
    height: 4rem;
    content: "↓";
    transition: all 0.3s;
    font-size: 2rem;
    color: #fc5604; 
}
.td ul li:nth-child(4):after {
    position: absolute;
    right: 10%;
    top: 3.3rem;
    width: 1px;
    height: 4rem;
    content: "→";
    transition: all 0.3s;
    font-size: 2rem;
    color: #fc5604;
    display: none;
}
.td ul li:nth-child(5):after {
    position: absolute;
    right: 2%;
    top: 3.3rem;
    width: 1px;
    height: 4rem;
    content: "‌←";
    transition: all 0.3s;
    font-size: 2rem;
    color: #fc5604;
}




.news{padding: 5rem 4% 3rem;}
.news h3{height: 3rem;margin-top: 2.5rem}
.news h3 span{ display: block;float: left;font-size: 1.2rem;color: #0e0e0e;line-height: 1.2rem;font-weight: bold;position: relative;position: relative;margin-right: 1.9rem;}
.news h3 span.cur:after{position: absolute;left:0;top:1rem;width: 100%;height: 0.35rem;background: #fc5604;content: ""; transition: all 0.3s;z-index: -1; }
.news h3 em img{ display: block;float: right;width: 1.2rem;height: 1.2rem; }
.news dt img{ display: block;width: 100%; }
.news dd{height: 7.5rem;border-bottom: 1px solid #e5e8eb;}
.news dd h4 a{ display: block;font-size: 1.1rem;line-height: 1.1rem;color: #666666;padding-top: 1rem;font-weight: bold; }
.news dd p{ display: block;font-size: 1.1rem;line-height: 1.8rem;color: #666666;padding-top: 0.8rem;font-weight: normal; }
.news li a{ display: block;font-size: 1.1rem;line-height: 4rem;color: #666666;border-bottom: 1px solid #e5e8eb;}
.news li em{ float: right; }



.xad{height: 29rem;background: url(/index/images/xad_bg.jpg) no-repeat center;padding-top: 4rem;box-sizing: border-box;position: relative;background-size: auto 100%;}
.xad h2 span{display: block;font-size: 2rem;color: #fff;line-height: 2rem;}
.xad h2 i{display: block;color: #fff;line-height: 2.5rem;padding-top: 1rem;font-size: 1.6rem;x;}
.xad h3{display: block;font-size: 1rem;color: #fff;line-height: 1.8rem;font-weight: normal;margin-top: 1rem;padding-right: 37%;}
.xad h3 span{ display:inline-block;margin-left: 18px;position: relative; z-index: 10;}
.xad h3 span:after{ position: absolute;left:-3%;top:16px;width: 106%;height: 7px;background: #fc5604;content: ""; transition: all 0.3s;z-index: -1;}
.xad p{font-size: 1.6rem;color: #fff;padding-left: 4rem;line-height: 3rem;margin-top: 0px;position: relative;z-index: 10;position: absolute;top: 15rem;}
.xad p:before{content: "";position: absolute;background: #fff url(/index/css/images/tel.png) no-repeat center;width: 3rem;height: 3rem;left:0;top:0;border-radius: 50%;background-size: 100%;}
.xad a{display:inline-block;width: 10rem;height: 3rem;background: #fc5604;border-radius: 20px;font-size: 1.2rem;font-weight: normal;line-height: 3rem;color: #fff;text-align: center;margin-left: 0px;m;margin-top: 0px;position: absolute;top: 20rem;left: 4%;}


.xad:after {
    content: "";
    background: #000;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 9;
    opacity: 0.1;
}

.xad .content {
    position: relative;
    z-index: 10;
}

.xad .content:after {
    content: "";
    background: rgb(255 255 255 / 20%);
    width: 92%;
    height: 3rem;
    position: absolute;
    top: 15rem;
    border-radius: 20rem;
    left: 1rem;
    z-index: 9;
}




  .g-hd{height:4.4rem;position: relative; }
      .g-hd img{display: block;width: 100%;}
      .g-hd .logo{float: left;width:auto;}
      .g-hd .logo img{width:auto;height: 3rem;background: #fc5604;padding: 1.1rem 5.2%;}
      .g-hd ul{float: right;height:4.4rem;margin-right: 0rem;}
      .g-hd ul li{float: left;font-size: 1.3rem;line-height: 5.2rem;padding:0 2.5rem 0 0;position: relative;}
      .g-hd ul li a{color: #333;}   
      .g-hd ul li:last-child{ background: 0; }
      .g-hd .m-nav2{float: right;width: 2.4rem;margin: 1.675rem 4% 0 0;}
      #menu{
            display: none;
            background: rgba(0,0,0,0.85);
            position: absolute;
            left: 0;
            top: 5.2rem;
            width: 100%;
            height:52.4rem;
            z-index: 200;
            }
      #menu p{width: 92%;margin:1.1rem auto 0;text-align: center;}
      #menu p a{display: block;height: 4.5rem;line-height: 4.5rem;font-size: 1.2rem;color: #fff;border-bottom:1px dashed #d1d2d5;box-sizing: border-box;}
      #menu p a:hover{ color: ##fc5604;font-weight: bold;opacity: 1;}
      #menu p a:last-child{border: 0;}
       #menu .tel{display: block;font-size: 1.4rem;color: #fff;width: 45%;height: 3rem;text-align: center;line-height: 3rem;overflow: hidden;background: #fc5604;margin:2rem auto 0;border-radius:5rem;}
            





       .g-ft{height: 30.45rem;position: relative;box-sizing:border-box;background: #f0f0f0;background-size: 100% 30.45rem;margin-top: -2.3rem;z-index: 99;}
      .f_con .top {display: block;margin: 0 auto;width: 3rem;height: 3rem;padding-top: 0.6rem;}
      .f_con .top img{ width:3rem;height:3rem;margin-left: -0.4rem;}
      
      .f_con h3{text-align: center;line-height: 1.6rem;font-weight: normal;font-size: 1.6rem;padding-top: 3.5rem;color: #333333;}
     
     
      .f_con p{line-height: 1rem;text-align: center;font-size: 1rem;color: #333333;margin-top: 1rem;}
      .f_con p a{ display: inline-block;margin-left: 1rem;color: #333333; }
      .fma{ margin-top: 1.8rem;  text-align: center;}
    
      .fma li{ width: 6.1rem;display: inline-block;margin: 0 1.2rem;height: 6.1rem; }
      .fma li img{ display: block;width: 6.1rem;height: 6.1rem;border:0.2rem solid #7e7e7e;box-sizing:border-box; }
      .fma li span{ display: block;width: 100%;text-align: center;font-size: 1rem;line-height: 1rem;text-align: center;padding-top: 0.9em; }

      .g_fnva{background:#fff;background-size: 100%;height:5rem;position:fixed;bottom:0;min-width:320px;width:100%;z-index:30;font-size: 1.1rem; max-width:750px;}
      body .g_fnva li{height:5rem;width: 25%;line-height: 1.2rem;float:left;text-align:left;color:#fff;position:relative;text-align: center;font-size: 1.2rem;background: #fc5604;}
      body .g_fnva li.df:after{ position: absolute; top:1.6rem;right: 0;width: 1px;height: 1.9rem;content: "";}

      body .g_fnva .tel{ background: #fc5604; }
        body .g_fnva .tel span{ color: #fff; }
        body .g_fnva li em{display: inline-block;width:1.5rem;height: 1.5rem;vertical-align: middle;}
        body .g_fnva li em img{ display:block;width:1.5rem;height: 1.5rem;}
         body .g_fnva li span{display: inline-block;margin-left: 1rem;font-size: 1.4rem;color: #fff;line-height: 5rem;}
body .ys .grid .swiper-pagination {
    bottom: 0px;
}
.f_bot span {
    display: block;
}

.f_bot span a {
    font-size: 1rem;
    color: #333;
    display: block;
    text-align: center;
    padding: 1rem 0;
    width: 50%;
    float: left;
}

.f_bot span {
    font-size: 1rem;
    padding: 0 2%;
    line-height: 1.5rem;
    color: #999;
}
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.664px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73px;}}
@media screen and (min-width:480px){html{font-size:12.796px;}}
@media screen and (min-width:520px){html{font-size:13.863px;}}
@media screen and (min-width:560px){html{font-size:14.93px;}}
@media screen and (min-width:600px){html{font-size:15.996px;}}
@media screen and (min-width:640px){html{font-size:17.06px;}}
@media screen and (min-width:680px){html{font-size:18.1288px;}}
@media screen and (min-width:700px){html{font-size:18.66px;}}
@media screen and (min-width:720px){html{font-size:19.1952px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


body .m-f01 a {
    color: #fff;
    line-height: 1.4em;
    display: block;
    text-align: center;
    padding: 0em 0;
}